Single Mode
Use numberOfMonths prop to set the number of months you want to display in the calendar.
This feature can be applied to datepicker or calendar in all single, multiple, and range modes.
Using disableMonthPicker and disableYearPicker is optional.
<Calendar
numberOfMonths={2}
disableMonthPicker
disableYearPicker
/>
Multiple Mode
const [dates, setDates] = useState([
new DateObject().setDay(5),
new DateObject().setDay(12),
new DateObject().setDay(14).add(1, "month"),
new DateObject().setDay(23).add(1, "month"),
])
.
.
.
<DatePicker
value={dates}
onChange={setDates}
multiple
numberOfMonths={2}
/>
Range Mode
const [values, setValues] = useState([
new DateObject().setDay(4).subtract(1, "month"),
new DateObject().setDay(4).add(1, "month")
])
.
.
.
<Calendar
value={values}
onChange={setValues}
range
numberOfMonths={3}
showOtherDays
/>