Interface: PropsRange

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

The props when the range selection is optional.

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:645

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:652

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

Since

9.0.2

See

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

---

max?

optional max?: number

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

The maximum number of days to include in the range.

---

min?

optional min?: number

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

The minimum number of days to include in the range.

---

mode

mode: "range"

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

---

onSelect?

optional onSelect?: OnSelectHandler<DateRange | undefined>

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

Event handler when the selection changes.

---

required?

optional required?: false

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

---

resetOnSelect?

optional resetOnSelect?: boolean

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

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. When required is false, clicking the same day of a single-day range clears the selection.

Since

9.14

See

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

---

selected?

optional selected?: DateRange

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

The selected range.