Layout
- Rows — creators
- Columns — days
- Cells — shifts for that day and creator
Display density
Use the S / M / L toggle to change the calendar density:Visual indicators
Coverage bar
Each cell shows a 24-hour bar:- Green — has an assigned employee
- Gray — no shift (open hours)
Status cards
Shift details
Below the bar you’ll see:- Time (e.g., 09:00 - 17:00)
- Repeat icon (if recurring)
- Employee name and avatar
Navigation
- Scroll left — past days (load automatically)
- Scroll right — future days (load automatically)
- Date filter — jump to a specific date
Filtering
Quick actions
Hover over a shift:- Empty cell — plus icon to create shift
- Filled shift — edit and delete icons