Data Display
Google-Calendar-parity scheduling primitive — sibling Tier-3 component to
| Prop | Type | Default | Description |
|---|---|---|---|
| events* | readonly SchedulerEvent[] | — | — |
| bordered | boolean | — | — |
| calendars | readonly CalendarSource[] | — | — |
| color | ResponsiveValue<SchedulerColor> | — | — |
| date | Date | — | — |
| defaultDate | Date | — | — |
| defaultDensity | enum | — | — |
| defaultFilters | SchedulerFilters | — | — |
| defaultView | enum | — | — |
| density | ResponsiveValue<SchedulerDensity> | — | — |
| dimOffHours | boolean | — | — |
| elevation | enum | — | — |
| emptyState | ReactNode | — | — |
| enableDragCreate | boolean | — | — |
| enableDragMove | boolean | — | — |
| enableDragResize | boolean | — | — |
| enableRightClickMenu | boolean | — | — |
| errorState | ReactNode | — | — |
| eventShape | enum | — | — |
| filters | boolean | — | — |
| holidays | readonly Holiday[] | "auto" | — | — |
| holidaysProvider | (year: number, locale: string) => readonly Holiday[] | Promise<readonly Holiday[]> | — | — |
| hourHeight | number | — | — |
| isEventEditable | (event: SchedulerEvent) => boolean | — | — |
| loading | boolean | — | — |
| locale | string | — | — |
| miniMonth | boolean | — | — |
| mobileBreakpoint | enum | — | — |
| multiDayCount | number | — | — |
| nowIndicator | enum | — | — |
| onConflict | (info: ConflictInfo) => boolean | void | — | — |
| onDateChange | (date: Date) => void | — | — |
| onEventClick | (event: SchedulerEvent, e: MouseEvent<Element, MouseEvent>) => void | — | — |
| onEventCreate | (draft: NewEventDraft) => void | SchedulerEvent | Promise<void | SchedulerEvent> | — | — |
| onEventDelete | (id: string) => void | Promise<void> | — | — |
| onEventDoubleClick | (event: SchedulerEvent, e: MouseEvent<Element, MouseEvent>) => void | — | — |
| onEventMove | (event: SchedulerEvent, change: EventMoveChange) => void | SchedulerEvent | Promise<void | SchedulerEvent> | — | — |
| onEventResize | (event: SchedulerEvent, change: EventResizeChange) => void | SchedulerEvent | Promise<void | SchedulerEvent> | — | — |
| onEventUpdate | (event: SchedulerEvent, patch: Partial<SchedulerEvent>) => void | SchedulerEvent | Promise<void | SchedulerEvent> | — | — |
| onRangeChange | (range: { start: Date; end: Date; }) => void | — | — |
| onSelectedEventChange | (id: string | null) => void | — | — |
| onSlotClick | (range: { start: Date; end: Date; resourceId?: string | null; }, e: MouseEvent<Element, MouseEvent>) => void | — | — |
| onStateChange | (state: SchedulerState) => void | — | — |
| onViewChange | (view: SchedulerView) => void | — | — |
| readOnly | boolean | — | — |
| renderEvent | (ctx: RenderEventContext) => ReactNode | — | — |
| renderEventModal | (ctx: RenderEventModalContext) => ReactNode | — | — |
| renderHolidayCell | (ctx: { holiday: Holiday; }) => ReactNode | — | — |
| renderQuickPopover | (ctx: RenderQuickPopoverContext) => ReactNode | — | — |
| resourceGranularity | enum | — | — |
| resources | readonly Resource[] | — | — |
| roundedCorners | enum | — | — |
| selectedEventId | string | null | — | — |
| showBusinessHours | boolean | — | — |
| showHolidays | boolean | — | — |
| showNowIndicator | boolean | — | — |
| showWeekNumbers | boolean | — | — |
| sidebar | boolean | — | — |
| size | ResponsiveValue<SchedulerSize> | — | — |
| snapMinutes | enum | — | — |
| state | Partial<SchedulerState> | — | — |
| stickyHeader | boolean | — | — |
| storage | StorageKind | — | — |
| storageKey | string | — | — |
| style | CSSProperties | — | — |
| sx | Sx | — | — |
| timeFormat | enum | — | — |
| toolbar | boolean | "minimal" | — | — |
| translations | Partial<SchedulerTranslations> | — | — |
| variant | ResponsiveValue<SchedulerVariant> | — | — |
| view | enum | — | — |
| weekStartsOn | enum | — | — |
| workingDays | number[] | — | — |
| workingHours | { start: string; end: string; } | — | — |