I have found you can still select disabled dates if you manually type the date into the input. The only legit way to stop this is to set the prop typeable to false, but I want users to still be able to type a date. I have added conditional logic that sets the date back within the range boundaries of the disabled dates, but the input text does not update to the selected date 🤯 So I am having to manipulate the text using date-fns's format method like this:
this.$refs.<chosenRef>.$children[0].$data.typedDate =
format(<selectedDate>, this.$refs.endDate.$children[0].$props.format)
// chosenRef: Your chosen "ref" for the `vuejs-datepicker` component.
// selectedDate: The selected date.
😂
I thought I would post the issue in case some else gets stuck, like I did with this issue.
I have found you can still select disabled dates if you manually type the date into the input. The only legit way to stop this is to set the prop
typeableto false, but I want users to still be able to type a date. I have added conditional logic that sets the date back within the range boundaries of the disabled dates, but the input text does not update to the selected date 🤯 So I am having to manipulate the text usingdate-fns'sformatmethod like this:😂
I thought I would post the issue in case some else gets stuck, like I did with this issue.