Calendar
A powerful and fully-featured calendar component with event management, multiple views, recurring events, and rich customization options.
Pro Features
Unlock advanced capabilities with the Pro version
Multiple Views
Month, week, day, and agenda views for flexible scheduling
Recurring Events
Support for complex recurring patterns with exceptions
Token-Based Theming
Styled entirely with your design tokens — light and dark modes follow the host app automatically
Event Reminders
Attach reminder metadata to events and surface it in the grid and to screen readers
Drag & Drop
Intuitive drag and drop for event management
Internationalization
Full i18n support with multiple locales
Installation
Install via CLI
npx @moontra/moonui-cli add calendarUsage
August 2026
Examples
Month View with Event Management
Full calendar with create, edit, delete, and drag & drop capabilities
August 2026
Week View with Time Slots
Weekly calendar with hourly time slots and event overlap handling
Week of 8/30/2026
Agenda View
List view of upcoming events with filtering and search
Agenda
Recurring Events
Calendar with support for recurring events and exceptions
August 2026
Day View
Single-day timeline that lays out every event by its start and end time
8/30/2026
Sunday, August 30, 2026
Localization and Regional Formats
Switch locale, first day of week, and clock format at runtime — the calendar's colors already follow your design tokens (including dark mode)
August 2026
Event Reminders
Events that carry a reminder show a bell indicator, and the reminder lead time is announced to screen readers