tokenizer-ui-kit 0.1.0 → 0.1.2

package/dist/tokenizer-ui-kit.es.js

@@ -1,15 +1,15 @@
 
-(function() {
-  if (typeof document !== 'undefined') {
-    const style = document.createElement('style');
-    style.setAttribute('data-vite-dev-id', 'tokenizer-ui-kit-styles');
-    style.textContent = "/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-400:oklch(70.7% .022 261.325);--color-white:#fff;--spacing:.25rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-text:#121212;--color-text-primary:#292b32;--color-primary-700:#4a9b6c;--color-success-700:#3eb850;--color-error-700:#f34831;--color-attention-700:#6554c0;--color-light-2:#e9ebee;--color-light-4:#d2d8de;--color-bg-light1:#f1f3f6;--color-bg-light5:#b4beca;--radius-corner-radius-1:4px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.typography{font-family:Manrope\\, sans-serif}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-10{height:calc(var(--spacing)*10)}.h-\\[2\\.5rem\\]{height:2.5rem}.h-\\[2rem\\]{height:2rem}.h-\\[18px\\]{height:18px}.min-h-\\[2\\.5rem\\]{min-height:2.5rem}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-\\[2\\.5rem\\]{width:2.5rem}.w-\\[18px\\]{width:18px}.w-\\[186px\\]{width:186px}.w-full{width:100%}.min-w-\\[13rem\\]{min-width:13rem}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.rounded-corner-radius-1{border-radius:var(--radius-corner-radius-1)}.border,.border-1{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-\\[\\#C5C5C5\\]{border-color:#c5c5c5}.border-attention-700{border-color:var(--color-attention-700)}.border-light-2{border-color:var(--color-light-2)}.border-red-500{border-color:var(--color-red-500)}.border-success-700{border-color:var(--color-success-700)}.border-text{border-color:var(--color-text)}.bg-attention-700{background-color:var(--color-attention-700)}.bg-bg-light1{background-color:var(--color-bg-light1)}.bg-bg-light5{background-color:var(--color-bg-light5)}.bg-error-700{background-color:var(--color-error-700)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-primary-700{background-color:var(--color-primary-700)}.bg-success-700{background-color:var(--color-success-700)}.bg-text-primary{background-color:var(--color-text-primary)}.bg-white{background-color:var(--color-white)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-\\[0\\.625rem\\]{padding-inline:.625rem}.px-\\[0\\.875rem\\]{padding-inline:.875rem}.py-3{padding-block:calc(var(--spacing)*3)}.py-\\[0\\.5rem\\]{padding-block:.5rem}.py-\\[0\\.125rem\\]{padding-block:.125rem}.py-\\[1\\.125rem\\]{padding-block:1.125rem}.py-\\[7px\\]{padding-block:7px}.py-\\[11px\\]{padding-block:11px}.py-\\[13px\\]{padding-block:13px}.whitespace-nowrap{white-space:nowrap}.text-\\[\\#292B32\\]{color:#292b32}.text-gray-400{color:var(--color-gray-400)}.text-red-500{color:var(--color-red-500)}.text-success-700{color:var(--color-success-700)}.text-text{color:var(--color-text)}.text-text-primary{color:var(--color-text-primary)}.text-white{color:var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\\:opacity-\\[\\.80\\]:hover{opacity:.8}}.disabled\\:border-light-4:disabled{border-color:var(--color-light-4)}.disabled\\:bg-light-4:disabled{background-color:var(--color-light-4)}.disabled\\:text-white:disabled{color:var(--color-white)}}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-ease{syntax:\"*\";inherits:false}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:#0000;border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after{box-sizing:border-box}.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:#ffffff80;cursor:not-allowed}.dp__menu_readonly{background:#0000;cursor:default}.dp-menu-loading{background:#ffffff80;cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:#0000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%,-50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile],.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile],.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile],.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:#0000;border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all .1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: .1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all .2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, oxygen, ubuntu, cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: .1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: .8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translate(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translate(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translate(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}.circular-loader[data-v-a4cac931]{display:inline-block;color:inherit}.circular[data-v-a4cac931]{animation:rotate-a4cac931 2s linear infinite;width:100%;height:100%}.path[data-v-a4cac931]{stroke:currentColor;stroke-linecap:round;animation:dash-a4cac931 1.5s ease-in-out infinite}@keyframes rotate-a4cac931{to{transform:rotate(360deg)}}@keyframes dash-a4cac931{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}button[data-v-46ff22ec]:disabled{cursor:not-allowed}.hidden-content[data-v-46ff22ec]{visibility:hidden;pointer-events:none}.loader[data-v-46ff22ec]{left:50%;top:50%;transform:translate(-50%,-50%)}:root{--dp-cell-size: 32px;--dp-font-size: 14px}.date-range :deep(.dp__calendar_header_item){color:#8c9aac;font-weight:500;font-size:12px}.date-range:deep(.dp__cell_inner){font-size:14px;padding:2px}.date-range:deep(.dp__btn .dp__month_year_select){color:#212328;font-weight:500;font-size:14px}.date-range:deep(.dp__range_end),.date-range:deep(.dp__range_start){background-color:#39aa5d}.date-range:deep(.dp__arrow_top){display:none}.date-range:deep(.dp__overlay_row){display:flex;flex-direction:row}.date-range:deep(.dp__time_input){width:50%}.date-range:deep(.dp__range_between){background:#56d67f;border-color:#56d67f;color:#fff}.date-range:deep(.dp__cell_inner){max-width:24px!important;max-height:24px!important}.date-range:deep(.dp__action_select){background-color:#3eb850}.date-range:deep(.dp__input:hover:not(.dp__input_focus)){border-color:#268644}.date-range:deep(.dp__input_focus){border-color:#39aa5d}\n";
-    if (!document.querySelector('[data-vite-dev-id="tokenizer-ui-kit-styles"]')) {
-      document.head.appendChild(style);
-    }
-  }
-})();
-import { reactive as xa, ref as G, defineComponent as Ge, useSlots as Xt, toRef as ba, getCurrentInstance as Jr, onMounted as rt, nextTick as st, onUnmounted as da, watch as ft, computed as j, createElementBlock as W, openBlock as P, unref as u, normalizeClass as be, createVNode as tt, createBlock as Pe, mergeProps as Xe, isRef as Nn, createSlots as it, renderList as Ie, withCtx as we, renderSlot as ue, normalizeProps as at, guardReactiveProps as ct, resolveDynamicComponent as Pa, Teleport as el, Transition as ca, createCommentVNode as Z, h as tl, render as In, createElementVNode as ce, withModifiers as _a, normalizeStyle as ht, Fragment as _e, toDisplayString as Qe, useAttrs as al, createTextVNode as _t, toValue as nl, getCurrentScope as rl, onScopeDispose as ll, onBeforeUpdate as ol, withDirectives as ha, vShow as ya, withKeys as sl, createStaticVNode as il, mergeModels as Fn, useModel as ul } from "vue";
+        (function() {
+          if (typeof document !== 'undefined') {
+            const style = document.createElement('style');
+            style.setAttribute('data-vite-dev-id', 'tokenizer-ui-kit-styles');
+            style.textContent = ".dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:#0000;border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after{box-sizing:border-box}.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:#ffffff80;cursor:not-allowed}.dp__menu_readonly{background:#0000;cursor:default}.dp-menu-loading{background:#ffffff80;cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:#0000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%,-50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile],.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile],.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile],.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:#0000;border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all .1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: .1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all .2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, oxygen, ubuntu, cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: .1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: .8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translate(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translate(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translate(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}.circular-loader[data-v-a4cac931]{display:inline-block;color:inherit}.circular[data-v-a4cac931]{animation:rotate-a4cac931 2s linear infinite;width:100%;height:100%}.path[data-v-a4cac931]{stroke:currentColor;stroke-linecap:round;animation:dash-a4cac931 1.5s ease-in-out infinite}@keyframes rotate-a4cac931{to{transform:rotate(360deg)}}@keyframes dash-a4cac931{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}button[data-v-46ff22ec]:disabled{cursor:not-allowed}.hidden-content[data-v-46ff22ec]{visibility:hidden;pointer-events:none}.loader[data-v-46ff22ec]{left:50%;top:50%;transform:translate(-50%,-50%)}:root{--dp-cell-size: 32px;--dp-font-size: 14px}.date-range :deep(.dp__calendar_header_item){color:#8c9aac;font-weight:500;font-size:12px}.date-range:deep(.dp__cell_inner){font-size:14px;padding:2px}.date-range:deep(.dp__btn .dp__month_year_select){color:#212328;font-weight:500;font-size:14px}.date-range:deep(.dp__range_end),.date-range:deep(.dp__range_start){background-color:#39aa5d}.date-range:deep(.dp__arrow_top){display:none}.date-range:deep(.dp__overlay_row){display:flex;flex-direction:row}.date-range:deep(.dp__time_input){width:50%}.date-range:deep(.dp__range_between){background:#56d67f;border-color:#56d67f;color:#fff}.date-range:deep(.dp__cell_inner){max-width:24px!important;max-height:24px!important}.date-range:deep(.dp__action_select){background-color:#3eb850}.date-range:deep(.dp__input:hover:not(.dp__input_focus)){border-color:#268644}.date-range:deep(.dp__input_focus){border-color:#39aa5d}.dark .svg-icon path{stroke:#292b32}\n";
+            if (!document.querySelector('[data-vite-dev-id="tokenizer-ui-kit-styles"]')) {
+              document.head.appendChild(style);
+            }
+          }
+        })();
+      import { reactive as xa, ref as G, defineComponent as Ge, useSlots as Xt, toRef as ba, getCurrentInstance as Jr, onMounted as rt, nextTick as st, onUnmounted as da, watch as mt, computed as j, createElementBlock as W, openBlock as P, unref as u, normalizeClass as be, createVNode as tt, createBlock as Pe, mergeProps as Xe, isRef as Nn, createSlots as it, renderList as Ie, withCtx as we, renderSlot as ue, normalizeProps as at, guardReactiveProps as ct, resolveDynamicComponent as Pa, Teleport as el, Transition as ca, createCommentVNode as Z, h as tl, render as In, createElementVNode as ce, withModifiers as _a, normalizeStyle as ht, Fragment as _e, toDisplayString as Qe, useAttrs as al, createTextVNode as _t, toValue as nl, getCurrentScope as rl, onScopeDispose as ll, onBeforeUpdate as ol, withDirectives as ha, vShow as ya, withKeys as sl, createStaticVNode as il, mergeModels as Fn, useModel as ul } from "vue";
 const ur = 6048e5, dl = 864e5, cl = 6e4, dr = 36e5, vl = 1e3, Bn = Symbol.for("constructDateFrom");
 function Re(e, t) {
   return typeof e == "function" ? e(t) : e && typeof e == "object" && Bn in e ? e[Bn](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
@@ -44,14 +44,14 @@ function cr(e, t, n) {
     hours: c = 0,
     minutes: d = 0,
     seconds: x = 0
-  } = t, v = he(e, n?.in), m = r || a ? bt(v, r + a * 12) : v, p = s || o ? pt(m, s + o * 7) : m, $ = d + c * 60, V = (x + $ * 60) * 1e3;
+  } = t, v = he(e, n?.in), f = r || a ? bt(v, r + a * 12) : v, p = s || o ? pt(f, s + o * 7) : f, $ = d + c * 60, V = (x + $ * 60) * 1e3;
   return Re(e, +p + V);
 }
-function ml(e, t, n) {
+function fl(e, t, n) {
   return Re(e, +he(e) + t);
 }
-function fl(e, t, n) {
-  return ml(e, t * dr);
+function ml(e, t, n) {
+  return fl(e, t * dr);
 }
 let pl = {};
 function Jt() {
@@ -93,16 +93,16 @@ function Ta(e, ...t) {
   );
   return t.map(n);
 }
-function Ln(e, t) {
+function En(e, t) {
   const n = he(e, t?.in);
   return n.setHours(0, 0, 0, 0), n;
 }
-function mr(e, t, n) {
+function fr(e, t, n) {
   const [a, r] = Ta(
     n?.in,
     e,
     t
-  ), o = Ln(a), s = Ln(r), c = +o - Va(o), d = +s - Va(s);
+  ), o = En(a), s = En(r), c = +o - Va(o), d = +s - Va(s);
   return Math.round((c - d) / dl);
 }
 function hl(e, t) {
@@ -115,15 +115,15 @@ function yl(e, t, n) {
 function gn(e, t, n) {
   return bt(e, t * 12, n);
 }
-function En(e, t) {
+function Ln(e, t) {
   const n = +he(e) - +he(t);
   return n < 0 ? -1 : n > 0 ? 1 : n;
 }
-function fr(e) {
+function mr(e) {
   return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
 }
 function ga(e) {
-  return !(!fr(e) && typeof e != "number" || isNaN(+he(e)));
+  return !(!mr(e) && typeof e != "number" || isNaN(+he(e)));
 }
 function Wn(e, t) {
   const n = he(e, t?.in);
@@ -146,9 +146,9 @@ function wl(e, t, n) {
     n?.in,
     e,
     t
-  ), o = En(a, r), s = Math.abs(gl(a, r));
+  ), o = Ln(a, r), s = Math.abs(gl(a, r));
   a.setFullYear(1584), r.setFullYear(1584);
-  const c = En(a, r) === -o, d = o * (s - +c);
+  const c = Ln(a, r) === -o, d = o * (s - +c);
   return d === 0 ? 0 : d;
 }
 function pr(e, t) {
@@ -309,7 +309,7 @@ const Dl = {
   nextWeek: "eeee 'at' p",
   other: "P"
 }, $l = (e, t, n, a) => Tl[e];
-function ma(e) {
+function fa(e) {
   return (t, n) => {
     const a = n?.context ? String(n.context) : "standalone";
     let r;
@@ -451,38 +451,38 @@ const Cl = {
   return n + "th";
 }, Hl = {
   ordinalNumber: Vl,
-  era: ma({
+  era: fa({
     values: Cl,
     defaultWidth: "wide"
   }),
-  quarter: ma({
+  quarter: fa({
     values: Ol,
     defaultWidth: "wide",
     argumentCallback: (e) => e - 1
   }),
-  month: ma({
+  month: fa({
     values: Al,
     defaultWidth: "wide"
   }),
-  day: ma({
+  day: fa({
     values: Yl,
     defaultWidth: "wide"
   }),
-  dayPeriod: ma({
+  dayPeriod: fa({
     values: Sl,
     defaultWidth: "wide",
     formattingValues: Rl,
     defaultFormattingWidth: "wide"
   })
 };
-function fa(e) {
+function ma(e) {
   return (t, n = {}) => {
     const a = n.width, r = a && e.matchPatterns[a] || e.matchPatterns[e.defaultMatchWidth], o = t.match(r);
     if (!o)
       return null;
-    const s = o[0], c = a && e.parsePatterns[a] || e.parsePatterns[e.defaultParseWidth], d = Array.isArray(c) ? Il(c, (m) => m.test(s)) : (
+    const s = o[0], c = a && e.parsePatterns[a] || e.parsePatterns[e.defaultParseWidth], d = Array.isArray(c) ? Il(c, (f) => f.test(s)) : (
       // [TODO] -- I challenge you to fix the type
-      Nl(c, (m) => m.test(s))
+      Nl(c, (f) => f.test(s))
     );
     let x;
     x = e.valueCallback ? e.valueCallback(d) : d, x = n.valueCallback ? (
@@ -515,7 +515,7 @@ function Fl(e) {
     return { value: s, rest: c };
   };
 }
-const Bl = /^(\d+)(th|st|nd|rd)?/i, Ll = /\d+/i, El = {
+const Bl = /^(\d+)(th|st|nd|rd)?/i, El = /\d+/i, Ll = {
   narrow: /^(b|a)/i,
   abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
   wide: /^(before christ|before common era|anno domini|common era)/i
@@ -585,35 +585,35 @@ const Bl = /^(\d+)(th|st|nd|rd)?/i, Ll = /\d+/i, El = {
 }, Xl = {
   ordinalNumber: Fl({
     matchPattern: Bl,
-    parsePattern: Ll,
+    parsePattern: El,
     valueCallback: (e) => parseInt(e, 10)
   }),
-  era: fa({
-    matchPatterns: El,
+  era: ma({
+    matchPatterns: Ll,
     defaultMatchWidth: "wide",
     parsePatterns: Wl,
     defaultParseWidth: "any"
   }),
-  quarter: fa({
+  quarter: ma({
     matchPatterns: zl,
     defaultMatchWidth: "wide",
     parsePatterns: ql,
     defaultParseWidth: "any",
     valueCallback: (e) => e + 1
   }),
-  month: fa({
+  month: ma({
     matchPatterns: Ul,
     defaultMatchWidth: "wide",
     parsePatterns: jl,
     defaultParseWidth: "any"
   }),
-  day: fa({
+  day: ma({
     matchPatterns: Ql,
     defaultMatchWidth: "wide",
     parsePatterns: Zl,
     defaultParseWidth: "any"
   }),
-  dayPeriod: fa({
+  dayPeriod: ma({
     matchPatterns: Gl,
     defaultMatchWidth: "any",
     parsePatterns: Kl,
@@ -633,7 +633,7 @@ const Bl = /^(\d+)(th|st|nd|rd)?/i, Ll = /\d+/i, El = {
 };
 function Jl(e, t) {
   const n = he(e, t?.in);
-  return mr(n, Zt(n)) + 1;
+  return fr(n, Zt(n)) + 1;
 }
 function wn(e, t) {
   const n = he(e, t?.in), a = +la(n) - +hl(n);
@@ -1355,23 +1355,23 @@ function Ot(e, t, n) {
   if (!ga(c))
     throw new RangeError("Invalid time value");
   let d = t.match(so).map((v) => {
-    const m = v[0];
-    if (m === "p" || m === "P") {
-      const p = cn[m];
+    const f = v[0];
+    if (f === "p" || f === "P") {
+      const p = cn[f];
       return p(v, r.formatLong);
     }
     return v;
   }).join("").match(oo).map((v) => {
     if (v === "''")
       return { isToken: !1, value: "'" };
-    const m = v[0];
-    if (m === "'")
+    const f = v[0];
+    if (f === "'")
       return { isToken: !1, value: vo(v) };
-    if (Un[m])
+    if (Un[f])
       return { isToken: !0, value: v };
-    if (m.match(co))
+    if (f.match(co))
       throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + m + "`"
+        "Format string contains an unescaped latin alphabet character `" + f + "`"
       );
     return { isToken: !1, value: v };
   });
@@ -1383,20 +1383,20 @@ function Ot(e, t, n) {
   };
   return d.map((v) => {
     if (!v.isToken) return v.value;
-    const m = v.value;
-    (!n?.useAdditionalWeekYearTokens && _r(m) || !n?.useAdditionalDayOfYearTokens && br(m)) && vn(m, t, String(e));
-    const p = Un[m[0]];
-    return p(c, m, r.localize, x);
+    const f = v.value;
+    (!n?.useAdditionalWeekYearTokens && _r(f) || !n?.useAdditionalDayOfYearTokens && br(f)) && vn(f, t, String(e));
+    const p = Un[f[0]];
+    return p(c, f, r.localize, x);
   }).join("");
 }
 function vo(e) {
   const t = e.match(io);
   return t ? t[1].replace(uo, "'") : e;
 }
-function mo(e, t) {
+function fo(e, t) {
   return he(e, t?.in).getDay();
 }
-function fo(e, t) {
+function mo(e, t) {
   const n = he(e, t?.in), a = n.getFullYear(), r = n.getMonth(), o = Re(n, 0);
   return o.setFullYear(a, r + 1, 0), o.setHours(0, 0, 0, 0), o.getDate();
 }
@@ -1410,7 +1410,7 @@ function ho(e, t) {
   const n = he(e, t?.in).getDay();
   return n === 0 ? 7 : n;
 }
-function Lt(e, t) {
+function Et(e, t) {
   return he(e, t?.in).getMinutes();
 }
 function Te(e, t) {
@@ -1588,7 +1588,7 @@ function $t(e, t) {
 function Dr(e) {
   return Be(Ue.anyDigitsSigned, e);
 }
-function Ee(e, t) {
+function Le(e, t) {
   switch (e) {
     case 1:
       return Be(Ue.singleDigit, t);
@@ -1657,7 +1657,7 @@ class Do extends Oe {
     });
     switch (n) {
       case "y":
-        return je(Ee(4, t), r);
+        return je(Le(4, t), r);
       case "yo":
         return je(
           a.ordinalNumber(t, {
@@ -1666,7 +1666,7 @@ class Do extends Oe {
           r
         );
       default:
-        return je(Ee(n.length, t), r);
+        return je(Le(n.length, t), r);
     }
   }
   validate(t, n) {
@@ -1694,7 +1694,7 @@ class Mo extends Oe {
     });
     switch (n) {
       case "Y":
-        return je(Ee(4, t), r);
+        return je(Le(4, t), r);
       case "Yo":
         return je(
           a.ordinalNumber(t, {
@@ -1703,7 +1703,7 @@ class Mo extends Oe {
           r
         );
       default:
-        return je(Ee(n.length, t), r);
+        return je(Le(n.length, t), r);
     }
   }
   validate(t, n) {
@@ -1785,7 +1785,7 @@ class To extends Oe {
       // 1, 2, 3, 4
       case "Q":
       case "QQ":
-        return Ee(n.length, t);
+        return Le(n.length, t);
       // 1st, 2nd, 3rd, 4th
       case "Qo":
         return a.ordinalNumber(t, { unit: "quarter" });
@@ -1849,7 +1849,7 @@ class $o extends Oe {
       // 1, 2, 3, 4
       case "q":
       case "qq":
-        return Ee(n.length, t);
+        return Le(n.length, t);
       // 1st, 2nd, 3rd, 4th
       case "qo":
         return a.ordinalNumber(t, { unit: "quarter" });
@@ -1934,7 +1934,7 @@ class Co extends Oe {
         );
       // 01, 02, ..., 12
       case "MM":
-        return je(Ee(2, t), r);
+        return je(Le(2, t), r);
       // 1st, 2nd, ..., 12th
       case "Mo":
         return je(
@@ -1984,7 +1984,7 @@ class Oo extends Oe {
         );
       // 01, 02, ..., 12
       case "LL":
-        return je(Ee(2, t), r);
+        return je(Le(2, t), r);
       // 1st, 2nd, ..., 12th
       case "Lo":
         return je(
@@ -2049,7 +2049,7 @@ class Yo extends Oe {
       case "wo":
         return a.ordinalNumber(t, { unit: "week" });
       default:
-        return Ee(n.length, t);
+        return Le(n.length, t);
     }
   }
   validate(t, n) {
@@ -2087,7 +2087,7 @@ class Ro extends Oe {
       case "Io":
         return a.ordinalNumber(t, { unit: "week" });
       default:
-        return Ee(n.length, t);
+        return Le(n.length, t);
     }
   }
   validate(t, n) {
@@ -2137,7 +2137,7 @@ class No extends Oe {
       case "do":
         return a.ordinalNumber(t, { unit: "date" });
       default:
-        return Ee(n.length, t);
+        return Le(n.length, t);
     }
   }
   validate(t, n) {
@@ -2173,7 +2173,7 @@ class Io extends Oe {
       case "Do":
         return a.ordinalNumber(t, { unit: "date" });
       default:
-        return Ee(n.length, t);
+        return Le(n.length, t);
     }
   }
   validate(t, n) {
@@ -2254,7 +2254,7 @@ class Bo extends Oe {
       // 3
       case "e":
       case "ee":
-        return je(Ee(n.length, t), o);
+        return je(Le(n.length, t), o);
       // 3rd
       case "eo":
         return je(
@@ -2311,7 +2311,7 @@ class Bo extends Oe {
     "T"
   ];
 }
-class Lo extends Oe {
+class Eo extends Oe {
   priority = 90;
   parse(t, n, a, r) {
     const o = (s) => {
@@ -2322,7 +2322,7 @@ class Lo extends Oe {
       // 3
       case "c":
       case "cc":
-        return je(Ee(n.length, t), o);
+        return je(Le(n.length, t), o);
       // 3rd
       case "co":
         return je(
@@ -2379,7 +2379,7 @@ class Lo extends Oe {
     "T"
   ];
 }
-function Eo(e, t, n) {
+function Lo(e, t, n) {
   const a = he(e, n?.in), r = ho(a, n), o = t - r;
   return pt(a, o, n);
 }
@@ -2391,7 +2391,7 @@ class Wo extends Oe {
       // 2
       case "i":
       case "ii":
-        return Ee(n.length, t);
+        return Le(n.length, t);
       // 2nd
       case "io":
         return a.ordinalNumber(t, { unit: "day" });
@@ -2456,7 +2456,7 @@ class Wo extends Oe {
     return n >= 1 && n <= 7;
   }
   set(t, n, a) {
-    return t = Eo(t, a), t.setHours(0, 0, 0, 0), t;
+    return t = Lo(t, a), t.setHours(0, 0, 0, 0), t;
   }
   incompatibleTokens = [
     "y",
@@ -2599,7 +2599,7 @@ class jo extends Oe {
       case "ho":
         return a.ordinalNumber(t, { unit: "hour" });
       default:
-        return Ee(n.length, t);
+        return Le(n.length, t);
     }
   }
   validate(t, n) {
@@ -2620,7 +2620,7 @@ class Qo extends Oe {
       case "Ho":
         return a.ordinalNumber(t, { unit: "hour" });
       default:
-        return Ee(n.length, t);
+        return Le(n.length, t);
     }
   }
   validate(t, n) {
@@ -2640,7 +2640,7 @@ class Zo extends Oe {
       case "Ko":
         return a.ordinalNumber(t, { unit: "hour" });
       default:
-        return Ee(n.length, t);
+        return Le(n.length, t);
     }
   }
   validate(t, n) {
@@ -2660,7 +2660,7 @@ class Go extends Oe {
       case "ko":
         return a.ordinalNumber(t, { unit: "hour" });
       default:
-        return Ee(n.length, t);
+        return Le(n.length, t);
     }
   }
   validate(t, n) {
@@ -2681,7 +2681,7 @@ class Ko extends Oe {
       case "mo":
         return a.ordinalNumber(t, { unit: "minute" });
       default:
-        return Ee(n.length, t);
+        return Le(n.length, t);
     }
   }
   validate(t, n) {
@@ -2701,7 +2701,7 @@ class Xo extends Oe {
       case "so":
         return a.ordinalNumber(t, { unit: "second" });
       default:
-        return Ee(n.length, t);
+        return Le(n.length, t);
     }
   }
   validate(t, n) {
@@ -2716,7 +2716,7 @@ class Jo extends Oe {
   priority = 30;
   parse(t, n) {
     const a = (r) => Math.trunc(r * Math.pow(10, -n.length + 3));
-    return je(Ee(n.length, t), a);
+    return je(Le(n.length, t), a);
   }
   set(t, n, a) {
     return t.setMilliseconds(a), t;
@@ -2827,7 +2827,7 @@ const rs = {
   D: new Io(),
   E: new Fo(),
   e: new Bo(),
-  c: new Lo(),
+  c: new Eo(),
   i: new Wo(),
   a: new zo(),
   b: new qo(),
@@ -2844,7 +2844,7 @@ const rs = {
   t: new as(),
   T: new ns()
 }, ls = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, os = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, ss = /^'([^]*?)'?$/, is = /''/g, us = /\S/, ds = /[a-zA-Z]/;
-function mn(e, t, n, a) {
+function fn(e, t, n, a) {
   const r = () => Re(a?.in || n, NaN), o = po(), s = a?.locale ?? o.locale ?? gr, c = a?.firstWeekContainsDate ?? a?.locale?.options?.firstWeekContainsDate ?? o.firstWeekContainsDate ?? o.locale?.options?.firstWeekContainsDate ?? 1, d = a?.weekStartsOn ?? a?.locale?.options?.weekStartsOn ?? o.weekStartsOn ?? o.locale?.options?.weekStartsOn ?? 0;
   if (!t)
     return e ? r() : he(n, a?.in);
@@ -2852,7 +2852,7 @@ function mn(e, t, n, a) {
     firstWeekContainsDate: c,
     weekStartsOn: d,
     locale: s
-  }, v = [new _o(a?.in, n)], m = t.match(os).map((C) => {
+  }, v = [new _o(a?.in, n)], f = t.match(os).map((C) => {
     const k = C[0];
     if (k in cn) {
       const H = cn[k];
@@ -2860,7 +2860,7 @@ function mn(e, t, n, a) {
     }
     return C;
   }).join("").match(ls), p = [];
-  for (let C of m) {
+  for (let C of f) {
     !a?.useAdditionalWeekYearTokens && _r(C) && vn(C, t, e), !a?.useAdditionalDayOfYearTokens && br(C) && vn(C, t, e);
     const k = C[0], H = rs[k];
     if (H) {
@@ -2878,15 +2878,15 @@ function mn(e, t, n, a) {
           `The format string mustn't contain \`${C}\` and any other token at the same time`
         );
       p.push({ token: k, fullToken: C });
-      const E = H.run(
+      const L = H.run(
         e,
         C,
         s.match,
         x
       );
-      if (!E)
+      if (!L)
         return r();
-      v.push(E.setter), e = E.rest;
+      v.push(L.setter), e = L.rest;
     } else {
       if (k.match(ds))
         throw new RangeError(
@@ -2931,7 +2931,7 @@ function Ia(e, t, n) {
 function Pr(e, t, n) {
   const a = he(e, n?.in), r = a.getFullYear(), o = a.getDate(), s = Re(e, 0);
   s.setFullYear(r, t, 15), s.setHours(0, 0, 0, 0);
-  const c = fo(s);
+  const c = mo(s);
   return a.setMonth(t, Math.min(o, c)), a;
 }
 function Ve(e, t, n) {
@@ -2946,7 +2946,7 @@ function Tr(e, t, n) {
   const a = he(e, n?.in);
   return a.setMilliseconds(t), a;
 }
-function ms(e, t, n) {
+function fs(e, t, n) {
   const a = he(e, n?.in);
   return a.setMinutes(t), a;
 }
@@ -2961,7 +2961,7 @@ function Ct(e, t, n) {
 function Kt(e, t, n) {
   return bt(e, -t, n);
 }
-function fs(e, t, n) {
+function ms(e, t, n) {
   const {
     years: a = 0,
     months: r = 0,
@@ -2970,8 +2970,8 @@ function fs(e, t, n) {
     hours: c = 0,
     minutes: d = 0,
     seconds: x = 0
-  } = t, v = Kt(e, r + a * 12, n), m = Ia(v, s + o * 7, n), p = d + c * 60, A = (x + p * 60) * 1e3;
-  return Re(e, +m - A);
+  } = t, v = Kt(e, r + a * 12, n), f = Ia(v, s + o * 7, n), p = d + c * 60, A = (x + p * 60) * 1e3;
+  return Re(e, +f - A);
 }
 function Cr(e, t, n) {
   return gn(e, -t, n);
@@ -3140,10 +3140,10 @@ function $n() {
 $n.compatConfig = {
   MODE: 3
 };
-const vt = (e, t) => t ? new Date(e.toLocaleString("en-US", { timeZone: t })) : new Date(e), Cn = (e, t, n) => fn(e, t, n) || U(), ps = (e, t, n) => {
+const vt = (e, t) => t ? new Date(e.toLocaleString("en-US", { timeZone: t })) : new Date(e), Cn = (e, t, n) => mn(e, t, n) || U(), ps = (e, t, n) => {
   const a = t.dateInTz ? vt(new Date(e), t.dateInTz) : U(e);
   return n ? nt(a, !0) : a;
-}, fn = (e, t, n) => {
+}, mn = (e, t, n) => {
   if (!e) return null;
   const a = n ? nt(U(e), !0) : U(e);
   return t ? t.exactMatch ? ps(e, t, n) : vt(a, t.timezone) : a;
@@ -3274,8 +3274,8 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     return n && e.preventDefault(), t();
   if (a) return a(e);
 }, Ts = () => "ontouchstart" in window || navigator.maxTouchPoints > 0, Vr = (e, t) => e ? ra.MONTH_AND_YEAR : t ? ra.YEAR : ra.DATE, Hr = (e) => e < 10 ? `0${e}` : e, er = (e, t, n, a, r, o) => {
-  const s = mn(e, t.slice(0, e.length), /* @__PURE__ */ new Date(), { locale: o });
-  return ga(s) && fr(s) ? a || r ? s : Ve(s, {
+  const s = fn(e, t.slice(0, e.length), /* @__PURE__ */ new Date(), { locale: o });
+  return ga(s) && mr(s) ? a || r ? s : Ve(s, {
     hours: +n.hours,
     minutes: +n?.minutes,
     seconds: +n?.seconds,
@@ -3312,8 +3312,8 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   return t ? dn(a) : a;
 }, Bt = (e, t, n, a) => {
   let r = e ? U(e) : U();
-  return (t || t === 0) && (r = vs(r, +t)), (n || n === 0) && (r = ms(r, +n)), (a || a === 0) && (r = $r(r, +a)), Tr(r, 0);
-}, Le = (e, t) => !e || !t ? !1 : sa(nt(e), nt(t)), $e = (e, t) => !e || !t ? !1 : na(nt(e), nt(t)), qe = (e, t) => !e || !t ? !1 : Gt(nt(e), nt(t)), Da = (e, t, n) => e != null && e[0] && e != null && e[1] ? qe(n, e[0]) && Le(n, e[1]) : e != null && e[0] && t ? qe(n, e[0]) && Le(n, t) || Le(n, e[0]) && qe(n, t) : !1, wt = (e) => {
+  return (t || t === 0) && (r = vs(r, +t)), (n || n === 0) && (r = fs(r, +n)), (a || a === 0) && (r = $r(r, +a)), Tr(r, 0);
+}, Ee = (e, t) => !e || !t ? !1 : sa(nt(e), nt(t)), $e = (e, t) => !e || !t ? !1 : na(nt(e), nt(t)), qe = (e, t) => !e || !t ? !1 : Gt(nt(e), nt(t)), Da = (e, t, n) => e != null && e[0] && e != null && e[1] ? qe(n, e[0]) && Ee(n, e[1]) : e != null && e[0] && t ? qe(n, e[0]) && Ee(n, t) || Ee(n, e[0]) && qe(n, t) : !1, wt = (e) => {
   const t = Ve(new Date(e), { date: 1 });
   return nt(t);
 }, Ja = (e, t, n) => t && (n || n === 0) ? Object.fromEntries(
@@ -3324,7 +3324,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   seconds: isNaN(+e.seconds) ? void 0 : +e.seconds
 }, Qt = (e) => ({
   hours: Rt(e),
-  minutes: Lt(e),
+  minutes: Et(e),
   seconds: oa(e)
 }), Nr = (e, t) => {
   if (t) {
@@ -3351,18 +3351,18 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
 }, Br = (e, t) => {
   const n = {
     hours: Rt(U()),
-    minutes: Lt(U()),
+    minutes: Et(U()),
     seconds: t ? oa(U()) : 0
   };
   return Object.assign(n, e);
 }, It = (e, t, n) => [Ve(U(e), { date: 1 }), Ve(U(), { month: t, year: n, date: 1 })], St = (e, t, n) => {
   let a = e ? U(e) : U();
   return (t || t === 0) && (a = Pr(a, t)), n && (a = Ct(a, n)), a;
-}, Lr = (e, t, n, a, r) => {
+}, Er = (e, t, n, a, r) => {
   if (!a || r && !t || !r && !n) return !1;
   const o = r ? bt(e, 1) : Kt(e, 1), s = [Te(o), ge(o)];
   return r ? !Ys(...s, t) : !As(...s, n);
-}, As = (e, t, n) => Le(...It(n, e, t)) || $e(...It(n, e, t)), Ys = (e, t, n) => qe(...It(n, e, t)) || $e(...It(n, e, t)), Er = (e, t, n, a, r, o, s) => {
+}, As = (e, t, n) => Ee(...It(n, e, t)) || $e(...It(n, e, t)), Ys = (e, t, n) => qe(...It(n, e, t)) || $e(...It(n, e, t)), Lr = (e, t, n, a, r, o, s) => {
   if (typeof t == "function" && !s) return t(e);
   const c = n ? { locale: n } : void 0;
   return Array.isArray(e) ? `${Ot(e[0], o, c)}${r && !e[1] ? "" : a}${e[1] ? Ot(e[1], o, c) : ""}` : Ot(e, o, c);
@@ -3430,21 +3430,21 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     1: []
   },
   monthPicker: []
-}), nn = G(null), Ra = G(!1), rn = G(!1), ln = G(!1), on = G(!1), lt = G(0), ze = G(0), Et = () => {
-  const e = j(() => Ra.value ? [...He.selectionGrid, He.actionRow].filter((m) => m.length) : rn.value ? [
+}), nn = G(null), Ra = G(!1), rn = G(!1), ln = G(!1), on = G(!1), lt = G(0), ze = G(0), Lt = () => {
+  const e = j(() => Ra.value ? [...He.selectionGrid, He.actionRow].filter((f) => f.length) : rn.value ? [
     ...He.timePicker[0],
     ...He.timePicker[1],
     on.value ? [] : [nn.value],
     He.actionRow
-  ].filter((m) => m.length) : ln.value ? [...He.monthPicker, He.actionRow] : [He.monthYear, ...He.calendar, He.time, He.actionRow].filter((m) => m.length)), t = (m) => {
-    lt.value = m ? lt.value + 1 : lt.value - 1;
+  ].filter((f) => f.length) : ln.value ? [...He.monthPicker, He.actionRow] : [He.monthYear, ...He.calendar, He.time, He.actionRow].filter((f) => f.length)), t = (f) => {
+    lt.value = f ? lt.value + 1 : lt.value - 1;
     let p = null;
-    e.value[ze.value] && (p = e.value[ze.value][lt.value]), !p && e.value[ze.value + (m ? 1 : -1)] ? (ze.value = ze.value + (m ? 1 : -1), lt.value = m ? 0 : e.value[ze.value].length - 1) : p || (lt.value = m ? lt.value - 1 : lt.value + 1);
-  }, n = (m) => {
-    ze.value === 0 && !m || ze.value === e.value.length && m || (ze.value = m ? ze.value + 1 : ze.value - 1, e.value[ze.value] ? e.value[ze.value] && !e.value[ze.value][lt.value] && lt.value !== 0 && (lt.value = e.value[ze.value].length - 1) : ze.value = m ? ze.value - 1 : ze.value + 1);
-  }, a = (m) => {
+    e.value[ze.value] && (p = e.value[ze.value][lt.value]), !p && e.value[ze.value + (f ? 1 : -1)] ? (ze.value = ze.value + (f ? 1 : -1), lt.value = f ? 0 : e.value[ze.value].length - 1) : p || (lt.value = f ? lt.value - 1 : lt.value + 1);
+  }, n = (f) => {
+    ze.value === 0 && !f || ze.value === e.value.length && f || (ze.value = f ? ze.value + 1 : ze.value - 1, e.value[ze.value] ? e.value[ze.value] && !e.value[ze.value][lt.value] && lt.value !== 0 && (lt.value = e.value[ze.value].length - 1) : ze.value = f ? ze.value - 1 : ze.value + 1);
+  }, a = (f) => {
     let p = null;
-    e.value[ze.value] && (p = e.value[ze.value][lt.value]), p ? p.focus({ preventScroll: !Ra.value }) : lt.value = m ? lt.value - 1 : lt.value + 1;
+    e.value[ze.value] && (p = e.value[ze.value][lt.value]), p ? p.focus({ preventScroll: !Ra.value }) : lt.value = f ? lt.value - 1 : lt.value + 1;
   }, r = () => {
     t(!0), a(!0);
   }, o = () => {
@@ -3453,27 +3453,27 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     n(!1), a(!0);
   }, c = () => {
     n(!0), a(!0);
-  }, d = (m, p) => {
-    He[p] = m;
-  }, x = (m, p) => {
-    He[p] = m;
+  }, d = (f, p) => {
+    He[p] = f;
+  }, x = (f, p) => {
+    He[p] = f;
   }, v = () => {
     lt.value = 0, ze.value = 0;
   };
   return {
     buildMatrix: d,
     buildMultiLevelMatrix: x,
-    setTimePickerBackRef: (m) => {
-      nn.value = m;
+    setTimePickerBackRef: (f) => {
+      nn.value = f;
     },
-    setSelectionGrid: (m) => {
-      Ra.value = m, v(), m || (He.selectionGrid = []);
+    setSelectionGrid: (f) => {
+      Ra.value = f, v(), f || (He.selectionGrid = []);
     },
-    setTimePicker: (m, p = !1) => {
-      rn.value = m, on.value = p, v(), m || (He.timePicker[0] = [], He.timePicker[1] = []);
+    setTimePicker: (f, p = !1) => {
+      rn.value = f, on.value = p, v(), f || (He.timePicker[0] = [], He.timePicker[1] = []);
     },
-    setTimePickerElements: (m, p = 0) => {
-      He.timePicker[p] = m;
+    setTimePickerElements: (f, p = 0) => {
+      He.timePicker[p] = f;
     },
     arrowRight: r,
     arrowLeft: o,
@@ -3482,8 +3482,8 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     clearArrowNav: () => {
       He.monthYear = [], He.calendar = [], He.time = [], He.actionRow = [], He.selectionGrid = [], He.timePicker[0] = [], He.timePicker[1] = [], Ra.value = !1, rn.value = !1, on.value = !1, ln.value = !1, v(), nn.value = null;
     },
-    setMonthPicker: (m) => {
-      ln.value = m, v();
+    setMonthPicker: (f) => {
+      ln.value = f, v();
     },
     refSets: He
     // exposed for testing
@@ -3541,12 +3541,12 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     escClose: !0
   };
   return typeof e == "object" ? { ...t, ...e ?? {}, enabled: !0 } : { ...t, enabled: e };
-}, Ls = (e) => ({
+}, Es = (e) => ({
   months: [],
   years: [],
   times: { hours: [], minutes: [], seconds: [] },
   ...e ?? {}
-}), Es = (e) => ({
+}), Ls = (e) => ({
   showSelect: !0,
   showCancel: !0,
   showNow: !1,
@@ -3618,8 +3618,8 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   var t;
   const n = Vr(e.isMonthPicker, e.isYearPicker);
   return {
-    minDate: fn(e.minDate, e.timezone, e.isSpecific),
-    maxDate: fn(e.maxDate, e.timezone, e.isSpecific),
+    minDate: mn(e.minDate, e.timezone, e.isSpecific),
+    maxDate: mn(e.maxDate, e.timezone, e.isSpecific),
     disabledDates: Xa(e.disabledDates) ? sn(e.disabledDates, e.timezone, n, e.isSpecific) : e.disabledDates,
     allowedDates: Xa(e.allowedDates) ? sn(e.allowedDates, e.timezone, n, e.isSpecific) : null,
     highlight: typeof e.highlight == "object" && Xa((t = e.highlight) == null ? void 0 : t.dates) ? sn(e.highlight.dates, e.timezone, n) : e.highlight,
@@ -3643,7 +3643,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   }, n = () => {
     var h;
     return e.format ? e.format : e.monthPicker ? "MM/yyyy" : e.timePicker ? t() : e.weekPicker ? `${((h = C.value) == null ? void 0 : h.type) === "iso" ? "II" : "ww"}-RR` : e.yearPicker ? "yyyy" : e.quarterPicker ? "QQQ/yyyy" : e.enableTimePicker ? `MM/dd/yyyy, ${t()}` : "MM/dd/yyyy";
-  }, a = (h) => Br(h, e.enableSeconds), r = () => E.value.enabled ? e.startTime && Array.isArray(e.startTime) ? [a(e.startTime[0]), a(e.startTime[1])] : null : e.startTime && !Array.isArray(e.startTime) ? a(e.startTime) : null, o = j(() => Ns(e.multiCalendars)), s = j(() => r()), c = j(() => Hs(e.ariaLabels)), d = j(() => Ls(e.filters)), x = j(() => Fs(e.transitions)), v = j(() => Es(e.actionRow)), m = j(
+  }, a = (h) => Br(h, e.enableSeconds), r = () => L.value.enabled ? e.startTime && Array.isArray(e.startTime) ? [a(e.startTime[0]), a(e.startTime[1])] : null : e.startTime && !Array.isArray(e.startTime) ? a(e.startTime) : null, o = j(() => Ns(e.multiCalendars)), s = j(() => r()), c = j(() => Hs(e.ariaLabels)), d = j(() => Es(e.filters)), x = j(() => Fs(e.transitions)), v = j(() => Ls(e.actionRow)), f = j(
     () => Is(e.previewFormat, e.format, n())
   ), p = j(() => Bs(e.textInput)), $ = j(() => Ws(e.inline)), A = j(() => zs(e.config)), V = j(() => qs(e.highlight)), C = j(() => Us(e.weekNumbers)), k = j(() => Qs(e.timezone)), H = j(() => Ks(e.multiDates)), R = j(
     () => Gs({
@@ -3658,7 +3658,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       isMonthPicker: e.monthPicker,
       isYearPicker: e.yearPicker
     })
-  ), E = j(() => js(e.range)), _ = j(() => Xs(e.ui));
+  ), L = j(() => js(e.range)), _ = j(() => Xs(e.ui));
   return {
     defaultedTransitions: x,
     defaultedMultiCalendars: o,
@@ -3666,13 +3666,13 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     defaultedAriaLabels: c,
     defaultedFilters: d,
     defaultedActionRow: v,
-    defaultedPreviewFormat: m,
+    defaultedPreviewFormat: f,
     defaultedTextInput: p,
     defaultedInline: $,
     defaultedConfig: A,
     defaultedHighlight: V,
     defaultedWeekNumbers: C,
-    defaultedRange: E,
+    defaultedRange: L,
     propDates: R,
     defaultedTz: k,
     defaultedMultiDates: H,
@@ -3684,25 +3684,25 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     }
   };
 }, Js = (e, t, n) => {
-  const a = G(), { defaultedTextInput: r, defaultedRange: o, defaultedTz: s, defaultedMultiDates: c, getDefaultPattern: d } = Fe(t), x = G(""), v = ba(t, "format"), m = ba(t, "formatLocale");
-  ft(
+  const a = G(), { defaultedTextInput: r, defaultedRange: o, defaultedTz: s, defaultedMultiDates: c, getDefaultPattern: d } = Fe(t), x = G(""), v = ba(t, "format"), f = ba(t, "formatLocale");
+  mt(
     a,
     () => {
       typeof t.onInternalModelChange == "function" && e("internal-model-change", a.value, q(!0));
     },
     { deep: !0 }
-  ), ft(o, (l, M) => {
+  ), mt(o, (l, M) => {
     l.enabled !== M.enabled && (a.value = null);
-  }), ft(v, () => {
+  }), mt(v, () => {
     ee();
   });
   const p = (l) => s.value.timezone && s.value.convertModel ? vt(l, s.value.timezone) : l, $ = (l) => {
     if (s.value.timezone && s.value.convertModel) {
       const M = ys(s.value.timezone, l);
-      return fl(l, M);
+      return ml(l, M);
     }
     return l;
-  }, A = (l, M, oe = !1) => Er(
+  }, A = (l, M, oe = !1) => Lr(
     l,
     t.format,
     t.formatLocale,
@@ -3712,7 +3712,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     oe
   ), V = (l) => l ? t.modelType ? te(l) : {
     hours: Rt(l),
-    minutes: Lt(l),
+    minutes: Et(l),
     seconds: t.enableSeconds ? oa(l) : 0
   } : null, C = (l) => t.modelType ? te(l) : { month: Te(l), year: ge(l) }, k = (l) => Array.isArray(l) ? c.value.enabled ? l.map((M) => H(M, Ct(U(), M))) : Sa(
     () => [
@@ -3729,7 +3729,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       l[1],
       Bt(null, +l[1].hours, +l[1].minutes, l[1].seconds)
     )
-  ] : H(l, Bt(null, l.hours, l.minutes, l.seconds)), E = (l) => {
+  ] : H(l, Bt(null, l.hours, l.minutes, l.seconds)), L = (l) => {
     const M = Ve(U(), { date: 1 });
     return Array.isArray(l) ? c.value.enabled ? l.map((oe) => H(oe, St(M, +oe.month, +oe.year))) : Sa(
       () => [
@@ -3768,7 +3768,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       te(l[0]),
       l[1] ? te(l[1]) : ta(o.value.partialRange)
     ];
-  }, N = () => Array.isArray(a.value) ? a.value[1] ? B() : te(et(a.value[0])) : [], se = () => (a.value || []).map((l) => te(l)), ve = (l = !1) => (l || K(), t.modelAuto ? N() : c.value.enabled ? se() : Array.isArray(a.value) ? Sa(() => B(), o.value.enabled) : te(et(a.value))), ye = (l) => !l || Array.isArray(l) && !l.length ? null : t.timePicker ? R(et(l)) : t.monthPicker ? E(et(l)) : t.yearPicker ? k(et(l)) : c.value.enabled ? _(et(l)) : t.weekPicker ? h(et(l)) : D(et(l)), y = (l) => {
+  }, N = () => Array.isArray(a.value) ? a.value[1] ? B() : te(et(a.value[0])) : [], se = () => (a.value || []).map((l) => te(l)), ve = (l = !1) => (l || K(), t.modelAuto ? N() : c.value.enabled ? se() : Array.isArray(a.value) ? Sa(() => B(), o.value.enabled) : te(et(a.value))), ye = (l) => !l || Array.isArray(l) && !l.length ? null : t.timePicker ? R(et(l)) : t.monthPicker ? L(et(l)) : t.yearPicker ? k(et(l)) : c.value.enabled ? _(et(l)) : t.weekPicker ? h(et(l)) : D(et(l)), y = (l) => {
     const M = ye(l);
     hn(et(M)) ? (a.value = et(M), ee()) : (a.value = null, x.value = "");
   }, O = () => {
@@ -3782,9 +3782,9 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       return t.utc === "preserve" ? new Date(M.getTime() + M.getTimezoneOffset() * 6e4) : M;
     }
     return t.modelType ? gs.includes(t.modelType) ? p(new Date(l)) : t.modelType === "format" && (typeof t.format == "string" || !t.format) ? p(
-      mn(l, d(), /* @__PURE__ */ new Date(), { locale: m.value })
+      fn(l, d(), /* @__PURE__ */ new Date(), { locale: f.value })
     ) : p(
-      mn(l, t.modelType, /* @__PURE__ */ new Date(), { locale: m.value })
+      fn(l, t.modelType, /* @__PURE__ */ new Date(), { locale: f.value })
     ) : p(new Date(l));
   }, te = (l) => l ? t.utc ? Cs(l, t.utc === "preserve", t.enableSeconds) : t.modelType ? t.modelType === "timestamp" ? +$(l) : t.modelType === "iso" ? $(l).toISOString() : t.modelType === "format" && (typeof t.format == "string" || !t.format) ? A($(l)) : A($(l), t.modelType, !0) : $(l) : "", Y = (l, M = !1, oe = !1) => {
     if (oe) return l;
@@ -3795,15 +3795,15 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   }, de = (l) => Array.isArray(a.value) ? c.value.enabled ? a.value.map((M) => l(M)) : [
     l(a.value[0]),
     a.value[1] ? l(a.value[1]) : ta(o.value.partialRange)
-  ] : l(et(a.value)), f = () => {
+  ] : l(et(a.value)), m = () => {
     if (Array.isArray(a.value)) {
       const l = Yt(a.value[0], t.weekStart), M = a.value[1] ? Yt(a.value[1], t.weekStart) : [];
       return [l.map((oe) => U(oe)), M.map((oe) => U(oe))];
     }
     return Yt(a.value, t.weekStart).map((l) => U(l));
   }, T = (l, M) => Y(et(de(l)), !1, M), F = (l) => {
-    const M = f();
-    return l ? M : e("update:model-value", f());
+    const M = m();
+    return l ? M : e("update:model-value", m());
   }, q = (l = !1) => (l || ee(), t.monthPicker ? T(C, l) : t.timePicker ? T(V, l) : t.yearPicker ? T(ge, l) : t.weekPicker ? F(l) : Y(ve(l), !0, l));
   return {
     inputValue: x,
@@ -3814,21 +3814,21 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     emitModelValue: q
   };
 }, ei = (e, t) => {
-  const { defaultedFilters: n, propDates: a } = Fe(e), { validateMonthYearInRange: r } = Wt(e), o = (v, m) => {
+  const { defaultedFilters: n, propDates: a } = Fe(e), { validateMonthYearInRange: r } = Wt(e), o = (v, f) => {
     let p = v;
-    return n.value.months.includes(Te(p)) ? (p = m ? bt(v, 1) : Kt(v, 1), o(p, m)) : p;
-  }, s = (v, m) => {
+    return n.value.months.includes(Te(p)) ? (p = f ? bt(v, 1) : Kt(v, 1), o(p, f)) : p;
+  }, s = (v, f) => {
     let p = v;
-    return n.value.years.includes(ge(p)) ? (p = m ? gn(v, 1) : Cr(v, 1), s(p, m)) : p;
-  }, c = (v, m = !1) => {
+    return n.value.years.includes(ge(p)) ? (p = f ? gn(v, 1) : Cr(v, 1), s(p, f)) : p;
+  }, c = (v, f = !1) => {
     const p = Ve(U(), { month: e.month, year: e.year });
     let $ = v ? bt(p, 1) : Kt(p, 1);
     e.disableYearSelect && ($ = Ct($, e.year));
     let A = Te($), V = ge($);
-    n.value.months.includes(A) && ($ = o($, v), A = Te($), V = ge($)), n.value.years.includes(V) && ($ = s($, v), V = ge($)), r(A, V, v, e.preventMinMaxNavigation) && d(A, V, m);
-  }, d = (v, m, p) => {
-    t("update-month-year", { month: v, year: m, fromNav: p });
-  }, x = j(() => (v) => Lr(
+    n.value.months.includes(A) && ($ = o($, v), A = Te($), V = ge($)), n.value.years.includes(V) && ($ = s($, v), V = ge($)), r(A, V, v, e.preventMinMaxNavigation) && d(A, V, f);
+  }, d = (v, f, p) => {
+    t("update-month-year", { month: v, year: f, fromNav: p });
+  }, x = j(() => (v) => Er(
     Ve(U(), { month: e.month, year: e.year }),
     a.value.maxDate,
     a.value.minDate,
@@ -3990,27 +3990,27 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       defaultedInline: d,
       defaultedRange: x,
       defaultedMultiDates: v
-    } = Fe(a), { isTimeValid: m, isMonthValid: p } = Wt(a), { buildMatrix: $ } = Et(), A = G(null), V = G(null), C = G(!1), k = G({}), H = G(null), R = G(null);
+    } = Fe(a), { isTimeValid: f, isMonthValid: p } = Wt(a), { buildMatrix: $ } = Lt(), A = G(null), V = G(null), C = G(!1), k = G({}), H = G(null), R = G(null);
     rt(() => {
-      a.arrowNavigation && $([Ze(A), Ze(V)], "actionRow"), E(), window.addEventListener("resize", E);
+      a.arrowNavigation && $([Ze(A), Ze(V)], "actionRow"), L(), window.addEventListener("resize", L);
     }), da(() => {
-      window.removeEventListener("resize", E);
+      window.removeEventListener("resize", L);
     });
-    const E = () => {
+    const L = () => {
       C.value = !1, setTimeout(() => {
         var y, O;
         const g = (y = H.value) == null ? void 0 : y.getBoundingClientRect(), z = (O = R.value) == null ? void 0 : O.getBoundingClientRect();
         g && z && (k.value.maxWidth = `${z.width - g.width - 20}px`), C.value = !0;
       }, 0);
     }, _ = j(() => x.value.enabled && !x.value.partialRange && a.internalModelValue ? a.internalModelValue.length === 2 : !0), h = j(
-      () => !m.value(a.internalModelValue) || !p.value(a.internalModelValue) || !_.value
+      () => !f.value(a.internalModelValue) || !p.value(a.internalModelValue) || !_.value
     ), D = () => {
       const y = o.value;
       return a.timePicker || a.monthPicker, y(et(a.internalModelValue));
     }, K = () => {
       const y = a.internalModelValue;
       return s.value.count > 0 ? `${B(y[0])} - ${B(y[1])}` : [B(y[0]), B(y[1])];
-    }, B = (y) => Er(
+    }, B = (y) => Lr(
       y,
       o.value,
       a.formatLocale,
@@ -4020,7 +4020,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     ), N = j(() => !a.internalModelValue || !a.menuMount ? "" : typeof o.value == "string" ? Array.isArray(a.internalModelValue) ? a.internalModelValue.length === 2 && a.internalModelValue[1] ? K() : v.value.enabled ? a.internalModelValue.map((y) => `${B(y)}`) : a.modelAuto ? `${B(a.internalModelValue[0])}` : `${B(a.internalModelValue[0])} -` : B(a.internalModelValue) : D()), se = () => v.value.enabled ? "; " : " - ", ve = j(
       () => Array.isArray(N.value) ? N.value.join(se()) : N.value
     ), ye = () => {
-      m.value(a.internalModelValue) && p.value(a.internalModelValue) && _.value ? n("select-date") : n("invalid-select");
+      f.value(a.internalModelValue) && p.value(a.internalModelValue) && _.value ? n("select-date") : n("invalid-select");
     };
     return (y, O) => (P(), W("div", {
       ref_key: "actionRowRef",
@@ -4113,21 +4113,21 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   },
   emits: ["selected", "toggle", "reset-flow", "hover-value"],
   setup(e, { expose: t, emit: n }) {
-    const { setSelectionGrid: a, buildMultiLevelMatrix: r, setMonthPicker: o } = Et(), s = n, c = e, { defaultedAriaLabels: d, defaultedTextInput: x, defaultedConfig: v, handleEventPropagation: m } = Fe(
+    const { setSelectionGrid: a, buildMultiLevelMatrix: r, setMonthPicker: o } = Lt(), s = n, c = e, { defaultedAriaLabels: d, defaultedTextInput: x, defaultedConfig: v, handleEventPropagation: f } = Fe(
       c
-    ), { hideNavigationButtons: p } = Wa(), $ = G(!1), A = G(null), V = G(null), C = G([]), k = G(), H = G(null), R = G(0), E = G(null);
+    ), { hideNavigationButtons: p } = Wa(), $ = G(!1), A = G(null), V = G(null), C = G([]), k = G(), H = G(null), R = G(0), L = G(null);
     ol(() => {
       A.value = null;
     }), rt(() => {
       st().then(() => ve()), c.noOverlayFocus || h(), _(!0);
     }), da(() => _(!1));
-    const _ = (f) => {
+    const _ = (m) => {
       var T;
-      c.arrowNavigation && ((T = c.headerRefs) != null && T.length ? o(f) : a(f));
+      c.arrowNavigation && ((T = c.headerRefs) != null && T.length ? o(m) : a(m));
     }, h = () => {
-      var f;
+      var m;
       const T = Ze(V);
-      T && (x.value.enabled || (A.value ? (f = A.value) == null || f.focus({ preventScroll: !0 }) : T.focus({ preventScroll: !0 })), $.value = T.clientHeight < T.scrollHeight);
+      T && (x.value.enabled || (A.value ? (m = A.value) == null || m.focus({ preventScroll: !0 }) : T.focus({ preventScroll: !0 })), $.value = T.clientHeight < T.scrollHeight);
     }, D = j(
       () => ({
         dp__overlay: !0,
@@ -4147,93 +4147,93 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
         dp__button_bottom: c.isLast
       })
     ), se = j(() => {
-      var f, T;
+      var m, T;
       return {
         dp__overlay_container: !0,
-        dp__container_flex: ((f = c.items) == null ? void 0 : f.length) <= 6,
+        dp__container_flex: ((m = c.items) == null ? void 0 : m.length) <= 6,
         dp__container_block: ((T = c.items) == null ? void 0 : T.length) > 6
       };
     });
-    ft(
+    mt(
       () => c.items,
       () => ve(!1),
       { deep: !0 }
     );
-    const ve = (f = !0) => {
+    const ve = (m = !0) => {
       st().then(() => {
-        const T = Ze(A), F = Ze(V), q = Ze(H), l = Ze(E), M = q ? q.getBoundingClientRect().height : 0;
-        F && (F.getBoundingClientRect().height ? R.value = F.getBoundingClientRect().height - M : R.value = v.value.modeHeight - M), T && l && f && (l.scrollTop = T.offsetTop - l.offsetTop - (R.value / 2 - T.getBoundingClientRect().height) - M);
+        const T = Ze(A), F = Ze(V), q = Ze(H), l = Ze(L), M = q ? q.getBoundingClientRect().height : 0;
+        F && (F.getBoundingClientRect().height ? R.value = F.getBoundingClientRect().height - M : R.value = v.value.modeHeight - M), T && l && m && (l.scrollTop = T.offsetTop - l.offsetTop - (R.value / 2 - T.getBoundingClientRect().height) - M);
       });
-    }, ye = (f) => {
-      f.disabled || s("selected", f.value);
+    }, ye = (m) => {
+      m.disabled || s("selected", m.value);
     }, y = () => {
       s("toggle"), s("reset-flow");
-    }, O = (f) => {
-      c.escClose && (y(), m(f));
-    }, g = (f, T, F, q) => {
-      f && ((T.active || T.value === c.focusValue) && (A.value = f), c.arrowNavigation && (Array.isArray(C.value[F]) ? C.value[F][q] = f : C.value[F] = [f], z()));
+    }, O = (m) => {
+      c.escClose && (y(), f(m));
+    }, g = (m, T, F, q) => {
+      m && ((T.active || T.value === c.focusValue) && (A.value = m), c.arrowNavigation && (Array.isArray(C.value[F]) ? C.value[F][q] = m : C.value[F] = [m], z()));
     }, z = () => {
-      var f, T;
-      const F = (f = c.headerRefs) != null && f.length ? [c.headerRefs].concat(C.value) : C.value.concat([c.skipButtonRef ? [] : [H.value]]);
+      var m, T;
+      const F = (m = c.headerRefs) != null && m.length ? [c.headerRefs].concat(C.value) : C.value.concat([c.skipButtonRef ? [] : [H.value]]);
       r(et(F), (T = c.headerRefs) != null && T.length ? "monthPicker" : "selectionGrid");
-    }, ee = (f) => {
-      c.arrowNavigation || Ft(f, v.value, !0);
-    }, I = (f) => {
-      k.value = f, s("hover-value", f);
+    }, ee = (m) => {
+      c.arrowNavigation || Ft(m, v.value, !0);
+    }, I = (m) => {
+      k.value = m, s("hover-value", m);
     }, te = () => {
       if (y(), !c.isLast) {
-        const f = pn(c.menuWrapRef ?? null, "action-row");
-        if (f) {
-          const T = Sr(f);
+        const m = pn(c.menuWrapRef ?? null, "action-row");
+        if (m) {
+          const T = Sr(m);
           T?.focus();
         }
       }
-    }, Y = (f) => {
-      switch (f.key) {
+    }, Y = (m) => {
+      switch (m.key) {
         case Ne.esc:
-          return O(f);
+          return O(m);
         case Ne.arrowLeft:
-          return ee(f);
+          return ee(m);
         case Ne.arrowRight:
-          return ee(f);
+          return ee(m);
         case Ne.arrowUp:
-          return ee(f);
+          return ee(m);
         case Ne.arrowDown:
-          return ee(f);
+          return ee(m);
         default:
           return;
       }
-    }, de = (f) => {
-      if (f.key === Ne.enter) return y();
-      if (f.key === Ne.tab) return te();
+    }, de = (m) => {
+      if (m.key === Ne.enter) return y();
+      if (m.key === Ne.tab) return te();
     };
-    return t({ focusGrid: h }), (f, T) => {
+    return t({ focusGrid: h }), (m, T) => {
       var F;
       return P(), W("div", {
         ref_key: "gridWrapRef",
         ref: V,
         class: be(D.value),
         style: ht(K.value),
-        role: f.useRelative ? void 0 : "dialog",
-        "aria-label": f.overlayLabel,
-        tabindex: f.useRelative ? void 0 : "0",
+        role: m.useRelative ? void 0 : "dialog",
+        "aria-label": m.overlayLabel,
+        tabindex: m.useRelative ? void 0 : "0",
         onKeydown: Y,
         onClick: T[0] || (T[0] = _a(() => {
         }, ["prevent"]))
       }, [
         ce("div", {
           ref_key: "containerRef",
-          ref: E,
+          ref: L,
           class: be(se.value),
           style: ht({ "--dp-overlay-height": `${R.value}px` }),
           role: "grid"
         }, [
           ce("div", li, [
-            ue(f.$slots, "header")
+            ue(m.$slots, "header")
           ]),
-          f.$slots.overlay ? ue(f.$slots, "overlay", { key: 0 }) : (P(!0), W(_e, { key: 1 }, Ie(f.items, (q, l) => (P(), W("div", {
+          m.$slots.overlay ? ue(m.$slots, "overlay", { key: 0 }) : (P(!0), W(_e, { key: 1 }, Ie(m.items, (q, l) => (P(), W("div", {
             key: l,
-            class: be(["dp__overlay_row", { dp__flex_row: f.items.length >= 3 }]),
+            class: be(["dp__overlay_row", { dp__flex_row: m.items.length >= 3 }]),
             role: "row"
           }, [
             (P(!0), W(_e, null, Ie(q, (M, oe) => (P(), W("div", {
@@ -4253,18 +4253,18 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
               ce("div", {
                 class: be(M.className)
               }, [
-                f.$slots.item ? ue(f.$slots, "item", {
+                m.$slots.item ? ue(m.$slots, "item", {
                   key: 0,
                   item: M
                 }) : Z("", !0),
-                f.$slots.item ? Z("", !0) : (P(), W(_e, { key: 1 }, [
+                m.$slots.item ? Z("", !0) : (P(), W(_e, { key: 1 }, [
                   _t(Qe(M.text), 1)
                 ], 64))
               ], 2)
             ], 42, oi))), 128))
           ], 2))), 128))
         ], 6),
-        f.$slots["button-icon"] ? ha((P(), W("button", {
+        m.$slots["button-icon"] ? ha((P(), W("button", {
           key: 0,
           ref_key: "toggleButton",
           ref: H,
@@ -4275,14 +4275,14 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
           onClick: y,
           onKeydown: de
         }, [
-          ue(f.$slots, "button-icon")
+          ue(m.$slots, "button-icon")
         ], 42, si)), [
-          [ya, !u(p)(f.hideNavigation, f.type)]
+          [ya, !u(p)(m.hideNavigation, m.type)]
         ]) : Z("", !0)
       ], 46, ri);
     };
   }
-}), ii = ["data-dp-mobile"], La = /* @__PURE__ */ Ge({
+}), ii = ["data-dp-mobile"], Ea = /* @__PURE__ */ Ge({
   __name: "InstanceWrap",
   props: {
     multiCalendars: {},
@@ -4360,7 +4360,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   },
   emits: ["toggle-year-picker", "year-select", "handle-year"],
   setup(e, { emit: t }) {
-    const n = t, a = e, { showRightIcon: r, showLeftIcon: o } = Wa(), { defaultedConfig: s, defaultedMultiCalendars: c, defaultedAriaLabels: d, defaultedTransitions: x, defaultedUI: v } = Fe(a), { showTransition: m, transitionName: p } = Ca(x), $ = G(!1), A = (k = !1, H) => {
+    const n = t, a = e, { showRightIcon: r, showLeftIcon: o } = Wa(), { defaultedConfig: s, defaultedMultiCalendars: c, defaultedAriaLabels: d, defaultedTransitions: x, defaultedUI: v } = Fe(a), { showTransition: f, transitionName: p } = Ca(x), $ = G(!1), A = (k = !1, H) => {
       $.value = !$.value, n("toggle-year-picker", { flow: k, show: H });
     }, V = (k) => {
       $.value = !1, n("year-select", k);
@@ -4368,7 +4368,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       n("handle-year", k);
     };
     return (k, H) => {
-      var R, E, _, h, D;
+      var R, L, _, h, D;
       return P(), W(_e, null, [
         ce("div", {
           class: be(["dp--year-mode-picker", { "dp--hidden-el": $.value }])
@@ -4378,7 +4378,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
             ref: "mpPrevIconRef",
             "aria-label": (R = u(d)) == null ? void 0 : R.prevYear,
             disabled: e.isDisabled(!1),
-            class: be((E = u(v)) == null ? void 0 : E.navBtnPrev),
+            class: be((L = u(v)) == null ? void 0 : L.navBtnPrev),
             onActivate: H[0] || (H[0] = (K) => C(!1))
           }, {
             default: we(() => [
@@ -4421,7 +4421,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
         ], 2),
         tt(ca, {
           name: u(p)(e.showYearPicker),
-          css: u(m)
+          css: u(f)
         }, {
           default: we(() => {
             var K, B;
@@ -4474,12 +4474,12 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     t.value = [e];
 }, Vn = (e, t, n) => {
   let a = e.value ? e.value.slice() : [];
-  return a.length === 2 && a[1] !== null && (a = []), a.length ? (Le(t, a[0]) ? a.unshift(t) : a[1] = t, n("range-end", t)) : (a = [t], n("range-start", t)), a;
-}, Ea = (e, t, n, a) => {
+  return a.length === 2 && a[1] !== null && (a = []), a.length ? (Ee(t, a[0]) ? a.unshift(t) : a[1] = t, n("range-end", t)) : (a = [t], n("range-start", t)), a;
+}, La = (e, t, n, a) => {
   e && (e[0] && e[1] && n && t("auto-apply"), e[0] && !e[1] && a && n && t("auto-apply"));
 }, Ur = (e) => {
   Array.isArray(e.value) && e.value.length <= 2 && e.range ? e.modelValue.value = e.value.map((t) => vt(U(t), e.timezone)) : Array.isArray(e.value) || (e.modelValue.value = vt(U(e.value), e.timezone));
-}, jr = (e, t, n, a) => Array.isArray(t.value) && (t.value.length === 2 || t.value.length === 1 && a.value.partialRange) ? a.value.fixedStart && (qe(e, t.value[0]) || $e(e, t.value[0])) ? [t.value[0], e] : a.value.fixedEnd && (Le(e, t.value[1]) || $e(e, t.value[1])) ? [e, t.value[1]] : (n("invalid-fixed-range", e), t.value) : [], Qr = ({
+}, jr = (e, t, n, a) => Array.isArray(t.value) && (t.value.length === 2 || t.value.length === 1 && a.value.partialRange) ? a.value.fixedStart && (qe(e, t.value[0]) || $e(e, t.value[0])) ? [t.value[0], e] : a.value.fixedEnd && (Ee(e, t.value[1]) || $e(e, t.value[1])) ? [e, t.value[1]] : (n("invalid-fixed-range", e), t.value) : [], Qr = ({
   multiCalendars: e,
   range: t,
   highlight: n,
@@ -4492,12 +4492,12 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   month: x,
   emit: v
 }) => {
-  const m = j(() => On(s.yearRange, s.locale, s.reverseYears)), p = G([!1]), $ = j(() => (N, se) => {
+  const f = j(() => On(s.yearRange, s.locale, s.reverseYears)), p = G([!1]), $ = j(() => (N, se) => {
     const ve = Ve(wt(/* @__PURE__ */ new Date()), {
       month: x.value(N),
       year: d.value(N)
     }), ye = se ? Ha(ve) : Zt(ve);
-    return Lr(
+    return Er(
       ye,
       a.value.maxDate,
       a.value.minDate,
@@ -4529,17 +4529,17 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       const N = Array.isArray(o.value) ? H(o.value) : o.value;
       r.value[0] = { month: Te(N), year: ge(N) };
     }
-  }, E = () => {
+  }, L = () => {
     R(), e.value.count && V();
   };
-  ft(o, (N, se) => {
-    s.isTextInputDate && JSON.stringify(N ?? {}) !== JSON.stringify(se ?? {}) && E();
+  mt(o, (N, se) => {
+    s.isTextInputDate && JSON.stringify(N ?? {}) !== JSON.stringify(se ?? {}) && L();
   }), rt(() => {
-    E();
+    L();
   });
   const _ = (N, se) => {
     r.value[se].year = N, v("update-month-year", { instance: se, year: N, month: r.value[se].month }), e.value.count && !e.value.solo && C(se);
-  }, h = j(() => (N) => ia(m.value, (se) => {
+  }, h = j(() => (N) => ia(f.value, (se) => {
     var ve;
     const ye = d.value(N) === se.value, y = ka(
       se.value,
@@ -4577,11 +4577,11 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     propDates: d,
     defaultedTz: x,
     defaultedFilters: v,
-    defaultedMultiDates: m
+    defaultedMultiDates: f
   } = Fe(e), p = () => {
-    e.isTextInputDate && E(ge(U(e.startDate)), 0);
+    e.isTextInputDate && L(ge(U(e.startDate)), 0);
   }, { modelValue: $, year: A, month: V, calendars: C } = Oa(e, t, p), k = j(() => Ar(e.formatLocale, e.locale, e.monthNameFormat)), H = G(null), { checkMinMaxRange: R } = Wt(e), {
-    selectYear: E,
+    selectYear: L,
     groupedYears: _,
     showYearPicker: h,
     toggleYearPicker: D,
@@ -4602,7 +4602,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     emit: t
   });
   rt(() => {
-    e.startDate && ($.value && e.focusStartDate || !$.value) && E(ge(U(e.startDate)), 0);
+    e.startDate && ($.value && e.focusStartDate || !$.value) && L(ge(U(e.startDate)), 0);
   });
   const se = (T) => T ? { month: Te(T), year: ge(T) } : { month: null, year: null }, ve = () => $.value ? Array.isArray($.value) ? $.value.map((T) => se(T)) : se($.value) : se(), ye = (T, F) => {
     const q = C.value[T], l = ve();
@@ -4635,13 +4635,13 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   }, I = (T, F) => {
     const q = z(T, F);
     s.value.fixedEnd || s.value.fixedStart ? $.value = jr(q, $, t, s) : $.value ? R(q, $.value) && ($.value = Vn($, z(T, F), t)) : $.value = [z(T, F)], st().then(() => {
-      Ea($.value, t, e.autoApply, e.modelAuto);
+      La($.value, t, e.autoApply, e.modelAuto);
     });
   }, te = (T, F) => {
-    Rn(z(T, F), $, m.value.limit), t("auto-apply", !0);
-  }, Y = (T, F) => (C.value[F].month = T, f(F, C.value[F].year, T), m.value.enabled ? te(T, F) : s.value.enabled ? I(T, F) : ee(T, F)), de = (T, F) => {
-    E(T, F), f(F, T, null);
-  }, f = (T, F, q) => {
+    Rn(z(T, F), $, f.value.limit), t("auto-apply", !0);
+  }, Y = (T, F) => (C.value[F].month = T, m(F, C.value[F].year, T), f.value.enabled ? te(T, F) : s.value.enabled ? I(T, F) : ee(T, F)), de = (T, F) => {
+    L(T, F), m(F, T, null);
+  }, m = (T, F, q) => {
     let l = q;
     if (!l && l !== 0) {
       const M = ve();
@@ -4700,7 +4700,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     "overlay-toggle"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = Xt(), o = mt(r, "yearMode"), s = e;
+    const a = n, r = Xt(), o = ft(r, "yearMode"), s = e;
     rt(() => {
       s.shadow || a("mount", null);
     });
@@ -4709,7 +4709,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       groupedYears: d,
       year: x,
       isDisabled: v,
-      defaultedMultiCalendars: m,
+      defaultedMultiCalendars: f,
       defaultedConfig: p,
       showYearPicker: $,
       modelValue: A,
@@ -4718,7 +4718,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       selectMonth: k,
       selectYear: H,
       toggleYearPicker: R,
-      handleYearSelect: E,
+      handleYearSelect: L,
       handleYear: _,
       getModelMonthYear: h
     } = ci(s, a);
@@ -4729,8 +4729,8 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       selectMonth: k,
       selectYear: H,
       handleYear: _
-    }), presetDate: V, toggleYearPicker: (D) => R(0, D) }), (D, K) => (P(), Pe(La, {
-      "multi-calendars": u(m).count,
+    }), presetDate: V, toggleYearPicker: (D) => R(0, D) }), (D, K) => (P(), Pe(Ea, {
+      "multi-calendars": u(f).count,
       collapse: D.collapse,
       stretch: "",
       "is-mobile": D.isMobile
@@ -4769,7 +4769,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
               year: u(x)(B),
               "is-disabled": (N) => u(v)(B, N),
               onHandleYear: (N) => u(_)(B, N),
-              onYearSelect: (N) => u(E)(N, B),
+              onYearSelect: (N) => u(L)(N, B),
               onToggleYearPicker: (N) => u(R)(B, N?.flow, N?.show)
             }), it({ _: 2 }, [
               Ie(u(o), (N, se) => ({
@@ -4797,20 +4797,20 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       _: 3
     }, 8, ["multi-calendars", "collapse", "is-mobile"]));
   }
-}), mi = (e, t) => {
+}), fi = (e, t) => {
   const n = () => {
     e.isTextInputDate && (v.value = ge(U(e.startDate)));
   }, { modelValue: a } = Oa(e, t, n), r = G(null), { defaultedHighlight: o, defaultedMultiDates: s, defaultedFilters: c, defaultedRange: d, propDates: x } = Fe(e), v = G();
   rt(() => {
     e.startDate && (a.value && e.focusStartDate || !a.value) && (v.value = ge(U(e.startDate)));
   });
-  const m = (k) => Array.isArray(a.value) ? a.value.some((H) => ge(H) === k) : a.value ? ge(a.value) === k : !1, p = (k) => d.value.enabled && Array.isArray(a.value) ? Da(a.value, r.value, C(k)) : !1, $ = (k) => x.value.allowedDates instanceof Map ? x.value.allowedDates.size ? x.value.allowedDates.has(`${k}`) : !1 : !0, A = (k) => x.value.disabledDates instanceof Map ? x.value.disabledDates.size ? x.value.disabledDates.has(`${k}`) : !1 : !0, V = j(() => ia(On(e.yearRange, e.locale, e.reverseYears), (k) => {
-    const H = m(k.value), R = ka(
+  const f = (k) => Array.isArray(a.value) ? a.value.some((H) => ge(H) === k) : a.value ? ge(a.value) === k : !1, p = (k) => d.value.enabled && Array.isArray(a.value) ? Da(a.value, r.value, C(k)) : !1, $ = (k) => x.value.allowedDates instanceof Map ? x.value.allowedDates.size ? x.value.allowedDates.has(`${k}`) : !1 : !0, A = (k) => x.value.disabledDates instanceof Map ? x.value.disabledDates.size ? x.value.disabledDates.has(`${k}`) : !1 : !0, V = j(() => ia(On(e.yearRange, e.locale, e.reverseYears), (k) => {
+    const H = f(k.value), R = ka(
       k.value,
       ua(x.value.minDate),
       ua(x.value.maxDate)
-    ) || c.value.years.includes(k.value) || !$(k.value) || A(k.value), E = p(k.value) && !H, _ = Sn(o.value, k.value);
-    return { active: H, disabled: R, isBetween: E, highlighted: _ };
+    ) || c.value.years.includes(k.value) || !$(k.value) || A(k.value), L = p(k.value) && !H, _ = Sn(o.value, k.value);
+    return { active: H, disabled: R, isBetween: L, highlighted: _ };
   })), C = (k) => Ct(wt(Zt(/* @__PURE__ */ new Date())), k);
   return {
     groupedYears: V,
@@ -4824,11 +4824,11 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       if (t("update-month-year", { instance: 0, year: k }), s.value.enabled)
         return a.value ? Array.isArray(a.value) && (((H = a.value) == null ? void 0 : H.map((R) => ge(R))).includes(k) ? a.value = a.value.filter((R) => ge(R) !== k) : a.value.push(Ct(nt(U()), k))) : a.value = [Ct(nt(Zt(U())), k)], t("auto-apply", !0);
       d.value.enabled ? (a.value = Vn(a, C(k), t), st().then(() => {
-        Ea(a.value, t, e.autoApply, e.modelAuto);
+        La(a.value, t, e.autoApply, e.modelAuto);
       })) : (a.value = C(k), t("auto-apply"));
     }
   };
-}, fi = /* @__PURE__ */ Ge({
+}, mi = /* @__PURE__ */ Ge({
   compatConfig: {
     MODE: 3
   },
@@ -4845,35 +4845,35 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     "update-month-year"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, { groupedYears: o, modelValue: s, focusYear: c, selectYear: d, setHoverValue: x } = mi(r, a), { defaultedConfig: v } = Fe(r);
+    const a = n, r = e, { groupedYears: o, modelValue: s, focusYear: c, selectYear: d, setHoverValue: x } = fi(r, a), { defaultedConfig: v } = Fe(r);
     return t({ getSidebarProps: () => ({
       modelValue: s,
       selectYear: d
-    }) }), (m, p) => (P(), W("div", null, [
-      m.$slots["top-extra"] ? ue(m.$slots, "top-extra", {
+    }) }), (f, p) => (P(), W("div", null, [
+      f.$slots["top-extra"] ? ue(f.$slots, "top-extra", {
         key: 0,
-        value: m.internalModelValue
+        value: f.internalModelValue
       }) : Z("", !0),
-      m.$slots["month-year"] ? ue(m.$slots, "month-year", at(Xe({ key: 1 }, {
+      f.$slots["month-year"] ? ue(f.$slots, "month-year", at(Xe({ key: 1 }, {
         years: u(o),
         selectYear: u(d)
       }))) : (P(), Pe($a, {
         key: 2,
         items: u(o),
-        "is-last": m.autoApply && !u(v).keepActionRow,
+        "is-last": f.autoApply && !u(v).keepActionRow,
         height: u(v).modeHeight,
-        config: m.config,
-        "no-overlay-focus": !!(m.noOverlayFocus || m.textInput),
+        config: f.config,
+        "no-overlay-focus": !!(f.noOverlayFocus || f.textInput),
         "focus-value": u(c),
         type: "year",
         "use-relative": "",
         onSelected: u(d),
         onHoverValue: u(x)
       }, it({ _: 2 }, [
-        m.$slots["year-overlay-value"] ? {
+        f.$slots["year-overlay-value"] ? {
           name: "item",
           fn: we(({ item: $ }) => [
-            ue(m.$slots, "year-overlay-value", {
+            ue(f.$slots, "year-overlay-value", {
               text: $.text,
               value: $.value
             })
@@ -4914,18 +4914,18 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     "am-pm-change"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, { setTimePickerElements: o, setTimePickerBackRef: s } = Et(), {
+    const a = n, r = e, { setTimePickerElements: o, setTimePickerBackRef: s } = Lt(), {
       defaultedAriaLabels: c,
       defaultedTransitions: d,
       defaultedFilters: x,
       defaultedConfig: v,
-      defaultedRange: m,
+      defaultedRange: f,
       defaultedMultiCalendars: p
     } = Fe(r), { transitionName: $, showTransition: A } = Ca(d), V = xa({
       hours: !1,
       minutes: !1,
       seconds: !1
-    }), C = G("AM"), k = G(null), H = G([]), R = G(), E = G(!1);
+    }), C = G("AM"), k = G(null), H = G([]), R = G(), L = G(!1);
     rt(() => {
       a("mounted");
     });
@@ -4936,13 +4936,13 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       milliseconds: 0
     }), h = j(
       () => (i) => I(i, r[i]) || K(i, r[i])
-    ), D = j(() => ({ hours: r.hours, minutes: r.minutes, seconds: r.seconds })), K = (i, J) => m.value.enabled && !m.value.disableTimeRangeValidation ? !r.validateTime(i, J) : !1, B = (i, J) => {
-      if (m.value.enabled && !m.value.disableTimeRangeValidation) {
+    ), D = j(() => ({ hours: r.hours, minutes: r.minutes, seconds: r.seconds })), K = (i, J) => f.value.enabled && !f.value.disableTimeRangeValidation ? !r.validateTime(i, J) : !1, B = (i, J) => {
+      if (f.value.enabled && !f.value.disableTimeRangeValidation) {
         const ne = J ? +r[`${i}Increment`] : -+r[`${i}Increment`], re = r[i] + ne;
         return !r.validateTime(i, re);
       }
       return !1;
-    }, N = j(() => (i) => !T(+r[i] + +r[`${i}Increment`], i) || B(i, !0)), se = j(() => (i) => !T(+r[i] - +r[`${i}Increment`], i) || B(i, !1)), ve = (i, J) => cr(Ve(U(), i), J), ye = (i, J) => fs(Ve(U(), i), J), y = j(
+    }, N = j(() => (i) => !T(+r[i] + +r[`${i}Increment`], i) || B(i, !0)), se = j(() => (i) => !T(+r[i] - +r[`${i}Increment`], i) || B(i, !1)), ve = (i, J) => cr(Ve(U(), i), J), ye = (i, J) => ms(Ve(U(), i), J), y = j(
       () => ({
         dp__time_col: !0,
         dp__time_col_block: !r.timePickerInline,
@@ -4953,7 +4953,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
         dp__time_col_sec_with_button: r.enableSeconds && !r.is24
       })
     ), O = j(
-      () => r.timePickerInline && m.value.enabled && !p.value.count
+      () => r.timePickerInline && f.value.enabled && !p.value.count
     ), g = j(() => {
       const i = [{ type: "hours" }];
       return r.enableMinutes && i.push({ type: "", separator: !0 }, {
@@ -4977,18 +4977,18 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       for (let Ye = xe; Ye < ne; Ye += re)
         De.push({ value: r.is24 ? Ye : te(Ye, i), text: Ye < 10 ? `0${Ye}` : `${Ye}` });
       return i === "hours" && !r.is24 && De.unshift({ value: C.value === "PM" ? 12 : 0, text: "12" }), ia(De, (Ye) => ({ active: !1, disabled: x.value.times[i].includes(Ye.value) || !T(Ye.value, i) || I(i, Ye.value) || K(i, Ye.value) }));
-    }, de = (i) => i >= 0 ? i : 59, f = (i) => i >= 0 ? i : 23, T = (i, J) => {
+    }, de = (i) => i >= 0 ? i : 59, m = (i) => i >= 0 ? i : 23, T = (i, J) => {
       const ne = r.minTime ? _(Ja(r.minTime)) : null, re = r.maxTime ? _(Ja(r.maxTime)) : null, xe = _(
         Ja(
           D.value,
           J,
-          J === "minutes" || J === "seconds" ? de(i) : f(i)
+          J === "minutes" || J === "seconds" ? de(i) : m(i)
         )
       );
       return ne && re ? (sa(xe, re) || na(xe, re)) && (Gt(xe, ne) || na(xe, ne)) : ne ? Gt(xe, ne) || na(xe, ne) : re ? sa(xe, re) || na(xe, re) : !0;
     }, F = (i) => r[`no${i[0].toUpperCase() + i.slice(1)}Overlay`], q = (i) => {
-      F(i) || (V[i] = !V[i], V[i] ? (E.value = !0, a("overlay-opened", i)) : (E.value = !1, a("overlay-closed", i)));
-    }, l = (i) => i === "hours" ? Rt : i === "minutes" ? Lt : oa, M = () => {
+      F(i) || (V[i] = !V[i], V[i] ? (L.value = !0, a("overlay-opened", i)) : (L.value = !1, a("overlay-closed", i)));
+    }, l = (i) => i === "hours" ? Rt : i === "minutes" ? Et : oa, M = () => {
       R.value && clearTimeout(R.value);
     }, oe = (i, J = !0, ne) => {
       const re = J ? ve : ye, xe = J ? +r[`${i}Increment`] : -+r[`${i}Increment`];
@@ -5024,7 +5024,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
             "data-collapsed": O.value && i.enableSeconds
           }, [
             re.separator ? (P(), W(_e, { key: 0 }, [
-              E.value ? Z("", !0) : (P(), W(_e, { key: 0 }, [
+              L.value ? Z("", !0) : (P(), W(_e, { key: 0 }, [
                 _t(":")
               ], 64))
             ], 64)) : (P(), W(_e, { key: 1 }, [
@@ -5038,7 +5038,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
                   dp__inc_dec_button_inline: i.timePickerInline,
                   dp__tp_inline_btn_top: i.timePickerInline,
                   dp__inc_dec_button_disabled: N.value(re.type),
-                  "dp--hidden-el": E.value
+                  "dp--hidden-el": L.value
                 }),
                 "data-test-id": `${re.type}-time-inc-btn-${r.order}`,
                 "aria-label": (De = u(c)) == null ? void 0 : De.incrementValue(re.type),
@@ -5069,7 +5069,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
                   dp__time_display_inline: i.timePickerInline,
                   "dp--time-invalid": h.value(re.type),
                   "dp--time-overlay-btn": !h.value(re.type),
-                  "dp--hidden-el": E.value
+                  "dp--hidden-el": L.value
                 }),
                 disabled: F(re.type),
                 tabindex: "0",
@@ -5096,7 +5096,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
                   dp__inc_dec_button_inline: i.timePickerInline,
                   dp__tp_inline_btn_bottom: i.timePickerInline,
                   dp__inc_dec_button_disabled: se.value(re.type),
-                  "dp--hidden-el": E.value
+                  "dp--hidden-el": L.value
                 }),
                 "data-test-id": `${re.type}-time-dec-btn-${r.order}`,
                 "aria-label": (We = u(c)) == null ? void 0 : We.decrementValue(re.type),
@@ -5222,7 +5222,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     "am-pm-change"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, { buildMatrix: o, setTimePicker: s } = Et(), c = Xt(), { defaultedTransitions: d, defaultedAriaLabels: x, defaultedTextInput: v, defaultedConfig: m, defaultedRange: p } = Fe(r), { transitionName: $, showTransition: A } = Ca(d), { hideNavigationButtons: V } = Wa(), C = G(null), k = G(null), H = G([]), R = G(null), E = G(!1);
+    const a = n, r = e, { buildMatrix: o, setTimePicker: s } = Lt(), c = Xt(), { defaultedTransitions: d, defaultedAriaLabels: x, defaultedTextInput: v, defaultedConfig: f, defaultedRange: p } = Fe(r), { transitionName: $, showTransition: A } = Ca(d), { hideNavigationButtons: V } = Wa(), C = G(null), k = G(null), H = G([]), R = G(null), L = G(!1);
     rt(() => {
       a("mount"), !r.timePicker && r.arrowNavigation ? o([Ze(C.value)], "time") : s(!0, r.timePicker);
     });
@@ -5245,8 +5245,8 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     }, N = j(() => ({
       dp__btn: !0,
       dp__button: !0,
-      dp__button_bottom: r.autoApply && !m.value.keepActionRow
-    })), se = mt(c, "timePicker"), ve = (I, te, Y) => p.value.enabled ? te === 0 ? [I, K.value[1][Y]] : [K.value[0][Y], I] : I, ye = (I) => {
+      dp__button_bottom: r.autoApply && !f.value.keepActionRow
+    })), se = ft(c, "timePicker"), ve = (I, te, Y) => p.value.enabled ? te === 0 ? [I, K.value[1][Y]] : [K.value[0][Y], I] : I, ye = (I) => {
       a("update:hours", I);
     }, y = (I) => {
       a("update:minutes", I);
@@ -5258,9 +5258,9 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
         I && I.focus({ preventScroll: !0 });
       }
     }, z = (I) => {
-      E.value = !1, a("overlay-closed", I);
+      L.value = !1, a("overlay-closed", I);
     }, ee = (I) => {
-      E.value = !0, a("overlay-opened", I);
+      L.value = !0, a("overlay-opened", I);
     };
     return t({ toggleTimePicker: B }), (I, te) => {
       var Y;
@@ -5290,7 +5290,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
           css: u(A) && !I.timePickerInline
         }, {
           default: we(() => {
-            var de, f;
+            var de, m;
             return [
               h.value || I.timePicker || I.timePickerInline ? (P(), W("div", {
                 key: 0,
@@ -5302,7 +5302,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
                   "dp--overlay-absolute": !r.timePicker && !I.timePickerInline,
                   "dp--overlay-relative": r.timePicker
                 }),
-                style: ht(I.timePicker ? { height: `${u(m).modeHeight}px` } : void 0),
+                style: ht(I.timePicker ? { height: `${u(f).modeHeight}px` } : void 0),
                 "aria-label": (de = u(x)) == null ? void 0 : de.timePicker,
                 tabindex: I.timePickerInline ? void 0 : 0
               }, [
@@ -5365,8 +5365,8 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
                     ref_key: "closeTimePickerBtn",
                     ref: k,
                     type: "button",
-                    class: be({ ...N.value, "dp--hidden-el": E.value }),
-                    "aria-label": (f = u(x)) == null ? void 0 : f.closeTimePicker,
+                    class: be({ ...N.value, "dp--hidden-el": L.value }),
+                    "aria-label": (m = u(x)) == null ? void 0 : m.closeTimePicker,
                     tabindex: "0",
                     onKeydown: te[3] || (te[3] = (T) => u(dt)(T, () => B(!1))),
                     onClick: te[4] || (te[4] = (T) => B(!1))
@@ -5386,11 +5386,11 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     };
   }
 }), Gr = (e, t, n, a) => {
-  const { defaultedRange: r } = Fe(e), o = (R, E) => Array.isArray(t[R]) ? t[R][E] : t[R], s = (R) => e.enableSeconds ? Array.isArray(t.seconds) ? t.seconds[R] : t.seconds : 0, c = (R, E) => R ? E !== void 0 ? Bt(R, o("hours", E), o("minutes", E), s(E)) : Bt(R, t.hours, t.minutes, s()) : $r(U(), s(E)), d = (R, E) => {
-    t[R] = E;
-  }, x = j(() => e.modelAuto && r.value.enabled ? Array.isArray(n.value) ? n.value.length > 1 : !1 : r.value.enabled), v = (R, E) => {
+  const { defaultedRange: r } = Fe(e), o = (R, L) => Array.isArray(t[R]) ? t[R][L] : t[R], s = (R) => e.enableSeconds ? Array.isArray(t.seconds) ? t.seconds[R] : t.seconds : 0, c = (R, L) => R ? L !== void 0 ? Bt(R, o("hours", L), o("minutes", L), s(L)) : Bt(R, t.hours, t.minutes, s()) : $r(U(), s(L)), d = (R, L) => {
+    t[R] = L;
+  }, x = j(() => e.modelAuto && r.value.enabled ? Array.isArray(n.value) ? n.value.length > 1 : !1 : r.value.enabled), v = (R, L) => {
     const _ = Object.fromEntries(
-      Object.keys(t).map((h) => h === R ? [h, E] : [h, t[h]].slice())
+      Object.keys(t).map((h) => h === R ? [h, L] : [h, t[h]].slice())
     );
     if (x.value && !r.value.disableTimeRangeValidation) {
       const h = (K) => n.value ? Bt(
@@ -5402,31 +5402,31 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       return !($e(h(0), h(1)) && (Gt(h(0), D(1)) || sa(h(1), D(0))));
     }
     return !0;
-  }, m = (R, E) => {
-    v(R, E) && (d(R, E), a && a());
+  }, f = (R, L) => {
+    v(R, L) && (d(R, L), a && a());
   }, p = (R) => {
-    m("hours", R);
+    f("hours", R);
   }, $ = (R) => {
-    m("minutes", R);
+    f("minutes", R);
   }, A = (R) => {
-    m("seconds", R);
-  }, V = (R, E, _, h) => {
-    E && p(R), !E && !_ && $(R), _ && A(R), n.value && h(n.value);
+    f("seconds", R);
+  }, V = (R, L, _, h) => {
+    L && p(R), !L && !_ && $(R), _ && A(R), n.value && h(n.value);
   }, C = (R) => {
     if (R) {
-      const E = Array.isArray(R), _ = E ? [+R[0].hours, +R[1].hours] : +R.hours, h = E ? [+R[0].minutes, +R[1].minutes] : +R.minutes, D = E ? [+R[0].seconds, +R[1].seconds] : +R.seconds;
+      const L = Array.isArray(R), _ = L ? [+R[0].hours, +R[1].hours] : +R.hours, h = L ? [+R[0].minutes, +R[1].minutes] : +R.minutes, D = L ? [+R[0].seconds, +R[1].seconds] : +R.seconds;
       d("hours", _), d("minutes", h), e.enableSeconds && d("seconds", D);
     }
-  }, k = (R, E) => {
+  }, k = (R, L) => {
     const _ = {
       hours: Array.isArray(t.hours) ? t.hours[R] : t.hours,
       disabledArr: []
     };
-    return (E || E === 0) && (_.hours = E), Array.isArray(e.disabledTimes) && (_.disabledArr = r.value.enabled && Array.isArray(e.disabledTimes[R]) ? e.disabledTimes[R] : e.disabledTimes), _;
-  }, H = j(() => (R, E) => {
+    return (L || L === 0) && (_.hours = L), Array.isArray(e.disabledTimes) && (_.disabledArr = r.value.enabled && Array.isArray(e.disabledTimes[R]) ? e.disabledTimes[R] : e.disabledTimes), _;
+  }, H = j(() => (R, L) => {
     var _;
     if (Array.isArray(e.disabledTimes)) {
-      const { disabledArr: h, hours: D } = k(R, E), K = h.filter((B) => +B.hours === D);
+      const { disabledArr: h, hours: D } = k(R, L), K = h.filter((B) => +B.hours === D);
       return ((_ = K[0]) == null ? void 0 : _.minutes) === "*" ? { hours: [D], minutes: void 0, seconds: void 0 } : {
         hours: [],
         minutes: K?.map((B) => +B.minutes) ?? [],
@@ -5449,8 +5449,8 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   };
 }, Ti = (e, t) => {
   const n = () => {
-    e.isTextInputDate && E();
-  }, { modelValue: a, time: r } = Oa(e, t, n), { defaultedStartTime: o, defaultedRange: s, defaultedTz: c } = Fe(e), { updateTimeValues: d, getSetDateTime: x, setTime: v, assignStartTime: m, disabledTimesConfig: p, validateTime: $ } = Gr(e, r, a, A);
+    e.isTextInputDate && L();
+  }, { modelValue: a, time: r } = Oa(e, t, n), { defaultedStartTime: o, defaultedRange: s, defaultedTz: c } = Fe(e), { updateTimeValues: d, getSetDateTime: x, setTime: v, assignStartTime: f, disabledTimesConfig: p, validateTime: $ } = Gr(e, r, a, A);
   function A() {
     t("update-flow-step");
   }
@@ -5478,7 +5478,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       a.value = vt(x(C()), c.value.timezone);
   }, H = (h) => Array.isArray(h) ? [Qt(U(h[0])), Qt(U(h[1]))] : [Qt(h ?? U())], R = (h, D, K) => {
     v("hours", h), v("minutes", D), v("seconds", e.enableSeconds ? K : 0);
-  }, E = () => {
+  }, L = () => {
     const [h, D] = H(a.value);
     return s.value.enabled ? R(
       [h.hours, D.hours],
@@ -5488,7 +5488,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   };
   rt(() => {
     if (!e.shadow)
-      return m(o.value), a.value ? E() : k();
+      return f(o.value), a.value ? L() : k();
   });
   const _ = () => {
     Array.isArray(a.value) ? a.value = a.value.map((h, D) => h && x(h, D)) : a.value = x(a.value), t("time-update");
@@ -5520,17 +5520,17 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     "overlay-toggle"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, o = Xt(), s = mt(o, "timePicker"), c = G(null), { time: d, modelValue: x, disabledTimesConfig: v, updateTime: m, validateTime: p } = Ti(r, a);
+    const a = n, r = e, o = Xt(), s = ft(o, "timePicker"), c = G(null), { time: d, modelValue: x, disabledTimesConfig: v, updateTime: f, validateTime: p } = Ti(r, a);
     return rt(() => {
       r.shadow || a("mount", null);
     }), t({ getSidebarProps: () => ({
       modelValue: x,
       time: d,
-      updateTime: m
+      updateTime: f
     }), toggleTimePicker: ($, A = !1, V = "") => {
       var C;
       (C = c.value) == null || C.toggleTimePicker($, A, V);
-    } }), ($, A) => (P(), Pe(La, {
+    } }), ($, A) => (P(), Pe(Ea, {
       "multi-calendars": 0,
       stretch: "",
       "is-mobile": $.isMobile
@@ -5546,9 +5546,9 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
           "internal-model-value": $.internalModelValue,
           "disabled-times-config": u(v),
           "validate-time": u(p),
-          "onUpdate:hours": A[0] || (A[0] = (V) => u(m)(V)),
-          "onUpdate:minutes": A[1] || (A[1] = (V) => u(m)(V, !1)),
-          "onUpdate:seconds": A[2] || (A[2] = (V) => u(m)(V, !1, !0)),
+          "onUpdate:hours": A[0] || (A[0] = (V) => u(f)(V)),
+          "onUpdate:minutes": A[1] || (A[1] = (V) => u(f)(V, !1)),
+          "onUpdate:seconds": A[2] || (A[2] = (V) => u(f)(V, !1, !0)),
           onAmPmChange: A[3] || (A[3] = (V) => $.$emit("am-pm-change", V)),
           onResetFlow: A[4] || (A[4] = (V) => $.$emit("reset-flow")),
           onOverlayClosed: A[5] || (A[5] = (V) => $.$emit("overlay-toggle", { open: !1, overlay: V })),
@@ -5590,51 +5590,51 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       defaultedFilters: d,
       defaultedConfig: x,
       defaultedHighlight: v,
-      propDates: m,
+      propDates: f,
       defaultedUI: p
-    } = Fe(r), { transitionName: $, showTransition: A } = Ca(o), { buildMatrix: V } = Et(), { handleMonthYearChange: C, isDisabled: k, updateMonthYear: H } = ei(r, a), { showLeftIcon: R, showRightIcon: E } = Wa(), _ = G(!1), h = G(!1), D = G(!1), K = G([null, null, null, null]);
+    } = Fe(r), { transitionName: $, showTransition: A } = Ca(o), { buildMatrix: V } = Lt(), { handleMonthYearChange: C, isDisabled: k, updateMonthYear: H } = ei(r, a), { showLeftIcon: R, showRightIcon: L } = Wa(), _ = G(!1), h = G(!1), D = G(!1), K = G([null, null, null, null]);
     rt(() => {
       a("mount");
     });
-    const B = (f) => ({
-      get: () => r[f],
+    const B = (m) => ({
+      get: () => r[m],
       set: (T) => {
-        const F = f === yt.month ? yt.year : yt.month;
-        a("update-month-year", { [f]: T, [F]: r[F] }), f === yt.month ? z(!0) : ee(!0);
+        const F = m === yt.month ? yt.year : yt.month;
+        a("update-month-year", { [m]: T, [F]: r[F] }), m === yt.month ? z(!0) : ee(!0);
       }
-    }), N = j(B(yt.month)), se = j(B(yt.year)), ve = j(() => (f) => ({
+    }), N = j(B(yt.month)), se = j(B(yt.year)), ve = j(() => (m) => ({
       month: r.month,
       year: r.year,
-      items: f === yt.month ? r.months : r.years,
+      items: m === yt.month ? r.months : r.years,
       instance: r.instance,
       updateMonthYear: H,
-      toggle: f === yt.month ? z : ee
-    })), ye = j(() => r.months.find((T) => T.value === r.month) || { text: "", value: 0 }), y = j(() => ia(r.months, (f) => {
-      const T = r.month === f.value, F = ka(
-        f.value,
-        Nr(r.year, m.value.minDate),
-        Ir(r.year, m.value.maxDate)
-      ) || d.value.months.includes(f.value), q = Wr(v.value, f.value, r.year);
+      toggle: m === yt.month ? z : ee
+    })), ye = j(() => r.months.find((T) => T.value === r.month) || { text: "", value: 0 }), y = j(() => ia(r.months, (m) => {
+      const T = r.month === m.value, F = ka(
+        m.value,
+        Nr(r.year, f.value.minDate),
+        Ir(r.year, f.value.maxDate)
+      ) || d.value.months.includes(m.value), q = Wr(v.value, m.value, r.year);
       return { active: T, disabled: F, highlighted: q };
-    })), O = j(() => ia(r.years, (f) => {
-      const T = r.year === f.value, F = ka(
-        f.value,
-        ua(m.value.minDate),
-        ua(m.value.maxDate)
-      ) || d.value.years.includes(f.value), q = Sn(v.value, f.value);
+    })), O = j(() => ia(r.years, (m) => {
+      const T = r.year === m.value, F = ka(
+        m.value,
+        ua(f.value.minDate),
+        ua(f.value.maxDate)
+      ) || d.value.years.includes(m.value), q = Sn(v.value, m.value);
       return { active: T, disabled: F, highlighted: q };
-    })), g = (f, T, F) => {
-      F !== void 0 ? f.value = F : f.value = !f.value, f.value ? (D.value = !0, a("overlay-opened", T)) : (D.value = !1, a("overlay-closed", T));
-    }, z = (f = !1, T) => {
-      I(f), g(_, ot.month, T);
-    }, ee = (f = !1, T) => {
-      I(f), g(h, ot.year, T);
-    }, I = (f) => {
-      f || a("reset-flow");
-    }, te = (f, T) => {
-      r.arrowNavigation && (K.value[T] = Ze(f), V(K.value, "monthYear"));
+    })), g = (m, T, F) => {
+      F !== void 0 ? m.value = F : m.value = !m.value, m.value ? (D.value = !0, a("overlay-opened", T)) : (D.value = !1, a("overlay-closed", T));
+    }, z = (m = !1, T) => {
+      I(m), g(_, ot.month, T);
+    }, ee = (m = !1, T) => {
+      I(m), g(h, ot.year, T);
+    }, I = (m) => {
+      m || a("reset-flow");
+    }, te = (m, T) => {
+      r.arrowNavigation && (K.value[T] = Ze(m), V(K.value, "monthYear"));
     }, Y = j(() => {
-      var f, T, F, q, l, M;
+      var m, T, F, q, l, M;
       return [
         {
           type: yt.month,
@@ -5645,7 +5645,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
           text: ye.value.text,
           showSelectionGrid: _.value,
           items: y.value,
-          ariaLabel: (f = s.value) == null ? void 0 : f.openMonthsOverlay,
+          ariaLabel: (m = s.value) == null ? void 0 : m.openMonthsOverlay,
           overlayLabel: ((F = (T = s.value).monthPicker) == null ? void 0 : F.call(T, !0)) ?? void 0
         },
         {
@@ -5666,11 +5666,11 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       toggleMonthPicker: z,
       toggleYearPicker: ee,
       handleMonthYearChange: C
-    }), (f, T) => {
+    }), (m, T) => {
       var F, q, l, M, oe, Ae;
       return P(), W("div", Ci, [
-        f.$slots["month-year"] ? (P(), W("div", Oi, [
-          ue(f.$slots, "month-year", at(ct({
+        m.$slots["month-year"] ? (P(), W("div", Oi, [
+          ue(m.$slots, "month-year", at(ct({
             month: e.month,
             year: e.year,
             months: e.months,
@@ -5681,11 +5681,11 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
             isDisabled: u(k)
           })))
         ])) : (P(), W(_e, { key: 1 }, [
-          f.$slots["top-extra"] ? (P(), W("div", Ai, [
-            ue(f.$slots, "top-extra", { value: f.internalModelValue })
+          m.$slots["top-extra"] ? (P(), W("div", Ai, [
+            ue(m.$slots, "top-extra", { value: m.internalModelValue })
           ])) : Z("", !0),
           ce("div", Yi, [
-            u(R)(u(c), e.instance) && !f.vertical ? (P(), Pe(wa, {
+            u(R)(u(c), e.instance) && !m.vertical ? (P(), Pe(wa, {
               key: 0,
               "aria-label": (F = u(s)) == null ? void 0 : F.prevMonth,
               disabled: u(k)(!1),
@@ -5695,14 +5695,14 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
               onSetRef: T[1] || (T[1] = (S) => te(S, 0))
             }, {
               default: we(() => [
-                f.$slots["arrow-left"] ? ue(f.$slots, "arrow-left", { key: 0 }) : Z("", !0),
-                f.$slots["arrow-left"] ? Z("", !0) : (P(), Pe(u(Mn), { key: 1 }))
+                m.$slots["arrow-left"] ? ue(m.$slots, "arrow-left", { key: 0 }) : Z("", !0),
+                m.$slots["arrow-left"] ? Z("", !0) : (P(), Pe(u(Mn), { key: 1 }))
               ]),
               _: 3
             }, 8, ["aria-label", "disabled", "class"])) : Z("", !0),
             ce("div", {
               class: be(["dp__month_year_wrap", {
-                dp__year_disable_select: f.disableYearSelect
+                dp__year_disable_select: m.disableYearSelect
               }])
             }, [
               (P(!0), W(_e, null, Ie(de.value, (S, ke) => (P(), W(_e, {
@@ -5719,12 +5719,12 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
                   onClick: S.toggle,
                   onKeydown: (Q) => u(dt)(Q, () => S.toggle(), !0)
                 }, [
-                  f.$slots[S.type] ? ue(f.$slots, S.type, {
+                  m.$slots[S.type] ? ue(m.$slots, S.type, {
                     key: 0,
                     text: S.text,
                     value: r[S.type]
                   }) : Z("", !0),
-                  f.$slots[S.type] ? Z("", !0) : (P(), W(_e, { key: 1 }, [
+                  m.$slots[S.type] ? Z("", !0) : (P(), W(_e, { key: 1 }, [
                     _t(Qe(S.text), 1)
                   ], 64))
                 ], 42, Si),
@@ -5736,48 +5736,48 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
                     S.showSelectionGrid ? (P(), Pe($a, {
                       key: 0,
                       items: S.items,
-                      "arrow-navigation": f.arrowNavigation,
-                      "hide-navigation": f.hideNavigation,
-                      "is-last": f.autoApply && !u(x).keepActionRow,
+                      "arrow-navigation": m.arrowNavigation,
+                      "hide-navigation": m.hideNavigation,
+                      "is-last": m.autoApply && !u(x).keepActionRow,
                       "skip-button-ref": !1,
-                      config: f.config,
+                      config: m.config,
                       type: S.type,
                       "header-refs": [],
-                      "esc-close": f.escClose,
-                      "menu-wrap-ref": f.menuWrapRef,
-                      "text-input": f.textInput,
-                      "aria-labels": f.ariaLabels,
+                      "esc-close": m.escClose,
+                      "menu-wrap-ref": m.menuWrapRef,
+                      "text-input": m.textInput,
+                      "aria-labels": m.ariaLabels,
                       "overlay-label": S.overlayLabel,
                       onSelected: S.updateModelValue,
                       onToggle: S.toggle
                     }, it({
                       "button-icon": we(() => [
-                        f.$slots["calendar-icon"] ? ue(f.$slots, "calendar-icon", { key: 0 }) : Z("", !0),
-                        f.$slots["calendar-icon"] ? Z("", !0) : (P(), Pe(u(va), { key: 1 }))
+                        m.$slots["calendar-icon"] ? ue(m.$slots, "calendar-icon", { key: 0 }) : Z("", !0),
+                        m.$slots["calendar-icon"] ? Z("", !0) : (P(), Pe(u(va), { key: 1 }))
                       ]),
                       _: 2
                     }, [
-                      f.$slots[`${S.type}-overlay-value`] ? {
+                      m.$slots[`${S.type}-overlay-value`] ? {
                         name: "item",
                         fn: we(({ item: Q }) => [
-                          ue(f.$slots, `${S.type}-overlay-value`, {
+                          ue(m.$slots, `${S.type}-overlay-value`, {
                             text: Q.text,
                             value: Q.value
                           })
                         ]),
                         key: "0"
                       } : void 0,
-                      f.$slots[`${S.type}-overlay`] ? {
+                      m.$slots[`${S.type}-overlay`] ? {
                         name: "overlay",
                         fn: we(() => [
-                          ue(f.$slots, `${S.type}-overlay`, Xe({ ref_for: !0 }, ve.value(S.type)))
+                          ue(m.$slots, `${S.type}-overlay`, Xe({ ref_for: !0 }, ve.value(S.type)))
                         ]),
                         key: "1"
                       } : void 0,
-                      f.$slots[`${S.type}-overlay-header`] ? {
+                      m.$slots[`${S.type}-overlay-header`] ? {
                         name: "header",
                         fn: we(() => [
-                          ue(f.$slots, `${S.type}-overlay-header`, {
+                          ue(m.$slots, `${S.type}-overlay-header`, {
                             toggle: S.toggle
                           })
                         ]),
@@ -5789,7 +5789,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
                 }, 1032, ["name", "css"])
               ], 64))), 128))
             ], 2),
-            u(R)(u(c), e.instance) && f.vertical ? (P(), Pe(wa, {
+            u(R)(u(c), e.instance) && m.vertical ? (P(), Pe(wa, {
               key: 1,
               "aria-label": (l = u(s)) == null ? void 0 : l.prevMonth,
               "el-name": "action-prev",
@@ -5798,12 +5798,12 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
               onActivate: T[2] || (T[2] = (S) => u(C)(!1, !0))
             }, {
               default: we(() => [
-                f.$slots["arrow-up"] ? ue(f.$slots, "arrow-up", { key: 0 }) : Z("", !0),
-                f.$slots["arrow-up"] ? Z("", !0) : (P(), Pe(u(Tn), { key: 1 }))
+                m.$slots["arrow-up"] ? ue(m.$slots, "arrow-up", { key: 0 }) : Z("", !0),
+                m.$slots["arrow-up"] ? Z("", !0) : (P(), Pe(u(Tn), { key: 1 }))
               ]),
               _: 3
             }, 8, ["aria-label", "disabled", "class"])) : Z("", !0),
-            u(E)(u(c), e.instance) ? (P(), Pe(wa, {
+            u(L)(u(c), e.instance) ? (P(), Pe(wa, {
               key: 2,
               ref: "rightIcon",
               "el-name": "action-next",
@@ -5811,11 +5811,11 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
               "aria-label": (oe = u(s)) == null ? void 0 : oe.nextMonth,
               class: be((Ae = u(p)) == null ? void 0 : Ae.navBtnNext),
               onActivate: T[3] || (T[3] = (S) => u(C)(!0, !0)),
-              onSetRef: T[4] || (T[4] = (S) => te(S, f.disableYearSelect ? 2 : 3))
+              onSetRef: T[4] || (T[4] = (S) => te(S, m.disableYearSelect ? 2 : 3))
             }, {
               default: we(() => [
-                f.$slots[f.vertical ? "arrow-down" : "arrow-right"] ? ue(f.$slots, f.vertical ? "arrow-down" : "arrow-right", { key: 0 }) : Z("", !0),
-                f.$slots[f.vertical ? "arrow-down" : "arrow-right"] ? Z("", !0) : (P(), Pe(Pa(f.vertical ? u($n) : u(xn)), { key: 1 }))
+                m.$slots[m.vertical ? "arrow-down" : "arrow-right"] ? ue(m.$slots, m.vertical ? "arrow-down" : "arrow-right", { key: 0 }) : Z("", !0),
+                m.$slots[m.vertical ? "arrow-down" : "arrow-right"] ? Z("", !0) : (P(), Pe(Pa(m.vertical ? u($n) : u(xn)), { key: 1 }))
               ]),
               _: 3
             }, 8, ["disabled", "aria-label", "class"])) : Z("", !0)
@@ -5835,7 +5835,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   key: 0,
   class: "dp__calendar_item dp__week_num",
   role: "gridcell"
-}, Fi = { class: "dp__cell_inner" }, Bi = ["id", "aria-pressed", "aria-disabled", "aria-label", "tabindex", "data-test-id", "onClick", "onTouchend", "onKeydown", "onMouseenter", "onMouseleave", "onMousedown"], Li = /* @__PURE__ */ Ge({
+}, Fi = { class: "dp__cell_inner" }, Bi = ["id", "aria-pressed", "aria-disabled", "aria-label", "tabindex", "data-test-id", "onClick", "onTouchend", "onKeydown", "onMouseenter", "onMouseleave", "onMousedown"], Ei = /* @__PURE__ */ Ge({
   compatConfig: {
     MODE: 3
   },
@@ -5858,19 +5858,19 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     "tooltip-close"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, { buildMultiLevelMatrix: o } = Et(), {
+    const a = n, r = e, { buildMultiLevelMatrix: o } = Lt(), {
       defaultedTransitions: s,
       defaultedConfig: c,
       defaultedAriaLabels: d,
       defaultedMultiCalendars: x,
       defaultedWeekNumbers: v,
-      defaultedMultiDates: m,
+      defaultedMultiDates: f,
       defaultedUI: p
     } = Fe(r), $ = G(null), A = G({
       bottom: "",
       left: "",
       transform: ""
-    }), V = G([]), C = G(null), k = G(!0), H = G(""), R = G({ startX: 0, endX: 0, startY: 0, endY: 0 }), E = G([]), _ = G({ left: "50%" }), h = G(!1), D = j(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), K = j(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : bs(r.formatLocale, r.locale, +r.weekStart));
+    }), V = G([]), C = G(null), k = G(!0), H = G(""), R = G({ startX: 0, endX: 0, startY: 0, endY: 0 }), L = G([]), _ = G({ left: "50%" }), h = G(!1), D = j(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), K = j(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : bs(r.formatLocale, r.locale, +r.weekStart));
     rt(() => {
       a("mount", { cmp: "calendar", refs: V }), c.value.noSwipe || C.value && (C.value.addEventListener("touchstart", te, { passive: !1 }), C.value.addEventListener("touchend", Y, { passive: !1 }), C.value.addEventListener("touchmove", de, { passive: !1 })), r.monthChangeOnScroll && C.value && C.value.addEventListener("wheel", F, { passive: !1 });
     }), da(() => {
@@ -5900,8 +5900,8 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       const { width: Q, height: ae } = S.getBoundingClientRect();
       $.value = ke.value;
       let i = { left: `${Q / 2}px` }, J = -50;
-      if (await st(), E.value[0]) {
-        const { left: ne, width: re } = E.value[0].getBoundingClientRect();
+      if (await st(), L.value[0]) {
+        const { left: ne, width: re } = L.value[0].getBoundingClientRect();
         ne < 0 && (i = { left: "0" }, J = 0, _.value.left = `${Q / 2}px`), window.innerWidth < ne + re && (i = { right: "0" }, J = 0, _.value.left = `${re - Q / 2}px`);
       }
       A.value = {
@@ -5915,7 +5915,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       ne && ((ae = S.marker) != null && ae.customPosition && (J = (i = S.marker) == null ? void 0 : i.tooltip) != null && J.length ? A.value = S.marker.customPosition(ne) : await g(ne, S), a("tooltip-open", S.marker));
     }, ee = async (S, ke, Q) => {
       var ae, i;
-      if (h.value && m.value.enabled && m.value.dragSelect)
+      if (h.value && f.value.enabled && f.value.dragSelect)
         return a("select-date", S);
       if (a("set-hover-date", S), (i = (ae = S.marker) == null ? void 0 : ae.tooltip) != null && i.length) {
         if (r.hideOffsetDates && !S.current) return;
@@ -5926,10 +5926,10 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     }, te = (S) => {
       R.value.startX = S.changedTouches[0].screenX, R.value.startY = S.changedTouches[0].screenY;
     }, Y = (S) => {
-      R.value.endX = S.changedTouches[0].screenX, R.value.endY = S.changedTouches[0].screenY, f();
+      R.value.endX = S.changedTouches[0].screenX, R.value.endY = S.changedTouches[0].screenY, m();
     }, de = (S) => {
       r.vertical && !r.inline && S.preventDefault();
-    }, f = () => {
+    }, m = () => {
       const S = r.vertical ? "Y" : "X";
       Math.abs(R.value[`start${S}`] - R.value[`end${S}`]) > 10 && a("handle-swipe", R.value[`start${S}`] > R.value[`end${S}`] ? "right" : "left");
     }, T = (S, ke, Q) => {
@@ -5940,11 +5940,11 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       const ke = S[0];
       return v.value.hideOnOffsetDates ? S.some((Q) => Q.current) ? q(ke) : "" : q(ke);
     }, M = (S, ke, Q = !0) => {
-      !Q && Ts() || (!m.value.enabled || c.value.allowPreventDefault) && (Ft(S, c.value), a("select-date", ke));
+      !Q && Ts() || (!f.value.enabled || c.value.allowPreventDefault) && (Ft(S, c.value), a("select-date", ke));
     }, oe = (S) => {
       Ft(S, c.value);
     }, Ae = (S) => {
-      m.value.enabled && m.value.dragSelect ? (h.value = !0, a("select-date", S)) : m.value.enabled && a("select-date", S);
+      f.value.enabled && f.value.dragSelect ? (h.value = !0, a("select-date", S)) : f.value.enabled && a("select-date", S);
     };
     return t({ triggerTransition: N }), (S, ke) => (P(), W("div", {
       class: be(y.value)
@@ -6046,7 +6046,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
                         key: 3,
                         ref_for: !0,
                         ref_key: "activeTooltip",
-                        ref: E,
+                        ref: L,
                         class: "dp__marker_tooltip",
                         style: ht(A.value)
                       }, [
@@ -6089,8 +6089,8 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       ], 2)
     ], 2));
   }
-}), lr = (e) => Array.isArray(e), Ei = (e, t, n, a) => {
-  const r = G([]), o = G(/* @__PURE__ */ new Date()), s = G(), c = () => Y(e.isTextInputDate), { modelValue: d, calendars: x, time: v, today: m } = Oa(e, t, c), {
+}), lr = (e) => Array.isArray(e), Li = (e, t, n, a) => {
+  const r = G([]), o = G(/* @__PURE__ */ new Date()), s = G(), c = () => Y(e.isTextInputDate), { modelValue: d, calendars: x, time: v, today: f } = Oa(e, t, c), {
     defaultedMultiCalendars: p,
     defaultedStartTime: $,
     defaultedRange: A,
@@ -6098,13 +6098,13 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     defaultedTz: C,
     propDates: k,
     defaultedMultiDates: H
-  } = Fe(e), { validateMonthYearInRange: R, isDisabled: E, isDateRangeAllowed: _, checkMinMaxRange: h } = Wt(e), { updateTimeValues: D, getSetDateTime: K, setTime: B, assignStartTime: N, validateTime: se, disabledTimesConfig: ve } = Gr(e, v, d, a), ye = j(
+  } = Fe(e), { validateMonthYearInRange: R, isDisabled: L, isDateRangeAllowed: _, checkMinMaxRange: h } = Wt(e), { updateTimeValues: D, getSetDateTime: K, setTime: B, assignStartTime: N, validateTime: se, disabledTimesConfig: ve } = Gr(e, v, d, a), ye = j(
     () => (b) => x.value[b] ? x.value[b].month : 0
   ), y = j(
     () => (b) => x.value[b] ? x.value[b].year : 0
   ), O = (b) => !V.value.keepViewOnOffsetClick || b ? !0 : !s.value, g = (b, X, pe, Me = !1) => {
-    var L, ie;
-    O(Me) && (x.value[b] || (x.value[b] = { month: 0, year: 0 }), x.value[b].month = Jn(X) ? (L = x.value[b]) == null ? void 0 : L.month : X, x.value[b].year = Jn(pe) ? (ie = x.value[b]) == null ? void 0 : ie.year : pe);
+    var E, ie;
+    O(Me) && (x.value[b] || (x.value[b] = { month: 0, year: 0 }), x.value[b].month = Jn(X) ? (E = x.value[b]) == null ? void 0 : E.month : X, x.value[b].year = Jn(pe) ? (ie = x.value[b]) == null ? void 0 : ie.year : pe);
   }, z = () => {
     e.autoApply && t("select-date");
   }, ee = () => {
@@ -6122,15 +6122,15 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     if (d.value)
       return Array.isArray(d.value) ? (r.value = d.value, M(b)) : T(d.value, b);
     if (p.value.count && b && !e.startDate)
-      return f(U(), b);
-  }, de = () => Array.isArray(d.value) && A.value.enabled ? Te(d.value[0]) === Te(d.value[1] ?? d.value[0]) : !1, f = (b = /* @__PURE__ */ new Date(), X = !1) => {
+      return m(U(), b);
+  }, de = () => Array.isArray(d.value) && A.value.enabled ? Te(d.value[0]) === Te(d.value[1] ?? d.value[0]) : !1, m = (b = /* @__PURE__ */ new Date(), X = !1) => {
     if ((!p.value.count || !p.value.static || X) && g(0, Te(b), ge(b)), p.value.count && (!d.value || de() || !p.value.solo) && (!p.value.solo || X))
       for (let pe = 1; pe < p.value.count; pe++) {
-        const Me = Ve(U(), { month: ye.value(pe - 1), year: y.value(pe - 1) }), L = cr(Me, { months: 1 });
-        x.value[pe] = { month: Te(L), year: ge(L) };
+        const Me = Ve(U(), { month: ye.value(pe - 1), year: y.value(pe - 1) }), E = cr(Me, { months: 1 });
+        x.value[pe] = { month: Te(E), year: ge(E) };
       }
   }, T = (b, X) => {
-    f(b), B("hours", Rt(b)), B("minutes", Lt(b)), B("seconds", oa(b)), p.value.count && X && S();
+    m(b), B("hours", Rt(b)), B("minutes", Et(b)), B("seconds", oa(b)), p.value.count && X && S();
   }, F = (b) => {
     if (p.value.count) {
       if (p.value.solo) return 0;
@@ -6139,12 +6139,12 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     }
     return 1;
   }, q = (b, X) => {
-    b[1] && A.value.showLastInRange ? f(b[F(b)], X) : f(b[0], X);
-    const pe = (Me, L) => [
+    b[1] && A.value.showLastInRange ? m(b[F(b)], X) : m(b[0], X);
+    const pe = (Me, E) => [
       Me(b[0]),
-      b[1] ? Me(b[1]) : v[L][1]
+      b[1] ? Me(b[1]) : v[E][1]
     ];
-    B("hours", pe(Rt, "hours")), B("minutes", pe(Lt, "minutes")), B("seconds", pe(oa, "seconds"));
+    B("hours", pe(Rt, "hours")), B("minutes", pe(Et, "minutes")), B("seconds", pe(oa, "seconds"));
   }, l = (b, X) => {
     if ((A.value.enabled || e.weekPicker) && !H.value.enabled)
       return q(b, X);
@@ -6171,16 +6171,16 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     if (Array.isArray(d.value) && d.value.length === 2) {
       const b = U(
         U(d.value[1] ? d.value[1] : bt(d.value[0], 1))
-      ), [X, pe] = [Te(d.value[0]), ge(d.value[0])], [Me, L] = [Te(d.value[1]), ge(d.value[1])];
-      (X !== Me || X === Me && pe !== L) && p.value.solo && g(1, Te(b), ge(b));
-    } else d.value && !Array.isArray(d.value) && (g(0, Te(d.value), ge(d.value)), f(U()));
+      ), [X, pe] = [Te(d.value[0]), ge(d.value[0])], [Me, E] = [Te(d.value[1]), ge(d.value[1])];
+      (X !== Me || X === Me && pe !== E) && p.value.solo && g(1, Te(b), ge(b));
+    } else d.value && !Array.isArray(d.value) && (g(0, Te(d.value), ge(d.value)), m(U()));
   }, ke = () => {
     e.startDate && (g(0, Te(U(e.startDate)), ge(U(e.startDate))), p.value.count && Ae(0));
   }, Q = (b, X) => {
     if (e.monthChangeOnScroll) {
       const pe = (/* @__PURE__ */ new Date()).getTime() - o.value.getTime(), Me = Math.abs(b.deltaY);
-      let L = 500;
-      Me > 1 && (L = 100), Me > 100 && (L = 0), pe > L && (o.value = /* @__PURE__ */ new Date(), oe(e.monthChangeOnScroll !== "inverse" ? -b.deltaY : b.deltaY, X));
+      let E = 500;
+      Me > 1 && (E = 100), Me > 100 && (E = 0), pe > E && (o.value = /* @__PURE__ */ new Date(), oe(e.monthChangeOnScroll !== "inverse" ? -b.deltaY : b.deltaY, X));
     }
   }, ae = (b, X, pe = !1) => {
     e.monthChangeOnArrows && e.vertical === pe && i(b, X);
@@ -6204,8 +6204,8 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     }
   }, re = (b, X, pe, Me) => {
     if (e.sixWeeks && b.length < 6) {
-      const L = 6 - b.length, ie = (X.getDay() + 7 - Me) % 7, fe = 6 - (pe.getDay() + 7 - Me) % 7, [At, Pt] = ne(ie, fe);
-      for (let zt = 1; zt <= L; zt++)
+      const E = 6 - b.length, ie = (X.getDay() + 7 - Me) % 7, me = 6 - (pe.getDay() + 7 - Me) % 7, [At, Pt] = ne(ie, me);
+      for (let zt = 1; zt <= E; zt++)
         if (Pt ? !!(zt % 2) == At : At) {
           const Vt = b[0].days[0], Ga = xe(pt(Vt.value, -7), Te(X));
           b.unshift({ days: Ga });
@@ -6217,33 +6217,33 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     return b;
   }, xe = (b, X) => {
     const pe = U(b), Me = [];
-    for (let L = 0; L < 7; L++) {
-      const ie = pt(pe, L), fe = Te(ie) !== X;
+    for (let E = 0; E < 7; E++) {
+      const ie = pt(pe, E), me = Te(ie) !== X;
       Me.push({
-        text: e.hideOffsetDates && fe ? "" : ie.getDate(),
+        text: e.hideOffsetDates && me ? "" : ie.getDate(),
         value: ie,
-        current: !fe,
+        current: !me,
         classData: {}
       });
     }
     return Me;
   }, De = (b, X) => {
-    const pe = [], Me = new Date(X, b), L = new Date(X, b + 1, 0), ie = e.weekStart, fe = kt(Me, { weekStartsOn: ie }), At = (Pt) => {
+    const pe = [], Me = new Date(X, b), E = new Date(X, b + 1, 0), ie = e.weekStart, me = kt(Me, { weekStartsOn: ie }), At = (Pt) => {
       const zt = xe(Pt, b);
       if (pe.push({ days: zt }), !pe[pe.length - 1].days.some(
-        (Vt) => $e(nt(Vt.value), nt(L))
+        (Vt) => $e(nt(Vt.value), nt(E))
       )) {
         const Vt = pt(Pt, 7);
         At(Vt);
       }
     };
-    return At(fe), re(pe, Me, L, ie);
+    return At(me), re(pe, Me, E, ie);
   }, Ye = (b) => {
-    const X = Bt(U(b.value), v.hours, v.minutes, me());
+    const X = Bt(U(b.value), v.hours, v.minutes, fe());
     t("date-update", X), H.value.enabled ? Rn(X, d, H.value.limit) : d.value = X, a(), st().then(() => {
       te();
     });
-  }, We = (b) => A.value.noDisabledRange ? Fr(r.value[0], b).some((X) => E(X)) : !1, w = () => {
+  }, We = (b) => A.value.noDisabledRange ? Fr(r.value[0], b).some((X) => L(X)) : !1, w = () => {
     r.value = d.value ? d.value.slice() : [], r.value.length === 2 && !(A.value.fixedStart || A.value.fixedEnd) && (r.value = []);
   }, le = (b, X) => {
     const pe = [
@@ -6255,10 +6255,10 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     const X = Te(U(b)), pe = ge(U(b));
     if (g(0, X, pe), p.value.count > 0)
       for (let Me = 1; Me < p.value.count; Me++) {
-        const L = Os(
+        const E = Os(
           Ve(U(b), { year: y.value(Me - 1), month: ye.value(Me - 1) })
         );
-        g(Me, L.month, L.year);
+        g(Me, E.month, E.year);
       }
   }, Ke = (b) => {
     if (We(b.value) || !h(b.value, d.value, A.value.fixedStart ? 0 : 1))
@@ -6267,21 +6267,21 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   }, Mt = (b, X) => {
     if (w(), A.value.autoRange) return le(b, X);
     if (A.value.fixedStart || A.value.fixedEnd) return Ke(b);
-    r.value[0] ? h(U(b.value), d.value) && !We(b.value) ? Le(U(b.value), U(r.value[0])) ? (r.value.unshift(U(b.value)), t("range-end", r.value[0])) : (r.value[1] = U(b.value), t("range-end", r.value[1])) : (e.autoApply && t("auto-apply-invalid", b.value), t("invalid-date", b.value)) : (r.value[0] = U(b.value), t("range-start", r.value[0]));
-  }, me = (b = !0) => e.enableSeconds ? Array.isArray(v.seconds) ? b ? v.seconds[0] : v.seconds[1] : v.seconds : 0, Je = (b) => {
+    r.value[0] ? h(U(b.value), d.value) && !We(b.value) ? Ee(U(b.value), U(r.value[0])) ? (r.value.unshift(U(b.value)), t("range-end", r.value[0])) : (r.value[1] = U(b.value), t("range-end", r.value[1])) : (e.autoApply && t("auto-apply-invalid", b.value), t("invalid-date", b.value)) : (r.value[0] = U(b.value), t("range-start", r.value[0]));
+  }, fe = (b = !0) => e.enableSeconds ? Array.isArray(v.seconds) ? b ? v.seconds[0] : v.seconds[1] : v.seconds : 0, Je = (b) => {
     r.value[b] = Bt(
       r.value[b],
       v.hours[b],
       v.minutes[b],
-      me(b !== 1)
+      fe(b !== 1)
     );
   }, xt = () => {
     var b, X;
     r.value[0] && r.value[1] && +((b = r.value) == null ? void 0 : b[0]) > +((X = r.value) == null ? void 0 : X[1]) && (r.value.reverse(), t("range-start", r.value[0]), t("range-end", r.value[1]));
   }, za = () => {
-    r.value.length && (r.value[0] && !r.value[1] ? Je(0) : (Je(0), Je(1), a()), xt(), d.value = r.value.slice(), Ea(r.value, t, e.autoApply, e.modelAuto));
+    r.value.length && (r.value[0] && !r.value[1] ? Je(0) : (Je(0), Je(1), a()), xt(), d.value = r.value.slice(), La(r.value, t, e.autoApply, e.modelAuto));
   }, Ya = (b, X = !1) => {
-    if (E(b.value) || !b.current && e.hideOffsetDates) return t("invalid-date", b.value);
+    if (L(b.value) || !b.current && e.hideOffsetDates) return t("invalid-date", b.value);
     if (s.value = JSON.parse(JSON.stringify(b)), !A.value.enabled) return Ye(b);
     lr(v.hours) && lr(v.minutes) && !H.value.enabled && (Mt(b, X), za());
   }, qa = (b, X) => {
@@ -6298,7 +6298,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     }), z(), e.multiCalendars && st().then(() => Y(!0));
   }, ja = () => {
     const b = Cn(U(), C.value);
-    !A.value.enabled && !H.value.enabled ? d.value = b : d.value && Array.isArray(d.value) && d.value[0] ? H.value.enabled ? d.value = [...d.value, b] : d.value = Le(b, d.value[0]) ? [b, d.value[0]] : [d.value[0], b] : d.value = [b], z();
+    !A.value.enabled && !H.value.enabled ? d.value = b : d.value && Array.isArray(d.value) && d.value[0] ? H.value.enabled ? d.value = [...d.value, b] : d.value = Ee(b, d.value[0]) ? [b, d.value[0]] : [d.value[0], b] : d.value = [b], z();
   }, Qa = () => {
     if (Array.isArray(d.value))
       if (H.value.enabled) {
@@ -6317,7 +6317,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     year: y,
     time: v,
     disabledTimesConfig: ve,
-    today: m,
+    today: f,
     validateTime: se,
     getCalendarDays: De,
     getMarker: J,
@@ -6331,7 +6331,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     updateTime: (b, X = !0, pe = !1) => {
       D(b, X, pe, Qa);
     },
-    assignMonthAndYear: f,
+    assignMonthAndYear: m,
     setStartTime: ee
   };
 }, Wi = { key: 0 }, zi = /* @__PURE__ */ Ge({
@@ -6371,7 +6371,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       modelValue: d,
       time: x,
       disabledTimesConfig: v,
-      today: m,
+      today: f,
       validateTime: p,
       getCalendarDays: $,
       getMarker: A,
@@ -6380,15 +6380,15 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       handleSwipe: k,
       selectDate: H,
       updateMonthYear: R,
-      presetDate: E,
+      presetDate: L,
       selectCurrentDate: _,
       updateTime: h,
       assignMonthAndYear: D,
       setStartTime: K
-    } = Ei(r, a, de, f), B = Xt(), { setHoverDate: N, getDayClassData: se, clearHoverDate: ve } = su(d, r), { defaultedMultiCalendars: ye } = Fe(r), y = G([]), O = G([]), g = G(null), z = mt(B, "calendar"), ee = mt(B, "monthYear"), I = mt(B, "timePicker"), te = (Q) => {
+    } = Li(r, a, de, m), B = Xt(), { setHoverDate: N, getDayClassData: se, clearHoverDate: ve } = su(d, r), { defaultedMultiCalendars: ye } = Fe(r), y = G([]), O = G([]), g = G(null), z = ft(B, "calendar"), ee = ft(B, "monthYear"), I = ft(B, "timePicker"), te = (Q) => {
       r.shadow || a("mount", Q);
     };
-    ft(
+    mt(
       o,
       () => {
         r.shadow || setTimeout(() => {
@@ -6396,7 +6396,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
         }, 0);
       },
       { deep: !0 }
-    ), ft(
+    ), mt(
       ye,
       (Q, ae) => {
         Q.count - ae.count > 0 && D();
@@ -6411,7 +6411,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       var ae;
       Q || Q === 0 ? (ae = O.value[Q]) == null || ae.triggerTransition(s.value(Q), c.value(Q)) : O.value.forEach((i, J) => i.triggerTransition(s.value(J), c.value(J)));
     }
-    function f() {
+    function m() {
       a("update-flow-step");
     }
     const T = (Q, ae = !1) => {
@@ -6428,7 +6428,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     }, M = (Q, ae) => {
       var i;
       if (!r.range) {
-        const J = d.value ? d.value : m, ne = ae ? new Date(ae) : J, re = Q ? kt(ne, { weekStartsOn: 1 }) : yr(ne, { weekStartsOn: 1 });
+        const J = d.value ? d.value : f, ne = ae ? new Date(ae) : J, re = Q ? kt(ne, { weekStartsOn: 1 }) : yr(ne, { weekStartsOn: 1 });
         H({
           value: re,
           current: Te(ne) === s.value(0),
@@ -6448,7 +6448,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     };
     return t({
       clearHoverDate: ve,
-      presetDate: E,
+      presetDate: L,
       selectCurrentDate: _,
       toggleMonthPicker: F,
       toggleYearPicker: q,
@@ -6463,14 +6463,14 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
         updateTime: h,
         updateMonthYear: R,
         selectDate: H,
-        presetDate: E
+        presetDate: L
       }),
       changeMonth: oe,
       changeYear: Ae,
       selectWeekDate: M,
       setStartTime: K
     }), (Q, ae) => (P(), W(_e, null, [
-      tt(La, {
+      tt(Ea, {
         "multi-calendars": u(ye).count,
         collapse: Q.collapse,
         "is-mobile": Q.isMobile
@@ -6500,7 +6500,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
               ])
             }))
           ]), 1040, ["months", "years", "month", "year", "instance", "onUpdateMonthYear"])),
-          tt(Li, Xe({
+          tt(Ei, Xe({
             ref: (ne) => {
               ne && (O.value[J] = ne);
             },
@@ -6569,7 +6569,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     propDates: c,
     defaultedFilters: d,
     defaultedMultiDates: x
-  } = Fe(e), { modelValue: v, year: m, month: p, calendars: $ } = Oa(e, t), { isDisabled: A } = Wt(e), { selectYear: V, groupedYears: C, showYearPicker: k, isDisabled: H, toggleYearPicker: R, handleYearSelect: E, handleYear: _ } = Qr({
+  } = Fe(e), { modelValue: v, year: f, month: p, calendars: $ } = Oa(e, t), { isDisabled: A } = Wt(e), { selectYear: V, groupedYears: C, showYearPicker: k, isDisabled: H, toggleYearPicker: R, handleYearSelect: L, handleYear: _ } = Qr({
     modelValue: v,
     multiCalendars: a,
     range: s,
@@ -6577,7 +6577,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     calendars: $,
     propDates: c,
     month: p,
-    year: m,
+    year: f,
     filters: d,
     props: e,
     emit: t
@@ -6591,7 +6591,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     }
     return !1;
   }, B = (O, g) => O.quarter === Wn(g) && O.year === ge(g), N = (O) => typeof o.value == "function" ? o.value({ quarter: Wn(O), year: ge(O) }) : !!o.value.quarters.find((g) => B(g, O)), se = j(() => (O) => {
-    const g = Ve(/* @__PURE__ */ new Date(), { year: m.value(O) });
+    const g = Ve(/* @__PURE__ */ new Date(), { year: f.value(O) });
     return bl({
       start: Zt(g),
       end: Ha(g)
@@ -6609,7 +6609,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   }), ve = (O) => {
     Rn(O, v, x.value.limit), t("auto-apply", !0);
   }, ye = (O) => {
-    v.value = Vn(v, O, t), Ea(v.value, t, e.autoApply, e.modelAuto);
+    v.value = Vn(v, O, t), La(v.value, t, e.autoApply, e.modelAuto);
   }, y = (O) => {
     v.value = O, t("auto-apply");
   };
@@ -6617,7 +6617,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     defaultedConfig: r,
     defaultedMultiCalendars: a,
     groupedYears: C,
-    year: m,
+    year: f,
     isDisabled: H,
     quarters: se,
     showYearPicker: k,
@@ -6631,7 +6631,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
         return $.value[g].month = Te(qn(O)), x.value.enabled ? ve(O) : s.value.enabled ? ye(O) : y(O);
     },
     toggleYearPicker: R,
-    handleYearSelect: E,
+    handleYearSelect: L,
     handleYear: _
   };
 }, Ui = { class: "dp--quarter-items" }, ji = ["data-test-id", "disabled", "onClick", "onMouseover"], Qi = /* @__PURE__ */ Ge({
@@ -6653,12 +6653,12 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     "update-month-year"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, o = Xt(), s = mt(o, "yearMode"), {
+    const a = n, r = e, o = Xt(), s = ft(o, "yearMode"), {
       defaultedMultiCalendars: c,
       defaultedConfig: d,
       groupedYears: x,
       year: v,
-      isDisabled: m,
+      isDisabled: f,
       quarters: p,
       modelValue: $,
       showYearPicker: A,
@@ -6674,28 +6674,28 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       selectQuarter: C,
       handleYearSelect: H,
       handleYear: R
-    }) }), (E, _) => (P(), Pe(La, {
+    }) }), (L, _) => (P(), Pe(Ea, {
       "multi-calendars": u(c).count,
-      collapse: E.collapse,
+      collapse: L.collapse,
       stretch: "",
-      "is-mobile": E.isMobile
+      "is-mobile": L.isMobile
     }, {
       default: we(({ instance: h }) => [
         ce("div", {
           class: "dp-quarter-picker-wrap",
           style: ht({ minHeight: `${u(d).modeHeight}px` })
         }, [
-          E.$slots["top-extra"] ? ue(E.$slots, "top-extra", {
+          L.$slots["top-extra"] ? ue(L.$slots, "top-extra", {
             key: 0,
-            value: E.internalModelValue
+            value: L.internalModelValue
           }) : Z("", !0),
           ce("div", null, [
-            tt(qr, Xe(E.$props, {
+            tt(qr, Xe(L.$props, {
               items: u(x)(h),
               instance: h,
               "show-year-picker": u(A)[h],
               year: u(v)(h),
-              "is-disabled": (D) => u(m)(h, D),
+              "is-disabled": (D) => u(f)(h, D),
               onHandleYear: (D) => u(R)(h, D),
               onYearSelect: (D) => u(H)(D, h),
               onToggleYearPicker: (D) => u(k)(h, D?.flow, D?.show)
@@ -6703,7 +6703,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
               Ie(u(s), (D, K) => ({
                 name: D,
                 fn: we((B) => [
-                  ue(E.$slots, D, at(ct(B)))
+                  ue(L.$slots, D, at(ct(B)))
                 ])
               }))
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
@@ -6723,7 +6723,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
                 onClick: (B) => u(C)(D.value, h, D.disabled),
                 onMouseover: (B) => u(V)(D.value)
               }, [
-                E.$slots.quarter ? ue(E.$slots, "quarter", {
+                L.$slots.quarter ? ue(L.$slots, "quarter", {
                   key: 0,
                   value: D.value,
                   text: D.text
@@ -6816,14 +6816,14 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
         flowStep: ye.value,
         menuWrapRef: o.value
       };
-    }), { setMenuFocused: c, setShiftKey: d, control: x } = zr(), v = Xt(), { defaultedTextInput: m, defaultedInline: p, defaultedConfig: $, defaultedUI: A, handleEventPropagation: V } = Fe(r), { isMobile: C } = Kr($, r.shadow), k = G(null), H = G(0), R = G(null), E = G(!1), _ = G(null), h = G(!1), D = (w) => {
+    }), { setMenuFocused: c, setShiftKey: d, control: x } = zr(), v = Xt(), { defaultedTextInput: f, defaultedInline: p, defaultedConfig: $, defaultedUI: A, handleEventPropagation: V } = Fe(r), { isMobile: C } = Kr($, r.shadow), k = G(null), H = G(0), R = G(null), L = G(!1), _ = G(null), h = G(!1), D = (w) => {
       h.value = !0, $.value.allowPreventDefault && w.preventDefault(), Ft(w, $.value, !0);
     };
     rt(() => {
       if (!r.shadow) {
-        E.value = !0, K(), window.addEventListener("resize", K);
+        L.value = !0, K(), window.addEventListener("resize", K);
         const w = Ze(o);
-        w && !m.value.enabled && !p.value.enabled && (c(!0), te()), w && (w.addEventListener("pointerdown", D), w.addEventListener("mousedown", D));
+        w && !f.value.enabled && !p.value.enabled && (c(!0), te()), w && (w.addEventListener("pointerdown", D), w.addEventListener("mousedown", D));
       }
       document.addEventListener("mousedown", We);
     }), da(() => {
@@ -6834,7 +6834,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     const K = () => {
       const w = Ze(R);
       w && (H.value = w.getBoundingClientRect().width);
-    }, { arrowRight: B, arrowLeft: N, arrowDown: se, arrowUp: ve } = Et(), { flowStep: ye, updateFlowStep: y, childMount: O, resetFlow: g, handleFlow: z } = iu(r, a, _), ee = j(() => r.monthPicker ? vi : r.yearPicker ? fi : r.timePicker ? $i : r.quarterPicker ? Qi : zi), I = j(() => {
+    }, { arrowRight: B, arrowLeft: N, arrowDown: se, arrowUp: ve } = Lt(), { flowStep: ye, updateFlowStep: y, childMount: O, resetFlow: g, handleFlow: z } = iu(r, a, _), ee = j(() => r.monthPicker ? vi : r.yearPicker ? mi : r.timePicker ? $i : r.quarterPicker ? Qi : zi), I = j(() => {
       var w;
       if ($.value.arrowLeft) return $.value.arrowLeft;
       const le = (w = o.value) == null ? void 0 : w.getBoundingClientRect(), Ce = r.getInputRect();
@@ -6847,7 +6847,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       return ((w = _.value) == null ? void 0 : w.getSidebarProps()) || {};
     }), de = () => {
       r.openOnTop && a("recalculate-position");
-    }, f = mt(v, "action"), T = j(() => r.monthPicker || r.yearPicker ? mt(v, "monthYear") : r.timePicker ? mt(v, "timePicker") : mt(v, "shared")), F = j(() => r.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), q = j(() => ({
+    }, m = ft(v, "action"), T = j(() => r.monthPicker || r.yearPicker ? ft(v, "monthYear") : r.timePicker ? ft(v, "timePicker") : ft(v, "shared")), F = j(() => r.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), q = j(() => ({
       dp__menu_disabled: r.disabled,
       dp__menu_readonly: r.readonly,
       "dp-menu-loading": r.loading
@@ -6974,22 +6974,22 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
             class: be({ "dp--preset-dates-collapsed": e.collapse, "dp--preset-dates": !0 }),
             "data-dp-mobile": u(C)
           }, [
-            (P(!0), W(_e, null, Ie(w.presetDates, (me, Je) => (P(), W(_e, { key: Je }, [
-              me.slot ? ue(w.$slots, me.slot, {
+            (P(!0), W(_e, null, Ie(w.presetDates, (fe, Je) => (P(), W(_e, { key: Je }, [
+              fe.slot ? ue(w.$slots, fe.slot, {
                 key: 0,
                 presetDate: ne,
-                label: me.label,
-                value: me.value
+                label: fe.label,
+                value: fe.value
               }) : (P(), W("button", {
                 key: 1,
                 type: "button",
-                style: ht(me.style || {}),
+                style: ht(fe.style || {}),
                 class: be(["dp__btn dp--preset-range", { "dp--preset-range-collapsed": e.collapse }]),
-                "data-test-id": me.testId ?? void 0,
+                "data-test-id": fe.testId ?? void 0,
                 "data-dp-mobile": u(C),
-                onClick: _a((xt) => ne(me.value, me.noTz), ["prevent"]),
-                onKeydown: (xt) => u(dt)(xt, () => ne(me.value, me.noTz), !0)
-              }, Qe(me.label), 47, tu))
+                onClick: _a((xt) => ne(fe.value, fe.noTz), ["prevent"]),
+                onKeydown: (xt) => u(dt)(xt, () => ne(fe.value, fe.noTz), !0)
+              }, Qe(fe.label), 47, tu))
             ], 64))), 128))
           ], 10, eu)) : Z("", !0),
           ce("div", {
@@ -7007,29 +7007,29 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
               onUpdateFlowStep: u(y),
               onResetFlow: u(g),
               onFocusMenu: te,
-              onSelectDate: le[0] || (le[0] = (me) => w.$emit("select-date")),
-              onDateUpdate: le[1] || (le[1] = (me) => w.$emit("date-update", me)),
-              onTooltipOpen: le[2] || (le[2] = (me) => w.$emit("tooltip-open", me)),
-              onTooltipClose: le[3] || (le[3] = (me) => w.$emit("tooltip-close", me)),
-              onAutoApply: le[4] || (le[4] = (me) => w.$emit("auto-apply", me)),
-              onRangeStart: le[5] || (le[5] = (me) => w.$emit("range-start", me)),
-              onRangeEnd: le[6] || (le[6] = (me) => w.$emit("range-end", me)),
-              onInvalidFixedRange: le[7] || (le[7] = (me) => w.$emit("invalid-fixed-range", me)),
-              onTimeUpdate: le[8] || (le[8] = (me) => w.$emit("time-update")),
-              onAmPmChange: le[9] || (le[9] = (me) => w.$emit("am-pm-change", me)),
-              onTimePickerOpen: le[10] || (le[10] = (me) => w.$emit("time-picker-open", me)),
+              onSelectDate: le[0] || (le[0] = (fe) => w.$emit("select-date")),
+              onDateUpdate: le[1] || (le[1] = (fe) => w.$emit("date-update", fe)),
+              onTooltipOpen: le[2] || (le[2] = (fe) => w.$emit("tooltip-open", fe)),
+              onTooltipClose: le[3] || (le[3] = (fe) => w.$emit("tooltip-close", fe)),
+              onAutoApply: le[4] || (le[4] = (fe) => w.$emit("auto-apply", fe)),
+              onRangeStart: le[5] || (le[5] = (fe) => w.$emit("range-start", fe)),
+              onRangeEnd: le[6] || (le[6] = (fe) => w.$emit("range-end", fe)),
+              onInvalidFixedRange: le[7] || (le[7] = (fe) => w.$emit("invalid-fixed-range", fe)),
+              onTimeUpdate: le[8] || (le[8] = (fe) => w.$emit("time-update")),
+              onAmPmChange: le[9] || (le[9] = (fe) => w.$emit("am-pm-change", fe)),
+              onTimePickerOpen: le[10] || (le[10] = (fe) => w.$emit("time-picker-open", fe)),
               onTimePickerClose: ke,
               onRecalculatePosition: de,
-              onUpdateMonthYear: le[11] || (le[11] = (me) => w.$emit("update-month-year", me)),
-              onAutoApplyInvalid: le[12] || (le[12] = (me) => w.$emit("auto-apply-invalid", me)),
-              onInvalidDate: le[13] || (le[13] = (me) => w.$emit("invalid-date", me)),
-              onOverlayToggle: le[14] || (le[14] = (me) => w.$emit("overlay-toggle", me)),
-              "onUpdate:internalModelValue": le[15] || (le[15] = (me) => w.$emit("update:internal-model-value", me))
+              onUpdateMonthYear: le[11] || (le[11] = (fe) => w.$emit("update-month-year", fe)),
+              onAutoApplyInvalid: le[12] || (le[12] = (fe) => w.$emit("auto-apply-invalid", fe)),
+              onInvalidDate: le[13] || (le[13] = (fe) => w.$emit("invalid-date", fe)),
+              onOverlayToggle: le[14] || (le[14] = (fe) => w.$emit("overlay-toggle", fe)),
+              "onUpdate:internalModelValue": le[15] || (le[15] = (fe) => w.$emit("update:internal-model-value", fe))
             }), it({ _: 2 }, [
-              Ie(T.value, (me, Je) => ({
-                name: me,
+              Ie(T.value, (fe, Je) => ({
+                name: fe,
                 fn: we((xt) => [
-                  ue(w.$slots, me, at(ct({ ...xt })))
+                  ue(w.$slots, fe, at(ct({ ...xt })))
                 ])
               }))
             ]), 1040, ["flow-step", "onMount", "onUpdateFlowStep", "onResetFlow"]))
@@ -7046,18 +7046,18 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
         ], 14, Xi),
         !w.autoApply || u($).keepActionRow ? (P(), Pe(ni, Xe({
           key: 3,
-          "menu-mount": E.value
+          "menu-mount": L.value
         }, s.value, {
           "calendar-width": H.value,
-          onClosePicker: le[16] || (le[16] = (me) => w.$emit("close-picker")),
-          onSelectDate: le[17] || (le[17] = (me) => w.$emit("select-date")),
-          onInvalidSelect: le[18] || (le[18] = (me) => w.$emit("invalid-select")),
+          onClosePicker: le[16] || (le[16] = (fe) => w.$emit("close-picker")),
+          onSelectDate: le[17] || (le[17] = (fe) => w.$emit("select-date")),
+          onInvalidSelect: le[18] || (le[18] = (fe) => w.$emit("invalid-select")),
           onSelectNow: J
         }), it({ _: 2 }, [
-          Ie(u(f), (me, Je) => ({
-            name: me,
+          Ie(u(m), (fe, Je) => ({
+            name: fe,
             fn: we((xt) => [
-              ue(w.$slots, me, at(ct({ ...xt })))
+              ue(w.$slots, fe, at(ct({ ...xt })))
             ])
           }))
         ]), 1040, ["menu-mount", "calendar-width"])) : Z("", !0)
@@ -7076,12 +7076,12 @@ const ru = ({
   props: s,
   slots: c
 }) => {
-  const { defaultedConfig: d } = Fe(s), x = G({}), v = G(!1), m = G({
+  const { defaultedConfig: d } = Fe(s), x = G({}), v = G(!1), f = G({
     top: "0",
     left: "0"
   }), p = G(!1), $ = ba(s, "teleportCenter");
-  ft($, () => {
-    m.value = JSON.parse(JSON.stringify({})), _();
+  mt($, () => {
+    f.value = JSON.parse(JSON.stringify({})), _();
   });
   const A = (g) => {
     if (s.teleport) {
@@ -7093,24 +7093,24 @@ const ru = ({
     }
     return { top: 0, left: 0 };
   }, V = (g, z) => {
-    m.value.left = `${g + z - x.value.width}px`;
+    f.value.left = `${g + z - x.value.width}px`;
   }, C = (g) => {
-    m.value.left = `${g}px`;
+    f.value.left = `${g}px`;
   }, k = (g, z) => {
-    s.position === aa.left && C(g), s.position === aa.right && V(g, z), s.position === aa.center && (m.value.left = `${g + z / 2 - x.value.width / 2}px`);
+    s.position === aa.left && C(g), s.position === aa.right && V(g, z), s.position === aa.center && (f.value.left = `${g + z / 2 - x.value.width / 2}px`);
   }, H = (g) => {
     const { width: z, height: ee } = g.getBoundingClientRect(), { top: I, left: te } = A(g);
     return { top: +I, left: +te, width: z, height: ee };
   }, R = () => {
-    m.value.left = "50%", m.value.top = "50%", m.value.transform = "translate(-50%, -50%)", m.value.position = "fixed", delete m.value.opacity;
-  }, E = () => {
+    f.value.left = "50%", f.value.top = "50%", f.value.transform = "translate(-50%, -50%)", f.value.position = "fixed", delete f.value.opacity;
+  }, L = () => {
     const g = Ze(n);
-    m.value = s.altPosition(g);
+    f.value = s.altPosition(g);
   }, _ = (g = !0) => {
     var z;
     if (!r.value.enabled) {
       if ($.value) return R();
-      if (s.altPosition !== null) return E();
+      if (s.altPosition !== null) return L();
       if (g) {
         const ee = s.teleport ? (z = t.value) == null ? void 0 : z.$el : e.value;
         ee && (x.value = ee.getBoundingClientRect()), o("recalculate-position");
@@ -7121,10 +7121,10 @@ const ru = ({
     window.screen.width > 768 && !v.value && k(z, ee), B(g);
   }, D = (g) => {
     const { top: z, left: ee, height: I, width: te } = H(g);
-    m.value.top = `${I + z + +s.offset}px`, p.value = !1, v.value || (m.value.left = `${ee + te / 2 - x.value.width / 2}px`), h({ inputEl: g, left: ee, width: te });
+    f.value.top = `${I + z + +s.offset}px`, p.value = !1, v.value || (f.value.left = `${ee + te / 2 - x.value.width / 2}px`), h({ inputEl: g, left: ee, width: te });
   }, K = (g) => {
     const { top: z, left: ee, width: I } = H(g);
-    m.value.top = `${z - +s.offset - x.value.height}px`, p.value = !0, h({ inputEl: g, left: ee, width: I });
+    f.value.top = `${z - +s.offset - x.value.height}px`, p.value = !0, h({ inputEl: g, left: ee, width: I });
   }, B = (g) => {
     if (s.autoPosition) {
       const { left: z, width: ee } = H(g), { left: I, right: te } = x.value;
@@ -7175,17 +7175,17 @@ const ru = ({
   };
   return {
     openOnTop: p,
-    menuStyle: m,
+    menuStyle: f,
     xCorrect: v,
     setMenuPosition: _,
     getScrollableParent: y,
     shadowRender: (g, z, ee) => {
       var I, te, Y;
-      const de = document.createElement("div"), f = (I = Ze(n)) == null ? void 0 : I.getBoundingClientRect();
+      const de = document.createElement("div"), m = (I = Ze(n)) == null ? void 0 : I.getBoundingClientRect();
       de.setAttribute("id", "dp--temp-container");
       const T = (te = a.value) != null && te.clientWidth ? a.value : document.body;
       T.append(de);
-      const F = O(f), q = d.value.shadowDom ? Object.keys(c).filter(
+      const F = O(m), q = d.value.shadowDom ? Object.keys(c).filter(
         (M) => ["right-sidebar", "left-sidebar", "top-extra", "action-extra"].includes(M)
       ) : Object.keys(c), l = tl(
         z,
@@ -7251,7 +7251,7 @@ const ru = ({
   menu: () => Nt.filter((e) => e.use.includes("menu")),
   shared: () => Nt.filter((e) => e.use.includes("shared")),
   yearMode: () => Nt.filter((e) => e.use.includes("year-mode"))
-}, mt = (e, t, n) => {
+}, ft = (e, t, n) => {
   const a = [];
   return ou[t]().forEach((r) => {
     e[r.name] && a.push(r.name);
@@ -7265,7 +7265,7 @@ const ru = ({
   const { defaultedRange: a, defaultedTz: r } = Fe(e), o = U(vt(U(), r.value.timezone)), s = G([{ month: Te(o), year: ge(o) }]), c = (p) => {
     const $ = {
       hours: Rt(o),
-      minutes: Lt(o),
+      minutes: Et(o),
       seconds: 0
     };
     return a.value.enabled ? [$[p], $[p]] : $[p];
@@ -7274,7 +7274,7 @@ const ru = ({
     minutes: c("minutes"),
     seconds: c("seconds")
   });
-  ft(
+  mt(
     a,
     (p, $) => {
       p.enabled !== $.enabled && (d.hours = c("hours"), d.minutes = c("minutes"), d.seconds = c("seconds"));
@@ -7288,10 +7288,10 @@ const ru = ({
     }
   }), v = j(
     () => (p) => s.value[p] ? s.value[p].month : 0
-  ), m = j(
+  ), f = j(
     () => (p) => s.value[p] ? s.value[p].year : 0
   );
-  return ft(
+  return mt(
     x,
     (p, $) => {
       n && JSON.stringify(p ?? {}) !== JSON.stringify($ ?? {}) && n();
@@ -7302,7 +7302,7 @@ const ru = ({
     time: d,
     modelValue: x,
     month: v,
-    year: m,
+    year: f,
     today: o
   };
 }, su = (e, t) => {
@@ -7314,23 +7314,23 @@ const ru = ({
     defaultedTz: s,
     propDates: c,
     defaultedRange: d
-  } = Fe(t), { isDisabled: x } = Wt(t), v = G(null), m = G(vt(/* @__PURE__ */ new Date(), s.value.timezone)), p = (l) => {
+  } = Fe(t), { isDisabled: x } = Wt(t), v = G(null), f = G(vt(/* @__PURE__ */ new Date(), s.value.timezone)), p = (l) => {
     !l.current && t.hideOffsetDates || (v.value = l.value);
   }, $ = () => {
     v.value = null;
-  }, A = (l) => Array.isArray(e.value) && d.value.enabled && e.value[0] && v.value ? l ? qe(v.value, e.value[0]) : Le(v.value, e.value[0]) : !0, V = (l, M) => {
+  }, A = (l) => Array.isArray(e.value) && d.value.enabled && e.value[0] && v.value ? l ? qe(v.value, e.value[0]) : Ee(v.value, e.value[0]) : !0, V = (l, M) => {
     const oe = () => e.value ? M ? e.value[0] || null : e.value[1] : null, Ae = e.value && Array.isArray(e.value) ? oe() : null;
     return $e(U(l.value), Ae);
   }, C = (l) => {
     const M = Array.isArray(e.value) ? e.value[0] : null;
-    return l ? !Le(v.value ?? null, M) : !0;
+    return l ? !Ee(v.value ?? null, M) : !0;
   }, k = (l, M = !0) => (d.value.enabled || t.weekPicker) && Array.isArray(e.value) && e.value.length === 2 ? t.hideOffsetDates && !l.current ? !1 : $e(U(l.value), e.value[M ? 0 : 1]) : d.value.enabled ? V(l, M) && C(M) || $e(l.value, Array.isArray(e.value) ? e.value[0] : null) && A(M) : !1, H = (l, M) => {
     if (Array.isArray(e.value) && e.value[0] && e.value.length === 1) {
       const oe = $e(l.value, v.value);
-      return M ? qe(e.value[0], l.value) && oe : Le(e.value[0], l.value) && oe;
+      return M ? qe(e.value[0], l.value) && oe : Ee(e.value[0], l.value) && oe;
     }
     return !1;
-  }, R = (l) => !e.value || t.hideOffsetDates && !l.current ? !1 : d.value.enabled ? t.modelAuto && Array.isArray(e.value) ? $e(l.value, e.value[0] ? e.value[0] : m.value) : !1 : a.value.enabled && Array.isArray(e.value) ? e.value.some((M) => $e(M, l.value)) : $e(l.value, e.value ? e.value : m.value), E = (l) => {
+  }, R = (l) => !e.value || t.hideOffsetDates && !l.current ? !1 : d.value.enabled ? t.modelAuto && Array.isArray(e.value) ? $e(l.value, e.value[0] ? e.value[0] : f.value) : !1 : a.value.enabled && Array.isArray(e.value) ? e.value.some((M) => $e(M, l.value)) : $e(l.value, e.value ? e.value : f.value), L = (l) => {
     if (d.value.autoRange || t.weekPicker) {
       if (v.value) {
         if (t.hideOffsetDates && !l.current) return !1;
@@ -7346,7 +7346,7 @@ const ru = ({
         const M = pt(v.value, +d.value.autoRange);
         if (t.hideOffsetDates && !l.current) return !1;
         const oe = Yt(U(v.value), t.weekStart);
-        return t.weekPicker ? qe(l.value, oe[0]) && Le(l.value, oe[1]) : qe(l.value, v.value) && Le(l.value, M);
+        return t.weekPicker ? qe(l.value, oe[0]) && Ee(l.value, oe[1]) : qe(l.value, v.value) && Ee(l.value, M);
       }
       return !1;
     }
@@ -7384,16 +7384,16 @@ const ru = ({
     }
     return !1;
   }, ee = (l) => d.value.enabled && (d.value.maxRange || d.value.minRange) ? d.value.maxRange && d.value.minRange ? g(l) || z(l) : d.value.maxRange ? g(l) : z(l) : !1, I = (l) => {
-    const { isRangeStart: M, isRangeEnd: oe } = f(l), Ae = d.value.enabled ? M || oe : !1;
+    const { isRangeStart: M, isRangeEnd: oe } = m(l), Ae = d.value.enabled ? M || oe : !1;
     return {
       dp__cell_offset: !l.current,
       dp__pointer: !t.disabled && !(!l.current && t.hideOffsetDates) && !x(l.value) && !ee(l),
       dp__cell_disabled: x(l.value) || ee(l),
       dp__cell_highlight: !ye(l) && (ve(l) || y(l)) && !se(l) && !Ae && !h(l) && !(O(l) && t.weekPicker) && !oe,
       dp__cell_highlight_active: !ye(l) && (ve(l) || y(l)) && se(l),
-      dp__today: !t.noToday && $e(l.value, m.value) && l.current,
-      "dp--past": Le(l.value, m.value),
-      "dp--future": qe(l.value, m.value)
+      dp__today: !t.noToday && $e(l.value, f.value) && l.current,
+      "dp--past": Ee(l.value, f.value),
+      "dp--future": qe(l.value, f.value)
     };
   }, te = (l) => ({
     dp__active_date: se(l),
@@ -7405,7 +7405,7 @@ const ru = ({
         ...F(l),
         dp__range_start: $e(M[0], l.value),
         dp__range_end: $e(M[1], l.value),
-        dp__range_between_week: qe(l.value, M[0]) && Le(l.value, M[1])
+        dp__range_between_week: qe(l.value, M[0]) && Ee(l.value, M[1])
       };
     }
     return {
@@ -7418,18 +7418,18 @@ const ru = ({
         ...F(l),
         dp__range_start: $e(M[0], l.value) || $e(oe[0], l.value),
         dp__range_end: $e(M[1], l.value) || $e(oe[1], l.value),
-        dp__range_between_week: qe(l.value, M[0]) && Le(l.value, M[1]) || qe(l.value, oe[0]) && Le(l.value, oe[1]),
-        dp__range_between: qe(l.value, M[1]) && Le(l.value, oe[0])
+        dp__range_between_week: qe(l.value, M[0]) && Ee(l.value, M[1]) || qe(l.value, oe[0]) && Ee(l.value, oe[1]),
+        dp__range_between: qe(l.value, M[1]) && Ee(l.value, oe[0])
       };
     }
     return {
       ...F(l)
     };
-  }, f = (l) => {
+  }, m = (l) => {
     const M = n.value.count > 0 ? l.current && k(l) && B() : k(l) && B(), oe = n.value.count > 0 ? l.current && k(l, !1) && B() : k(l, !1) && B();
     return { isRangeStart: M, isRangeEnd: oe };
   }, T = (l) => {
-    const { isRangeStart: M, isRangeEnd: oe } = f(l);
+    const { isRangeStart: M, isRangeEnd: oe } = m(l);
     return {
       dp__range_start: M,
       dp__range_end: oe,
@@ -7442,7 +7442,7 @@ const ru = ({
     ...T(l),
     dp__cell_auto_range: _(l),
     dp__cell_auto_range_start: h(l),
-    dp__cell_auto_range_end: E(l)
+    dp__cell_auto_range_end: L(l)
   }), q = (l) => d.value.enabled ? d.value.autoRange ? F(l) : t.modelAuto ? { ...te(l), ...T(l) } : t.weekPicker ? de(l) : T(l) : t.weekPicker ? Y(l) : te(l);
   return {
     setHoverDate: p,
@@ -7455,15 +7455,15 @@ const ru = ({
     }
   };
 }, Wt = (e) => {
-  const { defaultedFilters: t, defaultedRange: n, propDates: a, defaultedMultiDates: r } = Fe(e), o = (y) => a.value.disabledDates ? typeof a.value.disabledDates == "function" ? a.value.disabledDates(U(y)) : !!Fa(y, a.value.disabledDates) : !1, s = (y) => a.value.maxDate ? e.yearPicker ? ge(y) > ge(a.value.maxDate) : qe(y, a.value.maxDate) : !1, c = (y) => a.value.minDate ? e.yearPicker ? ge(y) < ge(a.value.minDate) : Le(y, a.value.minDate) : !1, d = (y) => {
-    const O = s(y), g = c(y), z = o(y), ee = t.value.months.map((f) => +f).includes(Te(y)), I = e.disabledWeekDays.length ? e.disabledWeekDays.some((f) => +f === mo(y)) : !1, te = $(y), Y = ge(y), de = Y < +e.yearRange[0] || Y > +e.yearRange[1];
+  const { defaultedFilters: t, defaultedRange: n, propDates: a, defaultedMultiDates: r } = Fe(e), o = (y) => a.value.disabledDates ? typeof a.value.disabledDates == "function" ? a.value.disabledDates(U(y)) : !!Fa(y, a.value.disabledDates) : !1, s = (y) => a.value.maxDate ? e.yearPicker ? ge(y) > ge(a.value.maxDate) : qe(y, a.value.maxDate) : !1, c = (y) => a.value.minDate ? e.yearPicker ? ge(y) < ge(a.value.minDate) : Ee(y, a.value.minDate) : !1, d = (y) => {
+    const O = s(y), g = c(y), z = o(y), ee = t.value.months.map((m) => +m).includes(Te(y)), I = e.disabledWeekDays.length ? e.disabledWeekDays.some((m) => +m === fo(y)) : !1, te = $(y), Y = ge(y), de = Y < +e.yearRange[0] || Y > +e.yearRange[1];
     return !(O || g || z || ee || de || I || te);
-  }, x = (y, O) => Le(...It(a.value.minDate, y, O)) || $e(...It(a.value.minDate, y, O)), v = (y, O) => qe(...It(a.value.maxDate, y, O)) || $e(...It(a.value.maxDate, y, O)), m = (y, O, g) => {
+  }, x = (y, O) => Ee(...It(a.value.minDate, y, O)) || $e(...It(a.value.minDate, y, O)), v = (y, O) => qe(...It(a.value.maxDate, y, O)) || $e(...It(a.value.maxDate, y, O)), f = (y, O, g) => {
     let z = !1;
     return a.value.maxDate && g && v(y, O) && (z = !0), a.value.minDate && !g && x(y, O) && (z = !0), z;
   }, p = (y, O, g, z) => {
     let ee = !1;
-    return z && (a.value.minDate || a.value.maxDate) ? a.value.minDate && a.value.maxDate ? ee = m(y, O, g) : (a.value.minDate && x(y, O) || a.value.maxDate && v(y, O)) && (ee = !0) : ee = !0, ee;
+    return z && (a.value.minDate || a.value.maxDate) ? a.value.minDate && a.value.maxDate ? ee = f(y, O, g) : (a.value.minDate && x(y, O) || a.value.maxDate && v(y, O)) && (ee = !0) : ee = !0, ee;
   }, $ = (y) => Array.isArray(a.value.allowedDates) && !a.value.allowedDates.length ? !0 : a.value.allowedDates ? !Fa(y, a.value.allowedDates, Vr(e.monthPicker, e.yearPicker)) : !1, A = (y) => !d(y), V = (y) => n.value.noDisabledRange ? !hr({ start: y[0], end: y[1] }).some((O) => A(O)) : !0, C = (y) => {
     if (y) {
       const O = ge(y);
@@ -7472,15 +7472,15 @@ const ru = ({
     return !0;
   }, k = (y, O) => !!(Array.isArray(y) && y[O] && (n.value.maxRange || n.value.minRange) && C(y[O])), H = (y, O, g = 0) => {
     if (k(O, g) && C(y)) {
-      const z = mr(y, O[g]), ee = Fr(O[g], y), I = ee.length === 1 ? 0 : ee.filter((Y) => A(Y)).length, te = Math.abs(z) - (n.value.minMaxRawRange ? 0 : I);
+      const z = fr(y, O[g]), ee = Fr(O[g], y), I = ee.length === 1 ? 0 : ee.filter((Y) => A(Y)).length, te = Math.abs(z) - (n.value.minMaxRawRange ? 0 : I);
       if (n.value.minRange && n.value.maxRange)
         return te >= +n.value.minRange && te <= +n.value.maxRange;
       if (n.value.minRange) return te >= +n.value.minRange;
       if (n.value.maxRange) return te <= +n.value.maxRange;
     }
     return !0;
-  }, R = () => !e.enableTimePicker || e.monthPicker || e.yearPicker || e.ignoreTimeValidation, E = (y) => Array.isArray(y) ? [y[0] ? an(y[0]) : null, y[1] ? an(y[1]) : null] : an(y), _ = (y, O, g) => y.find(
-    (z) => +z.hours === Rt(O) && z.minutes === "*" ? !0 : +z.minutes === Lt(O) && +z.hours === Rt(O)
+  }, R = () => !e.enableTimePicker || e.monthPicker || e.yearPicker || e.ignoreTimeValidation, L = (y) => Array.isArray(y) ? [y[0] ? an(y[0]) : null, y[1] ? an(y[1]) : null] : an(y), _ = (y, O, g) => y.find(
+    (z) => +z.hours === Rt(O) && z.minutes === "*" ? !0 : +z.minutes === Et(O) && +z.hours === Rt(O)
   ) && g, h = (y, O, g) => {
     const [z, ee] = y, [I, te] = O;
     return !_(z, I, g) && !_(ee, te, g) && g;
@@ -7493,7 +7493,7 @@ const ru = ({
   }, B = (y, O) => e.disabledTimes ? Array.isArray(e.disabledTimes) ? D(O, y) : K(O, y) : O, N = (y) => {
     let O = !0;
     if (!y || R()) return !0;
-    const g = !a.value.minDate && !a.value.maxDate ? E(y) : y;
+    const g = !a.value.minDate && !a.value.maxDate ? L(y) : y;
     return (e.maxTime || a.value.maxDate) && (O = tr(
       e.maxTime,
       a.value.maxDate,
@@ -7513,7 +7513,7 @@ const ru = ({
     const g = U(wt(y));
     if (a.value.minDate && a.value.maxDate) {
       const z = U(wt(a.value.minDate)), ee = U(wt(a.value.maxDate));
-      return qe(g, z) && Le(g, ee) || $e(g, z) || $e(g, ee);
+      return qe(g, z) && Ee(g, ee) || $e(g, z) || $e(g, ee);
     }
     if (a.value.minDate) {
       const z = U(wt(a.value.minDate));
@@ -7521,7 +7521,7 @@ const ru = ({
     }
     if (a.value.maxDate) {
       const z = U(wt(a.value.maxDate));
-      O = Le(g, z) || $e(g, z);
+      O = Ee(g, z) || $e(g, z);
     }
     return O;
   }, ve = j(() => (y) => !e.enableTimePicker || e.ignoreTimeValidation ? !0 : N(y)), ye = j(() => (y) => e.monthPicker ? Array.isArray(y) && (n.value.enabled || r.value.enabled) ? !y.filter((O) => !se(O)).length : se(y) : !0);
@@ -7543,22 +7543,22 @@ const ru = ({
     [jt.timePicker]: !e.enableTimePicker || e.timePicker || e.monthPicker,
     [jt.calendar]: !1,
     [jt.header]: !1
-  }), o = j(() => e.monthPicker || e.timePicker), s = (m) => {
+  }), o = j(() => e.monthPicker || e.timePicker), s = (f) => {
     var p;
     if ((p = e.flow) != null && p.length) {
-      if (!m && o.value) return v();
-      r[m] = !0, Object.keys(r).filter(($) => !r[$]).length || v();
+      if (!f && o.value) return v();
+      r[f] = !0, Object.keys(r).filter(($) => !r[$]).length || v();
     }
   }, c = () => {
-    var m, p;
-    (m = e.flow) != null && m.length && a.value !== -1 && (a.value += 1, t("flow-step", a.value), v()), ((p = e.flow) == null ? void 0 : p.length) === a.value && st().then(() => d());
+    var f, p;
+    (f = e.flow) != null && f.length && a.value !== -1 && (a.value += 1, t("flow-step", a.value), v()), ((p = e.flow) == null ? void 0 : p.length) === a.value && st().then(() => d());
   }, d = () => {
     a.value = -1;
-  }, x = (m, p, ...$) => {
+  }, x = (f, p, ...$) => {
     var A, V;
-    e.flow[a.value] === m && n.value && ((V = (A = n.value)[p]) == null || V.call(A, ...$));
-  }, v = (m = 0) => {
-    m && (a.value += m), x(ot.month, "toggleMonthPicker", !0), x(ot.year, "toggleYearPicker", !0), x(ot.calendar, "toggleTimePicker", !1, !0), x(ot.time, "toggleTimePicker", !0, !0);
+    e.flow[a.value] === f && n.value && ((V = (A = n.value)[p]) == null || V.call(A, ...$));
+  }, v = (f = 0) => {
+    f && (a.value += f), x(ot.month, "toggleMonthPicker", !0), x(ot.year, "toggleYearPicker", !0), x(ot.calendar, "toggleTimePicker", !1, !0), x(ot.time, "toggleTimePicker", !0, !0);
     const p = e.flow[a.value];
     (p === ot.hours || p === ot.minutes || p === ot.seconds) && x(p, "toggleTimePicker", !0, !0, p);
   };
@@ -7569,7 +7569,7 @@ const ru = ({
 }, du = ["id", "name", "inputmode", "placeholder", "disabled", "readonly", "required", "value", "autocomplete", "aria-label", "aria-disabled", "aria-invalid"], cu = {
   key: 2,
   class: "dp--clear-btn"
-}, vu = ["aria-label"], mu = /* @__PURE__ */ Ge({
+}, vu = ["aria-label"], fu = /* @__PURE__ */ Ge({
   compatConfig: {
     MODE: 3
   },
@@ -7602,7 +7602,7 @@ const ru = ({
       defaultedConfig: d,
       defaultedRange: x,
       defaultedMultiDates: v,
-      defaultedUI: m,
+      defaultedUI: f,
       getDefaultPattern: p,
       getDefaultStartTime: $
     } = Fe(r), { checkMinMaxRange: A } = Wt(r), V = G(), C = G(null), k = G(!1), H = G(!1), R = j(
@@ -7616,9 +7616,9 @@ const ru = ({
         dp__input_invalid: typeof r.state == "boolean" ? !r.state : !1,
         dp__input_focus: k.value || r.isMenuOpen,
         dp__input_reg: !o.value.enabled,
-        ...m.value.input ?? {}
+        ...f.value.input ?? {}
       })
-    ), E = () => {
+    ), L = () => {
       a("set-input-date", null), r.clearable && r.autoApply && (a("set-empty-date"), V.value = null);
     }, _ = (Y) => {
       const de = $();
@@ -7631,9 +7631,9 @@ const ru = ({
         r.formatLocale
       );
     }, h = (Y) => {
-      const { rangeSeparator: de } = o.value, [f, T] = Y.split(`${de}`);
-      if (f) {
-        const F = _(f.trim()), q = T ? _(T.trim()) : void 0;
+      const { rangeSeparator: de } = o.value, [m, T] = Y.split(`${de}`);
+      if (m) {
+        const F = _(m.trim()), q = T ? _(T.trim()) : void 0;
         if (Gt(F, q)) return;
         const l = F && q ? [F, q] : [F];
         A(q, l, 0) && (V.value = F ? l : null);
@@ -7645,13 +7645,13 @@ const ru = ({
         h(Y);
       else if (v.value.enabled) {
         const de = Y.split(";");
-        V.value = de.map((f) => _(f.trim())).filter((f) => f);
+        V.value = de.map((m) => _(m.trim())).filter((m) => m);
       } else
         V.value = _(Y);
     }, B = (Y) => {
       var de;
-      const f = typeof Y == "string" ? Y : (de = Y.target) == null ? void 0 : de.value;
-      f !== "" ? (o.value.openMenu && !r.isMenuOpen && a("open"), K(f), a("set-input-date", V.value)) : E(), H.value = !1, a("update:input-value", f), a("text-input", Y, V.value);
+      const m = typeof Y == "string" ? Y : (de = Y.target) == null ? void 0 : de.value;
+      m !== "" ? (o.value.openMenu && !r.isMenuOpen && a("open"), K(m), a("set-input-date", V.value)) : L(), H.value = !1, a("update:input-value", m), a("text-input", Y, V.value);
     }, N = (Y) => {
       o.value.enabled ? (K(Y.target.value), o.value.enterSubmit && hn(V.value) && r.inputValue !== "" ? (a("set-input-date", V.value, !0), V.value = null) : o.value.enterSubmit && r.inputValue === "" && (V.value = null, a("clear"))) : ye(Y);
     }, se = (Y, de) => {
@@ -7689,7 +7689,7 @@ const ru = ({
       focusInput: ee,
       setParsedDate: I
     }), (Y, de) => {
-      var f, T, F;
+      var m, T, F;
       return P(), W("div", { onClick: ye }, [
         Y.$slots.trigger && !Y.$slots["dp-input"] && !u(c).enabled ? ue(Y.$slots, "trigger", { key: 0 }) : Z("", !0),
         !Y.$slots.trigger && (!u(c).enabled || u(c).input) ? (P(), W("div", uu, [
@@ -7724,7 +7724,7 @@ const ru = ({
             required: Y.required,
             value: e.inputValue,
             autocomplete: Y.autocomplete,
-            "aria-label": (f = u(s)) == null ? void 0 : f.input,
+            "aria-label": (m = u(s)) == null ? void 0 : m.input,
             "aria-disabled": Y.disabled || void 0,
             "aria-invalid": Y.state === !1 ? !0 : void 0,
             onInput: B,
@@ -7771,11 +7771,11 @@ const ru = ({
       ]);
     };
   }
-}), fu = typeof window < "u" ? window : void 0, un = () => {
+}), mu = typeof window < "u" ? window : void 0, un = () => {
 }, pu = (e) => rl() ? (ll(e), !0) : !1, hu = (e, t, n, a) => {
   if (!e) return un;
   let r = un;
-  const o = ft(
+  const o = mt(
     () => u(e),
     (c) => {
       r(), c && (c.removeEventListener(t, n), c.addEventListener(t, n, a), r = () => {
@@ -7788,7 +7788,7 @@ const ru = ({
   };
   return pu(s), s;
 }, yu = (e, t, n, a = {}) => {
-  const { window: r = fu, event: o = "pointerdown" } = a;
+  const { window: r = mu, event: o = "pointerdown" } = a;
   return r ? hu(r, o, (s) => {
     const c = Ze(e), d = Ze(t);
     !c || !d || c === s.target || s.composedPath().includes(c) || s.composedPath().includes(d) || n(s);
@@ -7829,7 +7829,7 @@ const ru = ({
     "text-input"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, o = Xt(), s = G(!1), c = ba(r, "modelValue"), d = ba(r, "timezone"), x = G(null), v = G(null), m = G(null), p = G(!1), $ = G(null), A = G(!1), V = G(!1), C = G(!1), k = G(!1), { setMenuFocused: H, setShiftKey: R } = zr(), { clearArrowNav: E } = Et(), { validateDate: _, isValidTime: h } = Wt(r), {
+    const a = n, r = e, o = Xt(), s = G(!1), c = ba(r, "modelValue"), d = ba(r, "timezone"), x = G(null), v = G(null), f = G(null), p = G(!1), $ = G(null), A = G(!1), V = G(!1), C = G(!1), k = G(!1), { setMenuFocused: H, setShiftKey: R } = zr(), { clearArrowNav: L } = Lt(), { validateDate: _, isValidTime: h } = Wt(r), {
       defaultedTransitions: D,
       defaultedTextInput: K,
       defaultedInline: B,
@@ -7840,29 +7840,29 @@ const ru = ({
     rt(() => {
       l(r.modelValue), st().then(() => {
         if (!B.value.enabled) {
-          const L = f($.value);
-          L?.addEventListener("scroll", ne), window?.addEventListener("resize", re);
+          const E = m($.value);
+          E?.addEventListener("scroll", ne), window?.addEventListener("resize", re);
         }
       }), B.value.enabled && (s.value = !0), window?.addEventListener("keyup", xe), window?.addEventListener("keydown", De);
     }), da(() => {
       if (!B.value.enabled) {
-        const L = f($.value);
-        L?.removeEventListener("scroll", ne), window?.removeEventListener("resize", re);
+        const E = m($.value);
+        E?.removeEventListener("scroll", ne), window?.removeEventListener("resize", re);
       }
       window?.removeEventListener("keyup", xe), window?.removeEventListener("keydown", De);
     });
-    const z = mt(o, "all", r.presetDates), ee = mt(o, "input");
-    ft(
+    const z = ft(o, "all", r.presetDates), ee = ft(o, "input");
+    mt(
       [c, d],
       () => {
         l(c.value);
       },
       { deep: !0 }
     );
-    const { openOnTop: I, menuStyle: te, xCorrect: Y, setMenuPosition: de, getScrollableParent: f, shadowRender: T } = ru({
+    const { openOnTop: I, menuStyle: te, xCorrect: Y, setMenuPosition: de, getScrollableParent: m, shadowRender: T } = ru({
       menuRef: x,
       menuRefInner: v,
-      inputRef: m,
+      inputRef: f,
       pickerWrapperRef: $,
       inline: B,
       emit: a,
@@ -7888,79 +7888,79 @@ const ru = ({
       to: typeof r.teleport == "boolean" ? "body" : r.teleport,
       disabled: !r.teleport || B.value.enabled
     } : {}), ae = j(() => ({ class: "dp__outer_menu_wrap" })), i = j(() => B.value.enabled && (r.timePicker || r.monthPicker || r.yearPicker || r.quarterPicker)), J = () => {
-      var L, ie;
-      return ((ie = (L = m.value) == null ? void 0 : L.$el) == null ? void 0 : ie.getBoundingClientRect()) ?? { width: 0, left: 0, right: 0 };
+      var E, ie;
+      return ((ie = (E = f.value) == null ? void 0 : E.$el) == null ? void 0 : ie.getBoundingClientRect()) ?? { width: 0, left: 0, right: 0 };
     }, ne = () => {
       s.value && (N.value.closeOnScroll ? Je() : de());
     }, re = () => {
-      var L;
+      var E;
       s.value && de();
-      const ie = ((L = v.value) == null ? void 0 : L.$el.getBoundingClientRect().width) ?? 0;
+      const ie = ((E = v.value) == null ? void 0 : E.$el.getBoundingClientRect().width) ?? 0;
       C.value = document.body.offsetWidth <= ie;
-    }, xe = (L) => {
-      L.key === "Tab" && !B.value.enabled && !r.teleport && N.value.tabOutClosesMenu && ($.value.contains(document.activeElement) || Je()), V.value = L.shiftKey;
-    }, De = (L) => {
-      V.value = L.shiftKey;
+    }, xe = (E) => {
+      E.key === "Tab" && !B.value.enabled && !r.teleport && N.value.tabOutClosesMenu && ($.value.contains(document.activeElement) || Je()), V.value = E.shiftKey;
+    }, De = (E) => {
+      V.value = E.shiftKey;
     }, Ye = () => {
-      !r.disabled && !r.readonly && (T(g, or, r), de(!1), s.value = !0, s.value && a("open"), s.value || me(), l(r.modelValue));
+      !r.disabled && !r.readonly && (T(g, or, r), de(!1), s.value = !0, s.value && a("open"), s.value || fe(), l(r.modelValue));
     }, We = () => {
-      var L, ie;
-      F.value = "", me(), (L = v.value) == null || L.onValueCleared(), (ie = m.value) == null || ie.setParsedDate(null), a("update:model-value", null), a("update:model-timezone-value", null), a("cleared"), N.value.closeOnClearValue && Je();
+      var E, ie;
+      F.value = "", fe(), (E = v.value) == null || E.onValueCleared(), (ie = f.value) == null || ie.setParsedDate(null), a("update:model-value", null), a("update:model-timezone-value", null), a("cleared"), N.value.closeOnClearValue && Je();
     }, w = () => {
-      const L = q.value;
-      return !L || !Array.isArray(L) && _(L) ? !0 : Array.isArray(L) ? ve.value.enabled || L.length === 2 && _(L[0]) && _(L[1]) ? !0 : se.value.partialRange && !r.timePicker ? _(L[0]) : !1 : !1;
+      const E = q.value;
+      return !E || !Array.isArray(E) && _(E) ? !0 : Array.isArray(E) ? ve.value.enabled || E.length === 2 && _(E[0]) && _(E[1]) ? !0 : se.value.partialRange && !r.timePicker ? _(E[0]) : !1 : !1;
     }, le = () => {
       Ae() && w() ? (M(), Je()) : a("invalid-select", q.value);
-    }, Ce = (L) => {
-      Ke(), M(), N.value.closeOnAutoApply && !L && Je();
+    }, Ce = (E) => {
+      Ke(), M(), N.value.closeOnAutoApply && !E && Je();
     }, Ke = () => {
-      m.value && K.value.enabled && m.value.setParsedDate(q.value);
-    }, Mt = (L = !1) => {
-      r.autoApply && h(q.value) && w() && (se.value.enabled && Array.isArray(q.value) ? (se.value.partialRange || q.value.length === 2) && Ce(L) : Ce(L));
-    }, me = () => {
+      f.value && K.value.enabled && f.value.setParsedDate(q.value);
+    }, Mt = (E = !1) => {
+      r.autoApply && h(q.value) && w() && (se.value.enabled && Array.isArray(q.value) ? (se.value.partialRange || q.value.length === 2) && Ce(E) : Ce(E));
+    }, fe = () => {
       K.value.enabled || (q.value = null);
-    }, Je = (L = !1) => {
-      var ie, fe;
-      L && q.value && N.value.setDateOnMenuClose && le(), B.value.enabled || (s.value && (s.value = !1, Y.value = !1, H(!1), R(!1), E(), a("closed"), F.value && l(c.value)), me(), a("blur"), (fe = (ie = v.value) == null ? void 0 : ie.$el) == null || fe.remove());
-    }, xt = (L, ie, fe = !1) => {
-      if (!L) {
+    }, Je = (E = !1) => {
+      var ie, me;
+      E && q.value && N.value.setDateOnMenuClose && le(), B.value.enabled || (s.value && (s.value = !1, Y.value = !1, H(!1), R(!1), L(), a("closed"), F.value && l(c.value)), fe(), a("blur"), (me = (ie = v.value) == null ? void 0 : ie.$el) == null || me.remove());
+    }, xt = (E, ie, me = !1) => {
+      if (!E) {
         q.value = null;
         return;
       }
-      const At = Array.isArray(L) ? !L.some((zt) => !_(zt)) : _(L), Pt = h(L);
-      At && Pt ? (k.value = !0, q.value = L, ie ? (A.value = fe, le(), a("text-submit")) : r.autoApply && Mt(), st().then(() => {
+      const At = Array.isArray(E) ? !E.some((zt) => !_(zt)) : _(E), Pt = h(E);
+      At && Pt ? (k.value = !0, q.value = E, ie ? (A.value = me, le(), a("text-submit")) : r.autoApply && Mt(), st().then(() => {
         k.value = !1;
-      })) : a("invalid-date", L);
+      })) : a("invalid-date", E);
     }, za = () => {
       r.autoApply && h(q.value) && M(), Ke();
-    }, Ya = () => s.value ? Je() : Ye(), qa = (L) => {
-      q.value = L;
+    }, Ya = () => s.value ? Je() : Ye(), qa = (E) => {
+      q.value = E;
     }, Ua = () => {
       K.value.enabled && (p.value = !0, oe()), a("focus");
     }, ja = () => {
       if (K.value.enabled && (p.value = !1, l(r.modelValue), A.value)) {
-        const L = xs($.value, V.value);
-        L?.focus();
+        const E = xs($.value, V.value);
+        E?.focus();
       }
       a("blur");
-    }, Qa = (L) => {
+    }, Qa = (E) => {
       v.value && v.value.updateMonthYear(0, {
-        month: Xn(L.month),
-        year: Xn(L.year)
+        month: Xn(E.month),
+        year: Xn(E.year)
       });
-    }, Za = (L) => {
-      l(L ?? r.modelValue);
-    }, b = (L, ie) => {
-      var fe;
-      (fe = v.value) == null || fe.switchView(L, ie);
-    }, X = (L, ie) => N.value.onClickOutside ? N.value.onClickOutside(L, ie) : Je(!0), pe = (L = 0) => {
+    }, Za = (E) => {
+      l(E ?? r.modelValue);
+    }, b = (E, ie) => {
+      var me;
+      (me = v.value) == null || me.switchView(E, ie);
+    }, X = (E, ie) => N.value.onClickOutside ? N.value.onClickOutside(E, ie) : Je(!0), pe = (E = 0) => {
       var ie;
-      (ie = v.value) == null || ie.handleFlow(L);
+      (ie = v.value) == null || ie.handleFlow(E);
     }, Me = () => x;
     return yu(
       x,
-      m,
-      (L) => X(w, L)
+      f,
+      (E) => X(w, E)
     ), t({
       closeMenu: Je,
       selectDate: le,
@@ -7977,20 +7977,20 @@ const ru = ({
       toggleMenu: Ya,
       handleFlow: pe,
       getDpWrapMenuRef: Me
-    }), (L, ie) => (P(), W("div", {
+    }), (E, ie) => (P(), W("div", {
       ref_key: "pickerWrapperRef",
       ref: $,
       class: be(S.value),
       "data-datepicker-instance": "",
       "data-dp-mobile": u(O)
     }, [
-      tt(mu, Xe({
+      tt(fu, Xe({
         ref_key: "inputRef",
-        ref: m,
+        ref: f,
         "input-value": u(F),
-        "onUpdate:inputValue": ie[0] || (ie[0] = (fe) => Nn(F) ? F.value = fe : null),
+        "onUpdate:inputValue": ie[0] || (ie[0] = (me) => Nn(F) ? F.value = me : null),
         "is-menu-open": s.value
-      }, L.$props, {
+      }, E.$props, {
         onClear: We,
         onOpen: Ye,
         onSetInputDate: xt,
@@ -8000,17 +8000,17 @@ const ru = ({
         onClose: Je,
         onFocus: Ua,
         onBlur: ja,
-        onRealBlur: ie[1] || (ie[1] = (fe) => p.value = !1),
-        onTextInput: ie[2] || (ie[2] = (fe) => L.$emit("text-input", fe))
+        onRealBlur: ie[1] || (ie[1] = (me) => p.value = !1),
+        onTextInput: ie[2] || (ie[2] = (me) => E.$emit("text-input", me))
       }), it({ _: 2 }, [
-        Ie(u(ee), (fe, At) => ({
-          name: fe,
+        Ie(u(ee), (me, At) => ({
+          name: me,
           fn: we((Pt) => [
-            ue(L.$slots, fe, at(ct(Pt)))
+            ue(E.$slots, me, at(ct(Pt)))
           ])
         }))
       ]), 1040, ["input-value", "is-menu-open", "onSetEmptyDate"]),
-      (P(), Pe(Pa(L.teleport ? el : "div"), at(ct(Q.value)), {
+      (P(), Pe(Pa(E.teleport ? el : "div"), at(ct(Q.value)), {
         default: we(() => [
           tt(ca, {
             name: u(ye)(u(I)),
@@ -8028,10 +8028,10 @@ const ru = ({
                 tt(or, Xe({
                   ref_key: "dpMenuRef",
                   ref: v
-                }, L.$props, {
+                }, E.$props, {
                   "internal-model-value": u(q),
-                  "onUpdate:internalModelValue": ie[3] || (ie[3] = (fe) => Nn(q) ? q.value = fe : null),
-                  class: { [ke.value]: !0, "dp--menu-wrapper": L.teleport },
+                  "onUpdate:internalModelValue": ie[3] || (ie[3] = (me) => Nn(q) ? q.value = me : null),
+                  class: { [ke.value]: !0, "dp--menu-wrapper": E.teleport },
                   "open-on-top": u(I),
                   "no-overlay-focus": i.value,
                   collapse: C.value,
@@ -8041,28 +8041,28 @@ const ru = ({
                   onSelectDate: le,
                   onAutoApply: Mt,
                   onTimeUpdate: za,
-                  onFlowStep: ie[4] || (ie[4] = (fe) => L.$emit("flow-step", fe)),
-                  onUpdateMonthYear: ie[5] || (ie[5] = (fe) => L.$emit("update-month-year", fe)),
-                  onInvalidSelect: ie[6] || (ie[6] = (fe) => L.$emit("invalid-select", u(q))),
-                  onAutoApplyInvalid: ie[7] || (ie[7] = (fe) => L.$emit("invalid-select", fe)),
-                  onInvalidFixedRange: ie[8] || (ie[8] = (fe) => L.$emit("invalid-fixed-range", fe)),
+                  onFlowStep: ie[4] || (ie[4] = (me) => E.$emit("flow-step", me)),
+                  onUpdateMonthYear: ie[5] || (ie[5] = (me) => E.$emit("update-month-year", me)),
+                  onInvalidSelect: ie[6] || (ie[6] = (me) => E.$emit("invalid-select", u(q))),
+                  onAutoApplyInvalid: ie[7] || (ie[7] = (me) => E.$emit("invalid-select", me)),
+                  onInvalidFixedRange: ie[8] || (ie[8] = (me) => E.$emit("invalid-fixed-range", me)),
                   onRecalculatePosition: u(de),
-                  onTooltipOpen: ie[9] || (ie[9] = (fe) => L.$emit("tooltip-open", fe)),
-                  onTooltipClose: ie[10] || (ie[10] = (fe) => L.$emit("tooltip-close", fe)),
-                  onTimePickerOpen: ie[11] || (ie[11] = (fe) => L.$emit("time-picker-open", fe)),
-                  onTimePickerClose: ie[12] || (ie[12] = (fe) => L.$emit("time-picker-close", fe)),
-                  onAmPmChange: ie[13] || (ie[13] = (fe) => L.$emit("am-pm-change", fe)),
-                  onRangeStart: ie[14] || (ie[14] = (fe) => L.$emit("range-start", fe)),
-                  onRangeEnd: ie[15] || (ie[15] = (fe) => L.$emit("range-end", fe)),
-                  onDateUpdate: ie[16] || (ie[16] = (fe) => L.$emit("date-update", fe)),
-                  onInvalidDate: ie[17] || (ie[17] = (fe) => L.$emit("invalid-date", fe)),
-                  onOverlayToggle: ie[18] || (ie[18] = (fe) => L.$emit("overlay-toggle", fe)),
-                  onMenuBlur: ie[19] || (ie[19] = (fe) => L.$emit("blur"))
+                  onTooltipOpen: ie[9] || (ie[9] = (me) => E.$emit("tooltip-open", me)),
+                  onTooltipClose: ie[10] || (ie[10] = (me) => E.$emit("tooltip-close", me)),
+                  onTimePickerOpen: ie[11] || (ie[11] = (me) => E.$emit("time-picker-open", me)),
+                  onTimePickerClose: ie[12] || (ie[12] = (me) => E.$emit("time-picker-close", me)),
+                  onAmPmChange: ie[13] || (ie[13] = (me) => E.$emit("am-pm-change", me)),
+                  onRangeStart: ie[14] || (ie[14] = (me) => E.$emit("range-start", me)),
+                  onRangeEnd: ie[15] || (ie[15] = (me) => E.$emit("range-end", me)),
+                  onDateUpdate: ie[16] || (ie[16] = (me) => E.$emit("date-update", me)),
+                  onInvalidDate: ie[17] || (ie[17] = (me) => E.$emit("invalid-date", me)),
+                  onOverlayToggle: ie[18] || (ie[18] = (me) => E.$emit("overlay-toggle", me)),
+                  onMenuBlur: ie[19] || (ie[19] = (me) => E.$emit("blur"))
                 }), it({ _: 2 }, [
-                  Ie(u(z), (fe, At) => ({
-                    name: fe,
+                  Ie(u(z), (me, At) => ({
+                    name: me,
                     fn: we((Pt) => [
-                      ue(L.$slots, fe, at(ct({ ...Pt })))
+                      ue(E.$slots, me, at(ct({ ...Pt })))
                     ])
                   }))
                 ]), 1040, ["internal-model-value", "class", "open-on-top", "no-overlay-focus", "collapse", "is-text-input-date", "onRecalculatePosition"])
@@ -8251,13 +8251,14 @@ const Nu = /* @__PURE__ */ Aa(Ru, [["render", Hu], ["__scopeId", "data-v-a4cac93
       ])
     ], 16));
   }
-}), ir = /* @__PURE__ */ Aa(Iu, [["__scopeId", "data-v-46ff22ec"]]), Fu = { class: "flex gap-2 p-2 w-full" }, Bu = ["onClick"], Lu = { class: "flex justify-between w-full" }, Eu = { class: "flex items-center gap-3" }, Wu = { class: "flex items-center px-[0.875rem] py-[0.5rem] rounded-corner-radius-1 border-1 border-light-5 w-full typo-p-2 min-w-[13rem] min-h-[2.5rem]" }, zu = { class: "typo-p-error" }, qu = { class: "flex item-center gap-3" }, Uu = { class: "flex gap-2 py-3 px-2 h-[2rem] w-full border border-solid border-[#C5C5C5] rounded-corner-radius-1 cursor-pointer items-center" }, Qu = /* @__PURE__ */ Ge({
+}), ir = /* @__PURE__ */ Aa(Iu, [["__scopeId", "data-v-46ff22ec"]]), Fu = { class: "flex gap-2 p-2 w-full" }, Bu = ["onClick"], Eu = { class: "flex justify-between w-full" }, Lu = { class: "flex items-center gap-3" }, Wu = { class: "flex items-center px-[0.875rem] py-[0.5rem] rounded-corner-radius-1 border-1 border-light-5 w-full typo-p-2 min-w-[13rem] min-h-[2.5rem]" }, zu = { class: "typo-p-error" }, qu = { class: "flex item-center gap-3" }, Uu = { class: "flex gap-2 py-3 px-2 h-[2rem] w-full border border-solid border-[#C5C5C5] rounded-corner-radius-1 cursor-pointer items-center" }, Qu = /* @__PURE__ */ Ge({
   __name: "DatePicker",
   props: /* @__PURE__ */ Fn({
     teleport: { type: Boolean, default: !0 },
     inTable: { type: Boolean },
     initDate: {},
-    isClerable: { type: Boolean, default: !0 }
+    isClerable: { type: Boolean, default: !0 },
+    dark: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
     modelModifiers: {}
@@ -8288,7 +8289,7 @@ const Nu = /* @__PURE__ */ Aa(Ru, [["render", Hu], ["__scopeId", "data-v-a4cac93
     }, d = () => {
       const _ = r.value;
       return Array.isArray(_) ? c(_) || void 0 : s(_) || void 0;
-    }, x = G(d()), v = G(d()), m = [
+    }, x = G(d()), v = G(d()), f = [
       {
         title: "Yesterday",
         getValue: () => {
@@ -8380,7 +8381,7 @@ const Nu = /* @__PURE__ */ Aa(Ru, [["render", Hu], ["__scopeId", "data-v-a4cac93
           console.warn("DatePicker: Error in initDate function:", _);
         }
     };
-    ft(
+    mt(
       r,
       (_) => {
         try {
@@ -8392,7 +8393,7 @@ const Nu = /* @__PURE__ */ Aa(Ru, [["render", Hu], ["__scopeId", "data-v-a4cac93
       },
       { immediate: !0 }
     );
-    const E = () => {
+    const L = () => {
       x.value = void 0, v.value = void 0, r.value = void 0, a("change", void 0);
     };
     return R(), (_, h) => (P(), Pe(u(Hn), {
@@ -8407,28 +8408,29 @@ const Nu = /* @__PURE__ */ Aa(Ru, [["render", Hu], ["__scopeId", "data-v-a4cac93
       placeholder: "Select Dates",
       clearable: n.isClerable,
       teleport: n.teleport,
+      dark: n.dark,
       onOpen: H,
-      onCleared: E
+      onCleared: L
     }, {
       "menu-header": we(() => [
         ce("div", Fu, [
-          (P(), W(_e, null, Ie(m, (D, K) => ce("button", {
+          (P(), W(_e, null, Ie(f, (D, K) => ce("button", {
             key: K,
-            class: "py-[0.125rem] px-0 bg-bg-light1 text-text-primary rounded-corner-radius-1 border-1 border-light-2 w-full typo-p-2",
+            class: "py-[0.125rem] px-0 bg-bg-light1 dark:bg-[#15161B] dark:border-none text-text-primary dark:text-white rounded-corner-radius-1 border-1 border-light-2 w-full typo-p-2 text-xs",
             onClick: (B) => p(D.getValue())
           }, Qe(D.title), 9, Bu)), 64))
         ])
       ]),
       "action-row": we(({ internalModelValue: D, selectDate: K }) => [
-        ce("div", Lu, [
-          ce("div", Eu, [
+        ce("div", Eu, [
+          ce("div", Lu, [
             ce("button", {
-              class: "flex items-center px-[0.625rem] py-[1.125rem] rounded-corner-radius-1 bg-bg-light5 w-[2.5rem] h-[2.5rem] cursor-pointer",
+              class: "flex items-center px-[0.625rem] py-[1.125rem] rounded-corner-radius-1 bg-bg-light5 dark:bg-[#B4BECA]/50 w-[2.5rem] h-[2.5rem] cursor-pointer",
               onClick: k
             }, [
               tt(Ma, {
                 name: C.value === "calendar" ? "clock-white" : "calendar-white",
-                class: "w-[18px] h-[18px]"
+                class: "w-[18px] h-[18px] svg-icon"
               }, null, 8, ["name"])
             ]),
             ce("div", Wu, [
@@ -8439,6 +8441,7 @@ const Nu = /* @__PURE__ */ Aa(Ru, [["render", Hu], ["__scopeId", "data-v-a4cac93
             tt(ir, {
               size: "medium",
               type: "outline",
+              class: "dark:bg-transparent",
               color: "green-outline",
               onClick: V
             }, {
@@ -8471,7 +8474,7 @@ const Nu = /* @__PURE__ */ Aa(Ru, [["render", Hu], ["__scopeId", "data-v-a4cac93
         ])
       ]),
       _: 1
-    }, 8, ["modelValue", "format", "clearable", "teleport"]));
+    }, 8, ["modelValue", "format", "clearable", "teleport", "dark"]));
   }
 });
 export {