如何在点击时显示警报/弹出窗口？

Question

我正在使用this日期选择器组件，并且正在使用'disablePast'道具。这意味着在日历上，它们显示为灰色，无法选择。如何做到这一点，以便在尝试单击任何禁用日期（过去的日期）时可以创建警报或弹出窗口。谢谢！

<DatePicker
          inputVariant='outlined'
          disableToolbar
          format='dd/MM/yyyy'
          margin='normal'
          id='Select-Start-Date'
          label='Select Start Date'
          value={selectedStartDate}
          onChange={handleStartDateChange}
          inputProps={{ style: { textAlign: 'center' } }
          disablePast

        />

Answer 1

要么分叉该lib来添加所需的功能，要么使用肮脏的钩子，例如注意到已将哪些类添加到了禁用日期，并向文档中添加了一个点击侦听器，以检查click是否在那些类对象区域中