v10.0.0

⚠️ Breaking changes

• 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

🚀 Features

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

🐛 Bug Fixes

• 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

v9.0.3

🐛 Bug Fixes

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

🔧 Refactor

• Emit invalid-date event when validating date from text-input (#971)

v9.0.2

🐛 Bug Fixes

• 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

v9.0.1

🐛 Bug Fixes

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

🔧 Refactor

• Calendar direction property is extracted to a CSS variable (#943)

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

v8.8.1

🐛 Bug Fixes

• Added optional chaining operator on arrow positioning (#901) by @carlssonemil
• Fixed wrong weekday names on format-locale in overridden timezone (#911) by @basil-gor
• Fixed menu arrow positioning when the input is on the right (#920) by @allusernamestakenexceptthis
• Fixed issue with css import in some projects (#903)

v8.8.0

🚀 Features

• Added new ui prop
  • Add custom class support for next and previous nav buttons (#883)
• Added tp-inline-arrow-[up/down] slots (#884)
• Added support for dynamic calendar update when the count is updated externally (#886) by @simbacod3

🐛 Bug Fixes

• Ignore full date [min/max]-date validation in year-picker mode (#879)
• Fixed wrong default time in time-picker mode when timezone is provided (#880)
• Fixed incorrect month name tokens for format-locale (#881) by @exi66
• Fixed issues where value is not reflected in the calendar on text-input in specific modes (#893)
• Fixed issue where multi-calendars are not updating on text-input (#894)

🔧 Refactor

• ⚠️ Deprecated props: input-class-name, menu-class-name, calendar-class-name and calendar-cell-class-name in favor of ui prop

v8.7.0

🚀 Features

• Exposed handleFlow method to manually trigger flow (#864)
• Added internalModelValue as a second param to the day-class prop (#872)

🐛 Bug Fixes

• Fixed issue where the overlay is closed on click when the picker is added inside <label> tag (#661)
• Fixed issue with inverse arrow-left/right navigation
• Accessibility fixes (#822)
  • Home/End to respect focused cell
  • Fixed issue where PageUp/PageDown loses focus
• Fixed wrong year slot type (#867)
• Fixed issue where month matching min-date in month-picker mode can't be selected (#865)
• Pass on-focus prop to dp-input slot to parse text-input with auto-apply (#873)
• Fixed issue where the now button is not selecting the date in the provided timezone (#874)
• Fixed issue where not all properties from range and multi-calendars are being applied on [month/quarter]-picker modes (#875 )

v8.6.0

🚀 Features

• New event overlay-toggle added (#852)
• Added option to click and hold time-picker arrows (#855)
  • Can be enabled with config.timeArrowHoldThreshold
• Added [hours/minutes/seconds]-overlay-header slots (#857)
• Added --dp-border-color-focus CSS variable (#863)

🐛 Bug Fixes

• Fixed type errors for slot type definitions (#854, #858)
• Fixed issue where 12 has wrong values in time-picker when :is-24="false" (#851)
• Fixed issue where the calendar is not reacting to mode change between range and multi-dates (#560)
• Fixed issue where prevent-min-max-navigation is not calculated properly when v-model is provided in month-picker mode (#861)

🔧 Refactor

• Deprecated events time-picker-open and time-picker-close in favor of overlay-toggle event

v8.5.1

🐛 Bug Fixes

• Fixed missing prop type definition for clear-icon slot (#842)
• Fixed issue with update-month-year event not being triggered on year change in month-picker mode (#843)
• Fixed issue where input value disappears on internal-model-change event (#848)
• Fixed issue where flow is not working properly in time-picker mode (#849)