TimeGrid

The calendar's time views: day columns over an hour scale, with an all-day row and meetings placed by time. Tablet: 3 days, 5 days and Day. Phone: 3 days and Day.

Consumer provides: the dates, today, the selected day, all-day events and timed meetings (start, end, title, calendar colour).

Anatomy

• Column header (40 dp): the day number in a 28 dp disc (today ring / selected forest disc, as in MonthGrid) and the weekday in muted.
• All-day row (48 dp): "All day" label in the 32 dp hour gutter; all-day events as 28 dp meeting-fill chips with a rail.
• Hour gutter (32 dp): hour numbers ("9", "10"), tablet-label, muted, tabular numerals; 1 dp divider line per hour across all columns.
• Meeting block: meeting-fill, 3 dp calendar-colour rail, radius-sm; time range then title, both 16 sp. Blocks shorter than 30 min drop the time and keep one line. In 5-day view, show only the start time.
• Overlaps split the column into equal side-by-side lanes with a 4 dp gap; each lane shows the start time only.
• The grid body scrolls vertically with the persistent Scrollbar in its own lane; the header and all-day row stay fixed.

Rules

• Hour height: tablet 67 dp, phone 56 dp. A 15-minute standup is a single-line block.
• Phone: the same anatomy at Material type sizes; ‹ › for the previous/next period sit in a 56 dp bar at the bottom of the screen ("‹ Tue 3 Nov" / "Thu 5 Nov ›").
• The 300 dp sidebar sits to the right, as in Month.
• Tapping a meeting opens its meeting note.

Preview