gpbl/react-day-picker

Disabled days can be selected with selected prop

Closed this issue · 1 comments

Description

Disabled days can be selected with the selected prop.
https://codesandbox.io/p/sandbox/funny-brahmagupta-2d3gdh?file=%2Fsrc%2FApp.tsx%3A9%2C5

Expected Behavior

it should not select the day.

Actual Behavior

i bind the datepicker to an input field. I disabled the future dates, but they can be selected by the input field.

image

As a workaround, on input change, I check if the date is not matched with disabled days. It does only cover the disabled prop, not the max for example.

....
if (
			isValid(date) &&
			(props.disabled == null ||
				!isMatch(
					date,
					Array.isArray(props.disabled)
						? props.disabled
						: [props.disabled]
				))
		) {
setSelected(date)

}