Skip to main content

view

Active view id at mount time. Must match one of the ids listed in the views prop. When omitted, the calendar opens on the day view.

Usage​

view?: string;

Built-in view ids:

  • "day" - single-day time grid with multiday bar.
  • "week" - 7-column time grid with multiday bar.
  • "month" - month grid with weeks as rows.
  • "agenda" - chronological list grouped by day (PRO).
  • "year" - twelve mini-month sections (PRO).
  • "resources" - resources as columns, time as rows (PRO).
  • "timeline" - resources as rows, time as columns (PRO).

Default: "day".

Example​

<Calendar {events} {date} view="week" />

A custom view id registered with registerCalendarView is also accepted, as long as the same id appears in views.