Date Time Picker

Side-by-side date and time pickers sharing one OrbitalDateTime bind.

DateTimePicker composes core DatePicker and TimePicker. Changing the calendar day preserves the existing time-of-day. For keyboard segment entry without popovers, use DateTimeField.

  • Event scheduling forms (start/end datetime)
  • Flows that need both calendar and scroll-column time selection
  • Combined date and time selection with calendar and scroll-column pickers
  • Bind Option<OrbitalDateTime> via DateTimePickerBind.
  • Set appearance.date_format and appearance.time_format for locale masks.
  • Wrap in DatetimeLocale for shared defaults.
Date and time pickers

Default US date + 12-hour time with bind readout for E2E.

none
Bind readout

Selecting date and time updates the bound OrbitalDateTime.

none
24-hour time

Date picker with 24-hour scroll columns.

Disabled

Both pickers are non-interactive.