Dual Calendar
Side-by-side calendar panels with independent views, cross-panel drag, and vacation visualization
The dual calendar is a two-panel layout available on the Documents page. It displays two fully independent calendar instances side by side, each with its own view, date position, and navigation controls.
Layout
The two calendars are rendered in a flex container with equal width. Each panel is wrapped in a bordered, rounded container with its own dock (toolbar) at the top. The dock provides navigation controls (Previous, Today, Next) and a view switcher for that specific panel. Both panels share the same event data, so all your events are visible in both calendars simultaneously.
Independent State
Each calendar panel maintains its own state:
- View -- The left panel and right panel can show different views. For example, you can have Week view on the left and Month view on the right. View selections persist in localStorage under separate keys (
dual-left-calendar-viewanddual-right-calendar-view). - Date -- Each panel tracks its own current date, so you can look at January on the left and March on the right.
- Slot times -- Working hour calculations are independent per panel, so time-based views adapt to their own focused date.