MonthGrid

The month overview: a 7 × 6 grid of days with each day's meetings and ToDos. Tablet cells show chips; phone cells show bars and list the selected day under the grid.

Consumer provides: the month, today, the selected day, and per day its meetings (title, calendar colour) and ToDos (title, urgent).

Tablet

• Weekday header 40 dp, tablet-label in muted; cells divided by 1 dp divider lines (no outer frame).
• Day number in a 28 dp disc, 17 sp Medium. Today: 2 dp forest ring. Selected: cell in sage-selected with a 2 dp forest inner outline, number in a forest disc. Out-of-month numbers muted.
• Meeting chip: 26 dp, meeting-fill, 3 dp rail in the calendar colour, title 16 sp, ellipsized. ToDo chip: an 11 dp outlined box, then the title; urgent adds a Bold urgent "!" and an urgent box.
• Chips per cell: 2 in portrait, 1 in landscape. The rest collapses into "+N more" (16 sp Medium, forest) at the bottom of the cell.
• "+N more" opens a popover anchored to the cell (opens from its lower 48 dp): 2 dp ink frame, heading "Thu 5 November · 7 items" with ×, a bounded list (max ≈ 5 rows, then the Scrollbar) of time + title, 48 dp rows. Tapping an item opens it.
• Sits left of the 300 dp sidebar; the view dropdown in the AppBar switches Month → 3 days → 5 days → Day.

Phone

• 62 dp cells with a sage hairline on top; a 28 dp day disc (same today/selected rules); up to 3 four-dp colour bars per day in the calendar colours; "+N" when there are more.
• The selected day's events are listed under the grid as MeetingCards with an Add event action.
• ‹ › change month; prev/next for the day view sit at the bottom of the screen.

Rules

• Calendar colours come only from the cal-* set (calendar-rail by default).
• Never show more chips than fit: count first, then "+N more". Never clip a chip half-way.

Preview