Views
Five built-in views cover the layouts used by Google Calendar, Apple Calendar and Outlook: month, week, day, year and agenda.
All five views — use the toolbar to switch
Sun
6
Mon
7
Tue
8
Wed
9
Thu
10
Fri
11
Sat
12
All-day
1 AM
2 AM
3 AM
4 AM
5 AM
6 AM
7 AM
8 AM
9 AM
10 AM
11 AM
12 PM
1 PM
2 PM
3 PM
4 PM
5 PM
6 PM
7 PM
8 PM
9 PM
10 PM
11 PM
12 AM
What each view does
| View | Layout | Navigation step |
|---|---|---|
month | Day grid with spanning multi-day bars and “+N more” overflow. | 1 month |
week | Time grid, 7 columns, with an all-day lane on top. | 7 days |
day | Time grid, single column. | 1 day |
year | Twelve mini months; days with events get a dot; clicking a day opens it in the day view. | 1 year |
agenda | Rolling list of upcoming events grouped by day. | agendaDays (default 30) |
Configuring views
views— which buttons the toolbar offers, e.g.views={['week', 'month']}weekends={false}— hide Saturday and Sunday in month & week views.fixedWeeks— always render 6 rows in the month view so the height never jumps.dayMaxEvents— max event rows per month cell before events collapse into “+N more” (default 4).agendaDays— the window length of the agenda view.weekNumbers— show ISO-8601 week numbers in month & week views.
Navigation from your own UI
The built-in toolbar is optional. Set header={false} and drive the calendar with the bindable date and view props — everything stays in sync.