v3.4.3

🚀 Feature

• teleportCenter - Sets the menu on the page center, inspired by #110

🐛 Bug Fixes

• Add "type": "module" to package.json for Vite and SSR build 9c152cb (#111)
• Fixed positioning issue on small screens (#110)

🔧 Refactor

• Expose class dp__cell_highlight_active when selection is active on highlighted date (#112)

v3.4.2

🚀 Features

• Added option to specify multiple patterns for parsing date on text-input (#106)
• offset - Configure spacing between the menu and input (#104)

🐛 Bug Fix

• Fixed issue with nuxt throwing error in production build (#103)

🔧 Refactor

• Menu to auto open on text input if openMenu is set in textInputOptions to true
• New documentation look
• Build size reduced

v3.4.1

🐛 Bug Fix

• Fixed issue that causes the menu to close when used inside vuetify and quasar modals (#22)

🔧 Refactor

• @invalid-select to emit if the selection is invalid from the action row (#94)
• Add preventDefault on enter key when input is focused

v3.4.0

⚠️ Breaking Changes

There are quite a few breaking changes, they are related to the keyboard navigation and focus management, if it is not important to you, you don't have to pay attention.

• Keyboard navigation is changed for better accessibility, tab to the input field will just focus the input, enter to open the picker, after closing, the focus will be set again on the input field. This will improve form inputs via keyboard since the tab key will not be blocked by opening the calendar.
• focus-prev event removed
• openMenuOnFocus prop is removed, the menu has to be explicitly opened, if you need it, you can call openMenu when focused.
• focus and blur events will be emitted on input state change, instead of menu open/close

🚀 Features

• Extend yearPicker to support range (#82)
• Extend utc to support the same UTC value input/output
• Extend sidebar option for presetDates with style property (#85)
• New event added invalid-select (#97)
• highlight - Option to highlight dates (#98)

🐛 Bug Fixes

• Fixed issue with validation not processing null value (#83)
• Fixed issue with utc returning zoned value (#66)

🔧 Refactor

• maxRange and minRange to ignore disabledDates in count (#89)
• Timepicker will include minDate and maxDate time into the validation (#94)
• Disable the select button in incomplete range with partialRange disabled (#97)
• Test coverage improved

v3.3.1

🐛 Bug Fixes

• Fixed issue with multiDates emitting only 2 dates (#79)
• Fixed issue with browser warnings for non-passive event listener

v3.3.0

⚠️ Breaking Changes

• @updateMonthYear event will now emit { instance: number; month: number; year: number } instead of two separate events
• monthYearComponent now needs to emit only the update-month-year event instead of two separate events for month and year

🚀 Features

• dayNames - Pass custom labels for weekdays in the calendar header (#67)
• modelType - Specify custom type for v-model binding (#71)
• modelAuto - Use both singe and range modes (#72)

🐛 Bug Fixes

• Fixed issue with overlay in safari browser (#63)
• Fixed issue where ISO dates are not parsed correctly based on timezone (#74)

🔧 Refactor

• @updateMonthYear event will now emit both month and year in a single event (#61)
• Disabled scroll blocking event when monthChangeOnScroll = false (#70)

v3.2.2

🚀 Feature

• disableTimeRangeValidation - Explicitly allow end time in range mode to be before the start time (#57)

🐛 Bug Fixes

• Fixed issue with maxDate in monthPicker mode (#53)
• Fixed issue with the required input attribute not detected on form submit

🔧 Refactor

• Set calendar (when using multiCalendars) view on the selected range when it is opened (#54)

v3.2.1

🐛 Bug Fixes

• Fixed issue with compare logic in preventMinMaxNavigation prop (#39)
• Fixed issue when using range in monthPicker mode with autoApply (#40)
• Fixed issue where disabled dates are selectable in autoRange mode (#48)

🔧 Refactor

• Calendar icon in the input field will also trigger a click event (#41)
• Text input validation is redone (#33)
• Allow multiCalendars view change based on external v-model update by providing :multiStatic="false" (#47)

v3.2.0

⚠️ Breaking Change

• Drop support for node 12

🚀 Features

• arrowNavigation - Navigate through the calendar via arrow keys (#11)
• flow now supports timePicker and monthPicker modes (#26)
• New event added focus-prev to handle shift+tab (#28)
• New mode - yearPicker (#32)
• Added validation for disabled dates with textInput (#33)

🐛 Bug Fixes

• Fixed search in the documentation (#21)
• Fixed issue with the component inside HeadlessUI Dialog component (#22)
  • This also references multiple issues reported in the previous versions
• Fix Y-overflow when the menu at the bottom of the screen (#23)
  • Fixed positioning when added in the modal with overflow-y #comment
• Fixed issue with the arrow, swipe or scroll month change when preventMinMaxNavigation is enabled (#25)
  • Also included a fix for the logic itself
• Fixed duplicated month shown in multiCalendars mode (#27)
• Fixed issue with AM/PM button switch after selecting hours (#29)
• Type correction for textInputOptions.format (#30)
• Fixed wrong default prop value for yearRange (#34)
• Fixed issue where the open event is emitted before the menu is opened (#35)

🔧 Refactor

• Days in between are now marked as selected when weekPicker is enabled (#24)

v3.1.1

🐛 Bug Fixes

• Fixed transition prop validation (#19)
• Corrected misspelled class name db__calendar_header to dp__calendar_header (#16)