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
DatetimeLocaledefaults - Demos where stakeholders toggle US vs ISO masks and local vs UTC display
- Bind
Option<OrbitalDateTime>on a labeled Field. - Drive
appearance.formatandappearance.timezonefrom local signals (Select, Switch, etc.). - Include
PickerPreviewKnobsto 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