Calendar

@summonware/ui · calendar · P3 · Advanced UI
No reference page demonstrates this component — it was inferred from the screens that use one, so there is no variant matrix behind it.

Usage

A month grid with events plotted per day — distinct from `DatePicker` (a single date input): this is a scheduling *view*, the surface a booking or shift-planning screen is actually built from.
import { Calendar } from '@summonware/ui';

Best practices

DoCap what a busy day shows (this component caps at 2 + "N more") — a day with 8 stacked event pills is unreadable, not thorough.
Don'tUse this to pick a single date. That is `DatePicker`'s job — this component has no selection state of its own.

Examples

Common configurations, variations and states.

This month

Sun
Mon
Tue
Wed
Thu
Fri
Sat
1
2
3
Sprint reviewDesign sync
4
5
6
7
8
9
10
11
12
Client demo
13
14
15
16
17
18
19
20
Invoice due
21
22
23
24
25
26
27
28
29
30
31
Two events stacked on the same day, one showing the "+N more" overflow.

Where it appears

Used on 1 catalogued screens, including application-calendar.