npm @vuepic/vue-datepicker 9.0.0
v9.0.0

latest releases: 10.0.0, 9.0.3, 9.0.2...
4 months ago

⚠️ 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

🚀 Features

  • 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)

🐛 Bug Fixes

  • 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)

🔧 Refactor

  • 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

Don't miss a new vue-datepicker release

NewReleases is sending notifications on new releases.