@vuepic/vue-datepicker 6.0.0

v6.0.0

on Node.js NPM

⚠️ 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, which will keep the menu open instead of toggle (#493)