Focus/Selectable state on DayPicker?

Hello,

I was wondering if there was a way to have a selectable/focusable state when the user clicks on a date in the <DayPicker /> component?

For example, the <DateRangePicker /> component has a focus prop, but it doesn’t seem like it’s possible with the <DayPicker />.

Thanks.

[chellberg]

In case it helps anyone, I found a slightly simpler (possibly inferior) workaround for disabling days on the DayPicker:

<DayPicker
  modifiers={{
    past: day => day.isBefore(moment()),
  }}
/>

td.CalendarMonth__day--past {
  pointer-events: none;
}

source

[webdevfrancisco]

A quick modification to @chellberg to make the non-selectable days apparent and allow the current day to be selected

past: day => day.isBefore( moment().subtract(1, 'day') )

td.CalendarMonth__day--past {
  pointer-events: none;
  opacity: .2;
}

this no longer works, I’m on version ^21.8.0