Skip to content

v6.0.0

Compare
Choose a tag to compare
@Jasenkoo Jasenkoo released this 15 Aug 17:28
· 482 commits to main since this release
8447b56

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