Playground

Interactive sandbox for picker format, timezone, and density combinations.

Use this page to verify how DatePicker masks, timezone signals, and theme density interact before wiring the same props into production forms. Controls map directly to appearance fields on the bound picker.

  • Spiking locale and timezone combinations during plugin integration
  • QA checks after changing DatetimeLocale defaults
  • Demos where stakeholders toggle US vs ISO masks and local vs UTC display
  • Bind Option<OrbitalDateTime> on a labeled Field.
  • Drive appearance.format and appearance.timezone from local signals (Select, Switch, etc.).
  • Include PickerPreviewKnobs to exercise compact/default/spacious density.
  • Add a readout below the picker when debugging formatted output vs unix storage.
Knobs playground

Adjust density, format, and timezone; toggle 12h display via the readout label.

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