v9.0.0

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