fix(deps): update dependency @vuepic/vue-datepicker to v10 #847

renovate · 2024-11-19T17:52:09Z

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@vuepic/vue-datepicker (source)	`^8.8.0` -> `^10.0.0`

Vuepic/vue-datepicker (@vuepic/vue-datepicker)

date-fns library is updated to version 4
data-test attribute is renamed to data-test-id (#987)
alt-position now accepts any returned style and won't do any conversion (#1018)

For more info, take a look at the migration guide

Added two new properties in the config prop
- mobileBreakpoint allows change of mobile breakpoint (#993)
- setDateOnMenuClose sets the date on the menu click-away (#1027)
Inline date picker will now emit a blur event on click away (#995)
Added option to force top or bottom positioning via auto-position prop (#1026)

Fixed issue where inline-time-picker with is-24="false" overflows the container (#990)
Fixed issue where selecting dates between DST and non-DST timezone results in hours updating every selection (#991)
Fixed issue where the marker tooltip is showing on hidden offset dates (#994)
Fixed issue where multi-dates select is not working when allowPreventDefault is enabled in the config (#999)
Fixed issue where the now button is not working properly in multi-dates mode (#1000)
Month range picker doesn't trigger range-start and range-end events properly (#1005) by @jllavec
Fixed issue where allowed-dates are not marking disabled months in month-picker (#1008)
Fixed issue with typescript build error (#1023)
Fixed issues where on multi-calendars solo mode, next calendar keeps resetting month on range picker (#1025)
Fixed the issue where the clock icon is not aligned on the mobile view

Fixed tabSubmit not updating model-value when the clear button is shown (#961)
Fixed missing aria-label field for input field (#967)
Fixed issue with partial range in week-picker mode setting current week as the second week (#972)
Fixed issue where click event from dp-input slot wrapper blocks slot clicks (#973)
Fixed issue where hidden calendar cell can be focused (#978)

Fixed issue where touch on Android device causes double selection in range picker (#948, #964)
Fixed issue where null values in min and max dates with prevent-min-max-navigation prevent navigation (#951)
Fixed issue where --dp-menu-min-width is not propagated to month-picker mode (#954)
Fixed preview-format prop not formatting based on the provided prop (#957)
Fixed wrong slot type for slot marker-tooltip (#959)
Fixed text-input tabSubmit focusing clear button instead of parsing value (#961) by @OlaAlsaker

Fixed issue where the wrong class is applied on the clear-icon slot (#945) by @Tsuyoshi84
Fixed issue where the clearInput aria-label is set on the wrong element (#942)

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