The Vanilla Calendar Pro is a versatile JavaScript date and time picker component with TypeScript support, making it compatible with any JavaScript frameworks and libraries. It is designed to be lightweight, easy to use, and feature-rich, without relying on external dependencies.
On the initial load(calendar init), when I pass unavailableDates into the range options, the calendar works perfectly.
However, when navigating between months (using the navigation arrows), I try to update the disabled dates dynamically, but I'm not seeing any changes reflected in the DOM/calendar.
the first init const options = { range: { disabled: this.unavailableDates, }, }, ...
after patching
self.actions.updateUnavailableDates(self, newPrices); //custom function to pass the dates into the unavailableDates self.update({dates: false,});
The new data is successfully added to the settings object, but it doesn't seem to reflect in the calendar.
On the initial load(calendar init), when I pass unavailableDates into the range options, the calendar works perfectly. However, when navigating between months (using the navigation arrows), I try to update the disabled dates dynamically, but I'm not seeing any changes reflected in the DOM/calendar.
the first init const options = { range: { disabled: this.unavailableDates, }, }, ...
after patching
self.actions.updateUnavailableDates(self, newPrices); //custom function to pass the dates into the unavailableDates self.update({dates: false,});
The new data is successfully added to the settings object, but it doesn't seem to reflect in the calendar.