Time Range Field

Segmented start/end time input bound to DateTimeRange.

TimeRangeField renders two TimeField segment groups separated by an en-dash. See the crate README for range control selection.

  • Same-day shift or hours windows entered by keyboard
  • Compact toolbar filters for time-of-day spans
  • Bind Option<DateTimeRange> through TimeRangeFieldBind.
  • Set TimeRangeFieldAppearance for 12-hour or 24-hour segments.
  • Share DatetimeLocale with sibling pickers on the page.
Time range segments

Default 12-hour start/end segments with bind readout.

–
none
24-hour format

Hour/minute segments in 24-hour layout.

–