Vuepic/vue-datepicker v9.0.0 on GitHub

⚠️ Breaking changes

Deprecated props are removed
Class dp__clear_icon is renamed to dp--clear-btn and the icon is wrapped in <button> tag
textInput.openMenu boolean value true is changed to 'open' | 'toggle'
Removed calendarWrap and calendarDays from the aria-labels prop due to accessibility violations
When using the component with web components, it must be enabled explicitly via config.shadowDom property

For more info, take a look at the migration guide

Added option to enable menu toggle when clicking the input field in text-input mode (#905)
Added @text-input event (#906)
Exposed dpWrapMenuRef (#918)
Added customPosition function to the marker object (#933)
Added new slot menu-header that spans across all instances (#935)
Additional arria labels for overlays are added (#941)

Fixed issue with required double touch to select date when the date has a marker on iOS devices (#904)
Fixed accessibility violation with aria-label on the input field (#907)
Fixed accessibility issue with unable to focus the x button in the input field via keyboard (#908)
Fixed issue with wrong month & year assignment for auto-range in multi-calendars mode (#909) by @Tsuyoshi84
Fixed positioning issue when layout altering slots are used (fixes #922)
Fixed broken layout on direction: rtl (#931)
Fixed issue where partial-flow closes the menu after the first flow step (#936)
Fixed issue where the menu changes position on text-input (#940)

Accessibility improvements
- All svg icons now have a role attribute
- The handleTab function from dp-input slots now receives a second (optional) boolean parameter, indicating that the event comes from the input field
- Keyboard helpers (Home, PageUp and PageDown events) will now add focus (#822, #932)
- The clear icon is now wrapped inside the button tag instead of the span