Date Field
Segmented date input with locale-aware section masks, bound to OrbitalDateTime.
DateField renders editable month/day/year (or ISO) segments instead of a single text box. Values are stored as start-of-day OrbitalDateTime in the chosen timezone. Convert at API boundaries via ToUnixSeconds or ToIso8601. For a text field with popover calendar, use core DatePicker instead.
- Dense forms that benefit from section-wise date entry
- Keyboards-first flows where users tab through date parts
- Flows that need segmented date entry without a popover calendar
- Bind
Option<OrbitalDateTime>viaDateFieldBind. - Set
appearance.formattoIsoDateorUsDate. - Wrap in Field when a visible label is required.
Segmented input
Default US-format month/day/year segments with bind readout for E2E.
none
Bind readout
Typing complete segments updates the bound OrbitalDateTime.
none
ISO format
Year-month-day segment order for ISO locales.