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
/> 

See Also:

Plugins #Range Picker Footer