Calendar
A full-featured application-style calendar with month, week, and day views. Supports colour-coded events, live current-time indicator, add-event actions, and a mini-calendar navigation sidebar (day view). Built with zero external dependencies — no react-aria required.
Month view
A 7-column, 6-row grid showing all days of the month. Out-of-month days appear dimmed. Events render as colour-coded chips; overflow is indicated with a “N more…” label. Hovering a cell reveals an Add event button.
Monday, 30 March 2026
Week view
A 7-column time grid displaying 24 hours per day. Events are positioned absolutely based on their startTime / endTime. A live “current time” indicator sweeps across today's column.
Monday standup
2:30 pm – 3:00 pm
Content planning
4:30 pm – 5:30 pm
Day view
A single-day time grid with a right-hand panel containing a mini calendar for quick navigation and an event details card when an event is selected.
Monday standup
2:30 pm – 3:00 pm
Content planning
4:30 pm – 5:30 pm
Controlled
Pass view, onViewChange, date, and onDateChange to fully control the calendar state from outside. Month — 30 Mar 2026