CalendarView
v1.0.30Updated 20 Oct 2026Calendar page — month, week, day-agenda, scheduler and team-availability layouts. Full-page copy-paste template; baked-in demo content (edit the JSX to customise).
Preview
Live · 16 stories▸Why this is recommendedcalendarscheduleeventsagenda+4
CalendarView — month view.
- ✓Calendar / scheduling screens
- ✓In-app planners
- i18n: a labels prop overrides every built-in string; English defaults, brand-free copy
- Month, week, day-agenda, scheduler and team-availability layouts
- Event detail / booking-slots / empty variants
- Self-contained — no required props
- ✕Public event listings (use Events)
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
classNameOptional wrapper class override (copy-paste block, baked-in content)
—eventsCalendarMini and CalendarFullPage only: the month's events, of which CalendarMini lists the next four from today and which CalendarFullPage draws in every view and the agenda list, opening its detail panel on the event with id `e8` (or on a prompt to pick one when there is none); defaults to the demo month.
—labelsOverride every built-in string and aria-label (i18n). Merged over DEFAULT_CALENDAR_LABELS (135 English keys); every template in the file accepts it. The rendered DEFAULTS are English — page templates used to hardcode their copy, which no consumer could translate or ship. MCP feedback fb_ba2ec12f.
—