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> via DateFieldBind.
  • Set appearance.format to IsoDate or UsDate.
  • 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.