v8.0.0

⚠️ Breaking Changes

• Default week-picker format is changed to week numbers
• Tabbing out from the overlay will shift focus to the action row button if present
• highlight prop types are changed to either a configuration object or a function
• Removed deprecated props
• id for cell days in the calendar is changed to format value instead ISO date
• date-fns-tz dependency is removed
• date-fns is updated to version v3 (#688)

For more info, take a look at the migration guide

🚀 Features

• Added dp--past and dp--future classes in the calendar (#676)
• Added range support for week-picker (#700, #665, #283)
• Added loading prop that adds loading overlay in the menu (#722)
• Added minMaxRawRange in the range configuration object (#732)

🐛 Bug Fixes

• Fixed slow year update in text-input mode combined with range (#694)
• Fixed year 0 on the second solo calendar when the range is within the first calendar (#702)
• Fixed issue with scroll jump when selecting year range (#705)
• Fixed unhandled error when using flow with month-picker (#712)
• Fixed issue where the @update-month-year event is not being triggered in year-picker (#716)
• Fixed issue where the dp-input slot is not showing on :inline={ input: true } mode (#717)
• Fixed issue with time update on model-auto with pre-defined v-model (#719)
• Fixed select button style override by global CSS selectors (#721)
• Fixed issue with partial-range and predefined v-model not highlighting hovered date and resetting selection (#726)
• Fixed issue with bypassing [min/max]-time when selected boundary values (#727)
• Fixed issue with vue compact warnings (#728)
• Fixed issue with word break on Chinese action button labels (#733)
• Fixed issue with duplicated calendars when using preset-dates and :multi-calendars="{ solo: true }" (#735)
• Fixed issue with wrong month selection in month-picker mode when the current date is greater than the days on the selected month (#736, #738)
• Fixed wrong transitions type (#740)

🔧 Refactor

• Update the mobile layout if the calendar width is larger than the document width (#690)
• When tabbing out from overlay, shift focus to the action row button (#695)
• Debounce on month-change-on-scroll is changed to a variable rate throttle (#725) by @phillanier
• Use format instead of ISO date split for day cell id (#729)
• range prop can now accept configuration object
• Deprecated the following props in favor of the range configuration object:
  • show-last-in-range
  • no-disabled-range
  • disable-time-range-validation
  • max-range
  • min-range
  • partial-range
  • auto-range
  • fixed-start
  • fixed-end

v7.4.1

🐛 Bug Fixes

• Fixed issue with hide-navigation not working in month-picker mode (#674)
• Fixed issue with year-picker in range mode not highlighting end year on re-open (#677)
• Fixed issue with allowed-dates not properly mapped when timezone is provided (#680)
• Fixed issue with :multi-calendars="{ solo: true }" not showing proper month/year on the second calendar (#681)
• Fixed wrong icon on time-overlay when time-picker-inline is used (#686)
• Fixed error when selecting January when using month-picker mode with multi-dates (#687)
• Fixed issue where input loses focus when combining text-input with month-picker or year-picker (#693)
• Fixed issue where disabled months are not highlighted properly (#698)
• Fixed issue where filters are not working in year-picker mode (#701)

🔧 Refactor

• Transition for menuAppear is now working with teleport (#703) @Robbe95

v7.4.0

🚀 Feature

• Exposed openMenu, closeMenu and toggleMenu functions to the dp-input slot (#673)

🐛 Bug Fixes

• Fixed missing week-numbers prop object type definition (#667)
• Fixed issue with focusing out from the input field and not focusing on the next/previous element (#668)
• Fixed issue with flow not working in month-picker mode (#669)

🔧 Refactor

• Added debounce on month-change-on-scroll (#671)
• Added conditional operators on global event listeners (#672)

v7.3.0

🚀 Features

• Expose toggleMenu function (#644)
• Added support for preset-dates in month-picker mode (#647)
• Extended week-numbers prop to allow hiding on weeks with only offset dates (#648)
• New property added in the config prop tabOutClosesMenu (#664)

🐛 Bug fixes

• Fixed missing date 31 when the timezone is used where the 31st is the only date in the last week of the month (#641)
• Fixed validation issue when using the timezone and [min/max]-date (#642)
• Fixed issue where markers are not positioned properly when timezone is used (#643)
• Fixed issue where the multi-calendars solo option jumps months on new selection (#649)
• Fixed issue where start-date is ignored on year-picker and month-picker modes (#650)
• Fixed issue with multi-dates containing pre-defined disabled dates not updating v-model value (#651)
• Fixed menu open when used inside web components 962b705 (#657) by @LouisAndrew
• Fixed [min/max] range validation not working in text-input mode (#660)
• Fixed issue where menu closes on overlay click when used inside <label> tag (#661)
• Fixed issue with tabbing out of the menu not closing the menu (#664)

🔧 Refactor

• Deprecated prop types string | function for week-numbers prop

v7.2.2

🐛 Bug Fixes

• Fixed issue with nuxt installation (revert bundle optimization) (#634, #635)
• Fixed disabled state for time-picker in inline mode (#636)
• Fixed CSS on the highlighted date when using week-picker (#637)

v7.2.1

🐛 Bug Fixes

• Fixed issue with time validation not working properly when validating only time (#612)
• Fixed prop type for teleport (#618 )
• Fixed tab out issue when the menu is in an open state on text-input (#622)
• Fixed issue with multi-dates not working in year-picker mode (#628)

🔧 Refactor

• Reduced bundle size by optimizing date-fns imports f714802, d0c465a (#626, #627) by @MacFJA
  • ES: -101.42 kB (-35%) and 16.99 kB (-27%) compressed
  • UMD: -67.87 kB (-32%) and 14.49 kB (-27%) compressed
  • IIFE: -3 kB (-0.01%) and 0.56 kB (-1%) compressed
• Added id attribute to date cells in the calendar (#630)

v7.2.0

🚀 Features

• Added invalid-date event (#602)
• Added year-first prop dad04d6 (#604) by @reeschan
• Additional configuration is now possible for highlight prop (#607)
• Added 3 additional CSS variables for range styling (#608)

🐛 Bug Fixes

• Fixed the issue causing the overlay grid to overflow when the height changes (#601)
• Fixed missing --dp-hover-text-color CSS variable on preset range button (#606)

🔧 Refactor

• highlightWeekDays and highlightDisabledDays props are deprecated
• Array type for highlight prop is deprecated

v7.1.0

🚀 Feature

• New event added date-update (#597)

🐛 Bug Fixes

• Fixed issue where the picker is focused onMount when combining inline with [time/month/year]-picker (#593)
• Fixed issue where the update-month-year event is not emitting on calendar scroll and swipe (#594)
• Fixed issue where inline combined with [month/year]-picker is not showing inside popper (#598)
• Fixed error caused by sidebar slots when using with [time/month/year]-picker (#599)

v7.0.0

⚠️ Potential breaking changes

• Wrapper for preset-dates is changed from <div> to <template>, which may cause potential styles break if you use a slot for the preset-dates item
• Removed deprecated props

For more info, take a look at the migration guide

🚀 Features

• Added quarter-picker mode (#571)
• Added built-in date validation support for text-input (#578)
• Added utc mode support for week-picker (#581)
• Added disabled times indications when validating range start/end times (#585)
• Added new option selectOnFocus for text-input (#592)

🐛 Bug Fixes

• Fixed issue where clicking the clear icon doesn't clear value on auto-apply and text-input combined 151c680 (#562) by @kou-yoshida
• Fixed issue where invalid-select is not being emitted on invalid [min/max]-range with auto-apply (#563)
• Fixed issue where the update-month-year event is not being emitted in month-picker mode (#564)
• Fixed missing gap between multi-calendars (#565)
• Fixed type for updateInternalModelValue method 52d755a (#566) by @AlexKotl
• Fixed issue with disabled-times checking only minutes value (#570)
• Fixed issue where 3rd party library components cause shadowRender error (#572)
• Fixed issue with the wrong year on 2+ calendars in month-picker mode ( #573)
• Fixed wrong today and initial time when timezone is set (#579)
• Fixed issue where the preset-dates item is not clickable on the whole area (#580)
• Fixed issue where custom format function prevents custom model-type parsing (#582)
• Fixed incorrect aria-role 650dff0 (#586) by @jameswhoughton
• Fixed wrong variable name for dp-row-margin 5d0e125 (#588) by @ExEr7um
• Fixed issue where text-input with time-picker mode does not remove the value when the input is cleared (#589)
• Fixed extra width on time-picker mode
• Fixed issue where clicking the initial minutes down arrow in range mode doesn't update the time
• Fixed wrong slot name for [year/month]-overlay-value (comment)

🔧 Refactor

• preset-dates item to use <button> instead of <div> element (#580)
• Accessibility improvements

v6.1.0

🚀 Feature

• Added config prop, grouping general configuration (#556)

🐛 Bug Fixes

• Fixed issue where no-disabled-rage prop is ignored with auto-range (#555)
• Fixed issue where disabled-dates for utc="preserve" are not appropriately mapped (#560)
• Fixed typings for format and preview-format props(#561)

🔧 Refactor

The following props have been deprecated in favor of the config prop

• close-on-scroll
• mode-height
• allow-prevent-default
• close-on-clear-value
• close-on-auto-apply
• no-swipe
• keep-action-row
• on-click-outside