Calendar — overview & views
Day · Week · Month · Agenda · per-day List. How each view answers a different question, the keyboard shortcuts that move between them, and the date navigation patterns built into the toolbar.
The calendar is where most operators spend their day. It’s designed to surface the answer to “what’s happening right now and what’s next” in one screen, and to make routine edits — drag, resize, duplicate, click-to-create — feel as quick as Google Calendar without giving up the multi-resource (per-staff column) layout that service businesses actually need.
The five views
Toggle with the toolbar pill or the keyboard letter shortcut.
| View | Best for | Shortcut |
|---|---|---|
| Day | Multi-staff column grid for the current day | D |
| Week | 7 days grouped by date with status badges | W |
| Month | Month grid with a per-day appointment count | M |
| Agenda | Flat chronological list grouped by day | A |
| List | Per-day flat timeline with inline status calls | (Day → List in toolbar) |
Day is the workhorse. Week is for scanning the next few days. Month is for jumping anywhere. Agenda is the read-friendly weekly view — also the default on mobile.
The toolbar
[‹] [Date label] [›] [Today] [Day | Week | Month | Agenda] [zoom −/+] [Refresh] [Print]
- Date label — click to open a mini-month picker. Today highlighted, days with bookings dotted, prev/next chevrons inside the popover.
- Today — jumps the date to today; same as keyboard
T. - Prev / Next chevrons — step by 1 day in Day view, 7 days in Week / Agenda, 1 month in Month. Same as
←/→. - Zoom −/+ — three levels (1× / 2× / 4×). Persists per-tenant.
- Refresh — re-fetches appointments from the server. Most edits update locally; this is for when something changed in another tab.
- Print — opens the browser print dialog with a tuned print stylesheet.
Keyboard reference
| Key | Action |
|---|---|
T | Jump to today |
← / → | Previous / next day (or week / month) |
D | Day view |
W | Week view |
M | Month view |
A | Agenda view |
+ / = | Zoom in |
− | Zoom out |
Esc | Close any open menu or modal |
Shortcuts are global on the calendar page but ignored when an input/textarea/select has focus, so they don’t fire while you’re typing.
What’s where
- Hour gutter on the left, with sub-hour labels (:30 at 2× zoom; :15/:30/:45 at 4×).
- Staff columns to the right, one per active staff member. Each column is shaded outside that staff’s working hours.
- All-day strip above the time grid — only visible when at least one all-day event exists today.
- Now-line — red horizontal line at the current minute, only on today, ticks every 60 seconds.
- Mini-month picker behind the date label.
Multi-tenant note
Calendar preferences (view, zoom, week-start, hour-format, locale) are stored in your browser’s localStorage, scoped to the tenant slug. So the dashboard remembers your settings per-business — switch to your sister salon and it has its own zoom level.