The Right Sidebar — Mini Calendar, Filters, and Daylight

The right sidebar sits alongside the main calendar grid on desktop (fixed at 288px width, expanding to 320px on extra-large screens). On mobile, the sidebar collapses into a bottom drawer triggered by a floating filter button at the bottom-right of the screen. The sidebar is divided into sections separated by horizontal rules: the mini calendar at the top, followed by Timezone and Daylight (when relevant), Event Types, Territories (when present), and Technicians.

The mini calendar mirrors the current view's date range. In week and list views it shows the week as a highlighted range selection; in day view it shows the single selected date as a single-day selection; in month view it shows the entire month range. Clicking any date in the mini calendar moves the main calendar to that date. This is the fastest way to jump to a specific date without typing anything — much faster than clicking the navigation arrows repeatedly.

The Timezone section lets you select any IANA timezone from a dropdown. The list always includes the four main US timezones (America/Denver, America/Los_Angeles, America/Chicago, America/New_York) plus UTC, and automatically includes any timezone inferred from your organization's configured service areas. Changing the timezone affects how all event times render across the entire calendar, which matters when your company operates across time zone boundaries — a job in Calgary and a job in Vancouver in the same week should be readable in the right local time for each market.

The Daylight Overlay section appears in Day view only. When your organization has service areas configured, you can select one from a dropdown to overlay a gradient on the day timeline showing precise sunrise and sunset times for that location's coordinates. The sidebar also shows a small data table with Sunrise, Sunset, Golden hr AM (the morning golden-hour window), and Golden hr PM (the evening golden-hour window) — all calculated from the service area's actual latitude and longitude for the selected date. This is genuinely useful for real estate photography teams scheduling twilight shoots: you can confirm at a glance that the 7 PM booking lands within golden hour for that city.

The Event Types checkboxes (Scheduled, Unscheduled, External) filter the events shown in the main grid without changing any data. Uncheck Unscheduled to hide jobs that are still awaiting a date; uncheck External to hide calendar events imported from a connected Google or Outlook calendar. The Technicians section (visible only to Owners, Admins, and Project Managers) shows every technician with a color-coded swatch. Each technician's color is generated deterministically from their ID, so the same person always gets the same color across sessions. Checking or unchecking a technician's name filters the calendar to show only their events. The Show All / Hide All toggle at the top of the section clears or restores the full filter in one click.