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;
}