Interface: PropsRangeRequired

Defined in: src/types/props.ts:694

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: src/types/props.ts:703

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: src/types/props.ts:709

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

Since

9.0.2

---

max?

optional max: number

Defined in: src/types/props.ts:726

The maximum number of days to include in the range.

---

min?

optional min: number

Defined in: src/types/props.ts:724

The minimum number of days to include in the range.

---

mode

mode: "range"

Defined in: src/types/props.ts:695

---

onSelect?

optional onSelect: OnSelectHandler<DateRange>

Defined in: src/types/props.ts:722

Event handler when a range is selected.

---

required

required: true

Defined in: src/types/props.ts:696

---

resetOnSelect?

optional resetOnSelect: boolean

Defined in: src/types/props.ts:718

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: src/types/props.ts:720

The selected range.