highlightDates does not updating

Why highlightDates property changes doesn’t trigger component update? I have dynamic highlightDates array, after i update it, nothing happens, but should add some class to defined dates.

<DatePicker inline monthsShown={2} highlightDates={dates}

[ghost]

I got one solution, not perfect, but working. First, need to add ref to second datepicker:

<DatePicker inline monthsShown={2} ref={secondDatepickerRef} />

Then you can manipulate with component reference:

const dates = [format(new Date('2019-03-25'), 'MM.DD.YYYY')];
const highlightedDates = new Map();
dates.forEach(el => newMap.set(el, ['react-datepicker__day--highlighted']));
secondDatepickerRef.state.highlightDates = highlightedDates;

highlightDates should be Map instance, where first argument is a date and second - highlighted class.

[kevflynn]

Possibly cleaner and less breaking for React - add a key property to the datepicker - this will force it to update itself. key={shortid.generate()}