Cannot Open Up in “Month” View using react-daterange-picker

How can we set DateRangePicker from the @wojtekmaj/react-daterange-picker package to show only months (i.e. like a month picker) when the component is first clicked?

Tried using

<DateRangePicker
    onChange={onChange}
    value={value}
    maxDetail="month"
    calendarIcon={null}
/>

but it is opening up in the “day” view

instead of the “month” view

Answer

Your DateRangePicker options maxDetail value should be “year” instead of “month”.

<DateRangePicker
   onChange={onChange}
   value={value}
   maxDetail="year"
/>