VOL. III · CH. 3.15 · COMPONENT
Calendars
Compressing an abstract concept — time — into a scannable grid.
1 min read · 115 words
3.15.1Definition & Anatomy
A calendar component displays dates in month, week, or day views, often layering events or availability on top — used for scheduling, booking (2.17), and date selection.
3.15.2Common Mistakes
- No clear time zone indication when the calendar involves scheduling across regions.
- Poor touch targets for date cells on mobile, making precise selection difficult.
3.15.3Best Practices
- Always display the relevant time zone explicitly when scheduling could span regions.
- Default to the view (month/week/day) that matches the most common real use case for that specific product.
ExampleCalendly explicitly displays both parties' time zones side-by-side during scheduling, directly addressing the single most common cause of missed meetings in cross-region booking tools.