Date Range Field

Segmented start/end date input bound to DateTimeRange.

DateRangeField renders two DateField segment groups separated by an en-dash. Values commit when both endpoints parse successfully. See See the crate README for field vs picker choice.

  • Dense forms where users type dates instead of opening a calendar panel
  • Tables or filters that need compact start/end segments
  • Bind Option<DateTimeRange> through DateRangeFieldBind.
  • Inherit format and timezone from DatetimeLocale when wrapped.
  • Pair with DateRangePicker when users also need a calendar popover.
Range segments

Default US-format start/end segments with bind readout for E2E.

–
none
Bind readout

Completed start and end segments update the bound range.

–
none