Interface: PropsRange

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

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

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

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

The maximum number of days to include in the range.

---

min?

optional min: number

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

The minimum number of days to include in the range.

---

mode

mode: "range"

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

---

onSelect?

optional onSelect: OnSelectHandler<DateRange | undefined>

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

Event handler when the selection changes.

---

required?

optional required: false

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

---

resetOnSelect?

optional resetOnSelect: boolean

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

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

The selected range.