How to style the day of the week for the first month

[rmsnk]

Bug description

Hi, awesome library, but I have found a one small bug, I want to highlight current day of the week, I did it using the following code

  const formatters: Partial<Formatters> = useMemo(() => {
    return {
      formatWeekdayName: (date) => {
        return (
          <span
            className={isToday(date) ? "active" : ''}
          >
            {format(date, "EEEEE")}
          </span>
        );
      },
    };
  }, []);

but in the second month day is also highlighted.

To reproduce

Link to reproduce

Expected behavior

Day is highlighted only in 1 month

Screenshots

[gpbl]

Here the behavior on the formatter is correct, as it is applied to all the day headers.

You could pass a HeadRow but this would require to rewrite HeadRow as custom components

import { DayPicker, HeadRow } from 'react-day-picker';

function CustomHeadRow(props: HeadRowProps) {
  return <HeadRow ...props>
}

<DayPicker customComponents={{ HeadRow: CustomHeadRow }} />

You could also target that 6th cell in the 1st table with a CSS like this - have you considered this option?

.rdp-month:nth-child(1).rdp-head_cell:nth-child(6) {
  color: red;
}