v6.0.1

🐛 Bug Fixes

• Fixed missing CSS in webpack projects (#526)
• Fixed issue where the disabled-dates prop is not reactive (#528)
• Fixed issue where auto-apply is not working in year-picker mode (#529)
• Fixed aria-disabled value not removing attribute on false value f88ffa1 (#530) by @chip

🔧 Refactor

• Extend disabled-times prop config for more accessible range validation (#459)
  • Mark hour as disabled in the overlay if all minutes are disabled

v6.0.0

⚠️ Breaking Changes

Please take a look at migration guide for breaking changes and how to migrate

🚀 Features

• Added multi-calendars support for month-picker (#440)
• New event added: @update:model-timezone-value
• New prop emit-timezone added
• Extended disabled-times prop with array option for dynamic disabling of times (#459)
• Full menu transition control added (#461)
• Added support for vue/compact (#467)
• Added mobile layout for preset-dates (#471)
• Support for RTL languages (#488)
• Added support for a single date in preset-dates (#523)

🐛 Bug Fixes

• Fixed attaching event listener causing conflict with headless UI transition (#442)
• Fixed issue where the picker menu is not closing on action buttons when used inside the label tag (#464)
• Fixed flow not working with auto-apply and overlay height overlapping button (#465)
• Fixed issue with menu jumping left/right with auto-position (#469)
• Fixed issue with a thrown error when minutes-grid-increment is configured (#470)
• Fixed issue where the static option is not respected in multi-calendars mode (#472)
• Fixed issue where selected text not replacing on initial type with text-input (#475)
• Fixed issue with lost input focus with text-input when an overlay is open (#478, #499)
• Fixed dynamic teleport-center not resetting style property (#486)
• Fixed issue where UI is broken with preset-ranges or sidebar-[let/right] (#494)
• Fixed error when text-input is used with time-picker and range modes (#505)
• Fixed issue with the second calendar stuck on the next month from the current date in single date mode (#506)
• Fixed issue where focus-start-date is being ignored on the second menu open (#510)
• Fixed blur event not being emitted on menu close (#519)
• Fixed validation error on empty array provided as v-model (#521)

🔧 Refactor

This version was primarily focused on internal refactoring as maintaining existing and adding new features became hard due to the grouping of various modes. There are quite a lot of internal refactorings included:

• Separated logic for different picker modes (month, year, week, time)
• New components for cleaner code splitting
• Each mode is independent and can be modified as such
• Modes that rely on the overlay ([month/year/time]-picker) will use a relatively positioned overlay instead the absolute one
• New test cases added covering some of the previously reported issues, ensuring future stability
• Some changes are introduced in positioning logic and menu wrapper div
• Convert preset-dates if the timezone prop is provided (#445)
• Click on the input field when the text-input prop is enabled, will keep the menu open instead of toggle (#493)

v5.4.0

🚀 Feature

• Extend the format-locale prop to have priority over locale prop c2b17fe (#443) by @basil-gor
• onInput function exposed to dp-input slot, can now accept string value too (#456)
• New slot marker added (#457)

🐛 Bug Fixes

• Fixed calendar icon not clickable in the input field (#447)
• Fixed issue where in the range mode on the same date, the time on the second date can be before the time on the first date (#448)
• Fixed blur event not being emitted with inline-with-input mode (#450)
• Fixed issue with not highlighted months in-between in month-picker range mode (#453)
• Fixed issue where pressing arrow keys in the year overlay updates the month behind (#454)
• Fixed issue where custom format function prevents date edit in text-input mode when the text input format is provided (#455)
• Fixed issue when :transitions="false" is not disabling menuAppear transition (#462)
• Fixed issue where update-month-year is not triggered when the day from the previous month is clicked (#463)

🔧 Refactor

• When opening month or year overlay, the initially focused cell will be the active one instead the topmost one
• Empty array provided to allowed-dates prop will disable all dates (#458)

v5.3.0

🚀 Features

• Added time-picker-inline prop to show time-picker under the calendar (#388)
• Added auto-apply-month prop to enable/disable auto month/year select in month-picker mode (#409)
• Added calendar prop to modify calendar view (#436, #438)

🐛 Bug Fixes

• Fixed issue with preview-format being ignored when format string is provided (#431)
• Fixed issue with wrongly mapped allowed-dates (#432)

v.5.2.1

🐛 Bug Fixes

• Fixed issue where textInputOptions.tabSubmit not submitting parsed date on initial try (#423)
• Fixed redundant condition used for auto left/right positioning (#424)
• Fixed performance issue when large arrays are provided to disabled-dates, allowed-dates, and highlight props (#425)
• Fixed issue where offset dates are highlighted when the hide-offset-dates prop is enabled (#426)
• Fixed issue where pressing the enter key on arrow buttons skips months (#427)
• Fixed issue with arrow-[up/down] slots not added in vertical mode icons (#428)
• Fixed issue where pressing the enter key not opening month and year overlays when text-input is enabled (#429)
• Fixed issue when tabbing out of overlay goes behind the overlay (#430)

v5.2.0

🚀 Features

• focus-start-date - Always set the view on a given date ignoring v-model value (#398)
• New method added switch-view to manually trigger overlay (#402)
• disabled-times prop added (#406)
• sidebar-[left/right] now have additional props passed (#407)
• close-on-clear-value - Option to disable menu close on clear c0ad228 (#414)
• New events added range-start and range-end (#418)

🐛 Bug Fixes

• Fixed toggle issue with text-input enabled and empty input field (#397)
• Fixed issue with an uncaught error when minutes-grid-increment is modified (#401)
• Fixed issue with week highlight when multi-calendars and week-picker are combined (#405)
• Fixed extra space added on range separator causing masked input to reopen calendar (#408)
• Fixed issue where clicking on the calendar icon is not opening the menu ec239b4 (#411) by @mzaiprog
• Fixed issue where seconds are not set with utc="preserve" (#416)

🔧 Refactor

• range prop is no more required for multi-calendars (#393)
• Keep view in the range mode on the last date, can change the behavior with show-last-in-range prop (#400)

v5.1.2

🐛 Bug Fixes

• Fixed enterSubmit not working with the disabled openMenu option in text-input-options (#390)
• Fixed type error for transition prop 02b5fcd (#391) by @IvanKushchenko
• Fixed issue where textInputOptions.format not reverting to format after parsed date (#392)

v5.1.1

🐛 Bug Fix

• Removed console.log 1030d83 (#389) by @F-Node-Karlsruhe

🪄Enhancement

• dp-input slot now has exposed the isMenuOpen prop (#385)

v5.1.0

🚀 Features

• New events: time-picker-close and am-pm-change (#377, #379)
• New prop: disable-year-select (#381)

🐛 Bug Fixes

• Fixed the issue causing the menu to close when auto-apply and text-input are enabled (#380)
• Fixed double mount issue in the menu components (#383)

v5.0.1

🐛 Bug Fixes

• Set type="button" on <button> elements (#374)
• Fix types exports in TS ^5 b4b59d1 (#375)