Prepared Docs

Prepared Docs

⌘K

    Loading navigation…

User

  1. Calendar
  3. Advanced Date Range Picker
  5. API and Development

Advanced Date Range Picker

API and Development

View Source
Submit Issue

Three pickers share the “advanced range” pattern (segmented mode + calendar or time inputs):

  • AdvancedDateRangePicker: AdvancedDateRangeMode (Before | After | Between) with AdvancedDateRangeValue discriminated by mode.
  • AdvancedDateTimeRangePicker: date-time bounds for each mode using shared recurrence/date utilities.
  • AdvancedTimeRangePicker: time-of-day only using AdvancedTimeRangeMode and AdvancedTimeRangeValue.

AdvancedDateRangePicker props

NameTypeDescription
value / onChangeAdvancedDateRangeValueDiscriminated union by mode.
onApply(value) => voidDeferred commit with Apply/Reset UI.
onReset() => voidClear selection.
rangeOnlybooleanHide mode control; only between-range UI.
disableFuture / disablePastDates / disableFutureDatesbooleanBound selection.
hideResetbooleanHide reset action.

Export AdvancedDateRangeMode and AdvancedDateRangeValue from @prepared911/ui-calendar.

Import

Example

Previous

Advanced Date Range Picker / Usage

Next

Advanced Date Range Picker / Accessibility

On this page

AdvancedDateRangePicker props
Import
Example