Date Calendar

Standalone calendar panel for date selection, bound to OrbitalDateTime.

DateCalendar wraps the core Calendar grid in the plugin picker layout shell (orb-picker-layout). Use it when building date-picker plugin surfaces; prefer core Calendar directly for inline grids in application code.

  • Date-pickers plugin consumers expecting the DateCalendar name
  • Popover or dialog panels that need picker chrome around the month grid
  • Bind Option<OrbitalDateTime> via DateCalendarBind.
  • Set appearance.min_date / max_date to constrain selectable days.
  • Provide appearance.shortcuts for preset chips (Today, Yesterday, etc.).
  • Wrap preview examples in a native element with data-testid.
Default calendar

Inline month grid inside the picker layout shell with bind readout for E2E.

July 2026
SunMonTueWedThuFriSat
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
none
Bind readout

Clicking a day updates the bound OrbitalDateTime.

July 2026
SunMonTueWedThuFriSat
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
none
UTC timezone

Calendar days resolve against UTC start-of-day.

July 2026
SunMonTueWedThuFriSat
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
Min/max with Field validation

Shortcut selection outside the allowed range surfaces a Field error.

July 2026
SunMonTueWedThuFriSat
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1