Month View in the React Scheduler

The Scheduler's Month view provides a comprehensive calendar layout for planning and organizing events. Customize the display by configuring visible months, week rows, adjacent-month dates, and row sizing to suit your scheduling needs.

Setting number of visible months

Display multiple consecutive months in a single view using the MonthView interval property. Set interval={4} to show four months side-by-side, enabling quick long-range planning and overview at a glance.

Number of weeks visible in the month view

Control the density of the Month view by configuring displayDate (starting day), numberOfWeeks (number of week rows displayed), and maxEventsPerRow (event limit per day cell). These properties work together to optimize the calendar layout for your use case.

Auto row height

Enable rowAutoHeight to dynamically expand month view rows based on the number of appointments, ensuring all events are visible without clipping or truncation.

Hide leading and trailing dates

Use showTrailingAndLeadingDates to toggle the visibility of dates from adjacent months in the Month view. Set it to false to display only the current month's dates.