Calendar Day

The Calendar Day screen zooms into a single date. All-day events sit at the top as colored chips; timed events appear as blocks on a 24-hour grid. Tap a block or chip to open its detail.

1. 1
   Date header

   Shows the weekday, date, and event count for the day.

2. 2
   All-day chip

   One chip per all-day event. Tap to open its detail.

3. 3
   Time grid

   24-hour grid with hour labels on the left.

4. 4
   Event block

   Colored block on the grid. Position matches start time; height matches duration. Tap to open the detail.

5. 5
   Create event (FAB)

   Floating plus button. Opens the create-event screen with this date pre-filled.