Skip to main content
Version: 10.0.0-next.6

Interface: PropsRangeRequired

Defined in: packages/react-day-picker/src/types/props.ts:596

The props when the range selection is required.

See

https://daypicker.dev/docs/selection-modes#range-mode

Properties

disabled?

optional disabled?: Matcher | Matcher[]

Defined in: packages/react-day-picker/src/types/props.ts:605

Apply the disabled modifier to the matching days. Disabled days cannot be selected when in a selection mode is set.

See

https://daypicker.dev/docs/selection-modes#disabled


excludeDisabled?

optional excludeDisabled?: boolean

Defined in: packages/react-day-picker/src/types/props.ts:611

When true, the range will reset when including a disabled day.

Since

9.0.2


max?

optional max?: number

Defined in: packages/react-day-picker/src/types/props.ts:628

The maximum number of days to include in the range.


min?

optional min?: number

Defined in: packages/react-day-picker/src/types/props.ts:626

The minimum number of days to include in the range.


mode

mode: "range"

Defined in: packages/react-day-picker/src/types/props.ts:597


onSelect?

optional onSelect?: OnSelectHandler<DateRange>

Defined in: packages/react-day-picker/src/types/props.ts:624

Event handler when a range is selected.


required

required: true

Defined in: packages/react-day-picker/src/types/props.ts:598


resetOnSelect?

optional resetOnSelect?: boolean

Defined in: packages/react-day-picker/src/types/props.ts:620

When true, clicking a day starts a new range if there is no current start date or if a range is already complete. In those cases, the clicked day becomes the start of the new range.

Since

9.14

See

https://daypicker.dev/selections/range-mode#reset-selection


selected

selected: DateRange | undefined

Defined in: packages/react-day-picker/src/types/props.ts:622

The selected range.