Cannot Open Up in "Month" View using react-daterange-picker

Question

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 1

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

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

Answer 2

maxDetail default is already set to month. Since a month is composed (details) by days that's why you get that outcome.

In your case you need to set maxDetail="year", given year details are composed by months:

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