Month Calendar
Month grid for June 2026 with event chips, overflow badges, today highlighted, and muted out-of-month days.
Month grid for June 2026 with event chips, overflow badges, today highlighted, and muted out-of-month days.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Month Calendar is the full-page grid view for June 2026: seven columns with Sun through Sat weekday headers, 35 day cells, today (Jun 13) highlighted with a filled circle, and out-of-month days from May and July rendered muted. A handful of cells carry event chips: the Jun 17 cell shows 1:1 Avery, Eng sync, and the +2 more overflow badge; Jun 9 stacks Design review with Standup.
The grid is built from three flat arrays stitched in buildGrid. The overflow pattern, slicing events at three and emitting a +N more chip, is the production signal that nothing is silently dropped.
Reach for this block as the default calendar overview, wired to your events endpoint keyed by day number. Swap the static events record for a query result; the chip truncation handles density automatically.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the team event overview for a sprint month. Other month calendar uses:
Tip: the +N more chip is a signal, not a solution; link it to the day list view so nothing stays hidden.