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 in multiDates mode (#108)
• range mode is now compatible with month picker (#109)
• weekPicker mode added (#110)
• keepActionRow - Option to keep action bar when autoApply 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 to main

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 the dp-input slot (#100)
  • onClear event added to the dp-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 after minDate and maxDate (#94)
• After or before months/years will now be disabled in the overlay if maxDate or minDate 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 to multiCalendars
• twoCalendarsSolo renamed to multiCalendarsSolo

🚀 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 and maxDate not working in monthPicker mode (#84)
• Fix clicking on menu causing parent click outside directive to trigger (#85)
• Fix textInput not working in monthPicker and timePicker 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

• date-fns is now bundled with .min.js build (for CDN usage in the browser, ref: #79)
• When using multiCalendars the grid will be auto responsive depending on the screen size (#75)
• Time picker will now stretch full width when multiCalendars are set due to support for more than 2 calendars

v2.4.4

🚀 Features

• required - Add a required flag to the input field (#72)

🐛 Bug Fixes

• Fixed transition if initial modelValue is set on some month other than current

v2.4.3

🚀 Features

• formatLocale - Add localized date format, (uses date-fns locale options) (#66)

🐛 Bug Fixes

• disabled and readonly not working in inline mode (#70)

v2.4.2

🐛 Bug Fixes

• Seconds selector doesn't work in range mode (8dd2ea8) (#68)

v2.4.1

🐛 Bug Fixes

• Add back node 12 support until EOL (#65)
• Combination with both maxTime and minTime causing wrong validation (#56)
• Menu focus causes unwanted page scroll

v2.4.0

🚀 Features

• markers - Add markers on dates with (optional) tooltips
• transitions - Customize or turn off transitions
• uid- Pass id to input or menu element (#45)
• modeHeight - Adjust height when in specific mode, timePicker and monthPicker (#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 button
• spaceConfirm - trigger select event when pressing space button
• monthChangeOnArrows - 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 called clear and will not auto clear (#53 , #64)
• disabledDates now accepts a custom function (#60)
• openMenuOnFocus moved from textInputOptions to general prop
• monthChangeOnScroll 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 and minTime 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