React DatePicker：突出显示当前月份的日期

Question

有什么方法可以在React date-picker中突出显示当前月份的日子。

从视觉上看，当月的日子应该看起来像启用的黑色，而上个月和下个月的日子是灰色的（就像禁用的，但实际上它们仍然是可点击的）。

 <DatePicker
   className="form-control"
   selected={this.props.dateFrom}
   onChange={(momentDate) => {
      this.props.changeDateFrom(momentDate);
   }}
   isClearable={false}
/>

这是我想创建的示例的预览：

Answer 1

您可以覆盖此类的 CSS：

• .react-datepicker__day--月外

Answer 2

正如 Damien 建议的那样，您需要覆盖 .react-datepicker__day--outside-month CSS 类。确切的 CSS 如下所示，用于隐藏当前月份以外的任何日期。

.react-datepicker__day--outside-month {
  color: transparent !important;
  pointer-events: none;
}