A calendar for React inspired by Notion Calendar. Day, week, month and agenda views with drag and resize, keyboard shortcuts, and ICS import and export.
The coming days' events as a scrolling list, grouped by day.
The full calendar: a toolbar with the view switcher, today and previous/next, over day, week, month and agenda views, with keyboard shortcuts.
Types, event layout math, keyboard shortcuts, CalendarProvider and useCalendar(). Every view builds on it.
One day on the time grid.
Event chips, the detail panel, the details popover and the right-click menu.
parseIcs() and toIcs(): read and write iCalendar (.ics) files from Google Calendar, Apple Calendar and Outlook.
The month grid, with drag and resize.
The hour grid behind the day and week views: all-day row, time axis and current-time line, with drag, resize and create.
A week, or any number of days, on the time grid.