react-day-picker icon indicating copy to clipboard operation
react-day-picker copied to clipboard

Disabled days can be selected with selected prop

Open berkin opened this issue 1 year ago • 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

berkin avatar Jan 29 '24 22:01 berkin

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)

}

berkin avatar Jan 31 '24 08:01 berkin