v6.0.0
⚠️ Breaking Changes
Please take a look at migration guide for breaking changes and how to migrate
🚀 Features
- Added
multi-calendars
support formonth-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 withauto-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 inmulti-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
orsidebar-[let/right]
(#494) - Fixed error when
text-input
is used withtime-picker
andrange
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 thetimezone
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)