This repository has been archived by the owner on Apr 17, 2022. It is now read-only.
Releases: Vuepic/vue3-date-time-picker
Releases · Vuepic/vue3-date-time-picker
v2.8.2
Version lock
⚠️ Library name is changed to @vuepic/vue-datepicker
⚠️ The library is moved to the new repository https://github.com/Vuepic/vue-datepicker
- This repository won't be updated anymore and soon will be archived, please switch to the new package
v2.8.0
🚀 Features
- Added event
updateMonthYear
when month or year is changed (#107) multiDatesLimit
- Limit selectable dates inmultiDates
mode (#108)range
mode is now compatible with month picker (#109)weekPicker
mode added (#110)keepActionRow
- Option to keep action bar whenautoApply
is set (#111)reverseYears
- Option to reverse years order (#113)
🐛 Bug Fixes
- Fixed issue where disabling time picker prevented flow from executing (#114)
- Fixed issue where tab index is reset after the date is selected, preventing further keyboard navigation (#115)
- Fixed issue with z-index in
inline
mode (#116) - Fixed issue with invalid date staying in text input when being discarded (#117)
- Fixed issue where the same date in preset ranges blocks start time
- Fixed issue with page scroll when opening month-picker
🔧 Refactor
- Code cleanup
- Reduced overall build size
master
branch renamed tomain
v2.7.0
🚀 Features
utc
- Support for UTC zone (#88)
🐛 Bug Fixes
- Fixed issue causing the menu to close when using inside modals (#85)
- Fixed issue with
preventMinMaxNavigation
disabling wrong arrows (#99) - Fixed issue where text input resets range (#101)
- Fixed issue where you can set lower time on start date in range mode when both dates are the same date (#102)
- Fixed issue where start/end time is changeable with fixed dates (#103)
🔧 Refactor
- Option to use
clear-icon
slot with thedp-input
slot (#100)onClear
event added to thedp-input
slot params
- Cleaned up some redundant code
v2.6.0
🚀 Features
multiDates
- Allow selecting multiple single dates (#82)presetRanges
- Specify pre-defined ranges to select (#86)flow
- Set selecting order (#87)minRange
&maxRange
- Set min and max range available for selection (#93)fixedStart
&fixedEnd
- Modify only first or second date in the defined range (#93)preventMinMaxNavigation
- If enabled, you won't be able to navigate before or afterminDate
andmaxDate
(#94)- After or before months/years will now be disabled in the overlay if
maxDate
orminDate
are provided
🐛 Bug Fixes
- Fixed seconds not working in range mode (#95)
- Fixed issue with
altPosition
and custom function where it calls recalculate position method (#97) - Fixed issue when clearing range value from keyboard with
autoApply
(#98) - Fixed issue causing the menu to expand when some props are configured (
locale
,previewFormat
...)
v2.5.0
⚠️ Breaking changes
twoCalendars
renamed tomultiCalendars
twoCalendarsSolo
renamed tomultiCalendarsSolo
🚀 Features
- New CSS variable added for menu border-color (#74)
multiCalendars
- allow adding multiple calendars (#75)inlineWithInput
- option to use input field with inline (#77)- Option to add
name
attribute to the input element (#80) @recalculatePosition
- event added when menu position is recalculated (#81)- Option to add
autocomplete
attribute to the input element (#83) - Option to pass a custom positioning function to the
altPosition
🐛 Bug Fixes
- Fix
scss
import issues (c4e289d) (#76) - Fix type not recognized with vite (#78)
- Fix browser import with
script
tag (#79) minDate
andmaxDate
not working inmonthPicker
mode (#84)- Fix clicking on menu causing parent click outside directive to trigger (#85)
- Fix
textInput
not working inmonthPicker
andtimePicker
models (#89) - Initial transition not triggered when
modelValue
is empty - Fix positioning on month change when the calendar is placed on top
- Fix issue with months filter resulting in year jump
🔧 Refactor
v2.4.4
v2.4.3
v2.4.2
v2.4.1
v2.4.0
🚀 Features
markers
- Add markers on dates with (optional) tooltipstransitions
- Customize or turn off transitionsuid
- Pass id to input or menu element (#45)modeHeight
- Adjust height when in specific mode,timePicker
andmonthPicker
(#44)- New slots added,
am-pm-button
,time-picker-overlay
(#44) - Add keyboard accessibility (#49)
enableSeconds
- Add seconds in time picker (#46)- Access to
@focus
and@blur
events (#49) escClose
- Close the menu on esc buttonspaceConfirm
- trigger select event when pressing space buttonmonthChangeOnArrows
- Change months via arrows@internalModelChange
- Event called when internal modelValue is changed (#52)- Support for now button in range mode (#54)
🐛 Bug Fixes
- Stop propagation when using click outside directives (#51)
- Months starting on Sunday getting the wrong calendar (#55)
startTime
not working in time-picker mode (#58)- Issue where timezone dates caused inconsistency in the calendar (#62)
- Focus border to stay when date picker menu is in the open state
- Time not applied in range mode when only one date is selected
- Wheel month change not changing year
- No border-radius at the bottom when
autoApply
is enabled - Hover date border-radius stays in single-mode when
range
is active - Wrong month/year on the second calendar with a partial range in two-calendars mode
🔧 Refactor
date-fns
is now added as a dependency instead of bundling it with the package- Some code reorganization resulting in a smaller build size
- Increased default range for
yearRange
prop (#50) clear-icon
slot has a function passed as prop calledclear
and will not auto clear (#53 , #64)disabledDates
now accepts a custom function (#60)openMenuOnFocus
moved fromtextInputOptions
to general propmonthChangeOnScroll
extended with an option to change scroll direction (#43)- Now button will not auto-apply value if auto-apply is not specified
- Timepicker improvements (#56)
maxTime
andminTime
treated as the actual time- disable auto time jumping to min or max (#38)
- validation logic adjustments
📝 Documentation
- Due to a large number of props and slots that can be passed, they are now categorized in the documentation for easier navigation