Prepared Docs

Prepared Docs

⌘K

    Loading navigation…

User

  1. Calendar
  2. Advanced Date Time Range Picker
  3. API and Development

Advanced Date Time Range Picker

API and Development

View Source
Submit Issue

AdvancedDateTimeRangePicker from @prepared911/ui-calendar composes AdvancedDateRangePicker with time inputs: a single TimePicker for Before and After modes, and TimeRangeInputs for Between (or when rangeOnly is true). Values are AdvancedDateTimeRangeValue, discriminated by mode and including optional time / startTime / endTime strings alongside dates.

Props

NameTypeDescription
value / onChangeAdvancedDateTimeRangeValueDiscriminated union by AdvancedDateRangeMode.
onReset() => voidClears selection; wired through internal date/time state.
onApply(value: AdvancedDateTimeRangeValue) => voidWhen set, defers onChange until Apply; shows Apply with Reset.
hideMonthYearSelectbooleanHides month/year dropdowns on the embedded date range UI.
disabledbooleanDisables the picker and actions.
disableFuturebooleanLegacy flag passed through to date range behavior.
disablePastDatesbooleanPrevents selecting dates before today.
disableFutureDatesbooleanPrevents selecting dates after today.
rangeOnlybooleanHides Before/After/Between segmented control; shows between-range date and time range inputs only.

Export AdvancedDateTimeRangeValue from @prepared911/ui-calendar alongside AdvancedDateRangeMode.

Import

Example

Previous

Advanced Date Time Range Picker / Usage

Next

Advanced Date Time Range Picker / Accessibility

On this page

Props
Import
Example