tokenizer-ui-kit 0.1.2 → 0.1.3

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

@@ -9,7 +9,7 @@
             }
           }
         })();
-      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";
+      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";
 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), 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;
+  } = 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;
   return Re(e, +p + V);
 }
-function fl(e, t, n) {
+function ml(e, t, n) {
   return Re(e, +he(e) + t);
 }
-function ml(e, t, n) {
-  return fl(e, t * dr);
+function fl(e, t, n) {
+  return ml(e, t * dr);
 }
 let pl = {};
 function Jt() {
@@ -97,7 +97,7 @@ function En(e, t) {
   const n = he(e, t?.in);
   return n.setHours(0, 0, 0, 0), n;
 }
-function fr(e, t, n) {
+function mr(e, t, n) {
   const [a, r] = Ta(
     n?.in,
     e,
@@ -119,11 +119,11 @@ function Ln(e, t) {
   const n = +he(e) - +he(t);
   return n < 0 ? -1 : n > 0 ? 1 : n;
 }
-function mr(e) {
+function fr(e) {
   return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
 }
 function ga(e) {
-  return !(!mr(e) && typeof e != "number" || isNaN(+he(e)));
+  return !(!fr(e) && typeof e != "number" || isNaN(+he(e)));
 }
 function Wn(e, t) {
   const n = he(e, t?.in);
@@ -309,7 +309,7 @@ const Dl = {
   nextWeek: "eeee 'at' p",
   other: "P"
 }, $l = (e, t, n, a) => Tl[e];
-function fa(e) {
+function ma(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: fa({
+  era: ma({
     values: Cl,
     defaultWidth: "wide"
   }),
-  quarter: fa({
+  quarter: ma({
     values: Ol,
     defaultWidth: "wide",
     argumentCallback: (e) => e - 1
   }),
-  month: fa({
+  month: ma({
     values: Al,
     defaultWidth: "wide"
   }),
-  day: fa({
+  day: ma({
     values: Yl,
     defaultWidth: "wide"
   }),
-  dayPeriod: fa({
+  dayPeriod: ma({
     values: Sl,
     defaultWidth: "wide",
     formattingValues: Rl,
     defaultFormattingWidth: "wide"
   })
 };
-function ma(e) {
+function fa(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, (f) => f.test(s)) : (
+    const s = o[0], c = a && e.parsePatterns[a] || e.parsePatterns[e.defaultParseWidth], d = Array.isArray(c) ? Il(c, (m) => m.test(s)) : (
       // [TODO] -- I challenge you to fix the type
-      Nl(c, (f) => f.test(s))
+      Nl(c, (m) => m.test(s))
     );
     let x;
     x = e.valueCallback ? e.valueCallback(d) : d, x = n.valueCallback ? (
@@ -588,32 +588,32 @@ const Bl = /^(\d+)(th|st|nd|rd)?/i, El = /\d+/i, Ll = {
     parsePattern: El,
     valueCallback: (e) => parseInt(e, 10)
   }),
-  era: ma({
+  era: fa({
     matchPatterns: Ll,
     defaultMatchWidth: "wide",
     parsePatterns: Wl,
     defaultParseWidth: "any"
   }),
-  quarter: ma({
+  quarter: fa({
     matchPatterns: zl,
     defaultMatchWidth: "wide",
     parsePatterns: ql,
     defaultParseWidth: "any",
     valueCallback: (e) => e + 1
   }),
-  month: ma({
+  month: fa({
     matchPatterns: Ul,
     defaultMatchWidth: "wide",
     parsePatterns: jl,
     defaultParseWidth: "any"
   }),
-  day: ma({
+  day: fa({
     matchPatterns: Ql,
     defaultMatchWidth: "wide",
     parsePatterns: Zl,
     defaultParseWidth: "any"
   }),
-  dayPeriod: ma({
+  dayPeriod: fa({
     matchPatterns: Gl,
     defaultMatchWidth: "any",
     parsePatterns: Kl,
@@ -633,7 +633,7 @@ const Bl = /^(\d+)(th|st|nd|rd)?/i, El = /\d+/i, Ll = {
 };
 function Jl(e, t) {
   const n = he(e, t?.in);
-  return fr(n, Zt(n)) + 1;
+  return mr(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 f = v[0];
-    if (f === "p" || f === "P") {
-      const p = cn[f];
+    const m = v[0];
+    if (m === "p" || m === "P") {
+      const p = cn[m];
       return p(v, r.formatLong);
     }
     return v;
   }).join("").match(oo).map((v) => {
     if (v === "''")
       return { isToken: !1, value: "'" };
-    const f = v[0];
-    if (f === "'")
+    const m = v[0];
+    if (m === "'")
       return { isToken: !1, value: vo(v) };
-    if (Un[f])
+    if (Un[m])
       return { isToken: !0, value: v };
-    if (f.match(co))
+    if (m.match(co))
       throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + f + "`"
+        "Format string contains an unescaped latin alphabet character `" + m + "`"
       );
     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 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);
+    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);
   }).join("");
 }
 function vo(e) {
   const t = e.match(io);
   return t ? t[1].replace(uo, "'") : e;
 }
-function fo(e, t) {
+function mo(e, t) {
   return he(e, t?.in).getDay();
 }
-function mo(e, t) {
+function fo(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();
 }
@@ -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 fn(e, t, n, a) {
+function mn(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 fn(e, t, n, a) {
     firstWeekContainsDate: c,
     weekStartsOn: d,
     locale: s
-  }, v = [new _o(a?.in, n)], f = t.match(os).map((C) => {
+  }, v = [new _o(a?.in, n)], m = t.match(os).map((C) => {
     const k = C[0];
     if (k in cn) {
       const H = cn[k];
@@ -2860,7 +2860,7 @@ function fn(e, t, n, a) {
     }
     return C;
   }).join("").match(ls), p = [];
-  for (let C of f) {
+  for (let C of m) {
     !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) {
@@ -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 = mo(s);
+  const c = fo(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 fs(e, t, n) {
+function ms(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 ms(e, t, n) {
+function fs(e, t, n) {
   const {
     years: a = 0,
     months: r = 0,
@@ -2970,8 +2970,8 @@ function ms(e, t, n) {
     hours: c = 0,
     minutes: d = 0,
     seconds: x = 0
-  } = 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);
+  } = 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);
 }
 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) => mn(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) => fn(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;
-}, mn = (e, t, n) => {
+}, fn = (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 = fn(e, t.slice(0, e.length), /* @__PURE__ */ new Date(), { locale: o });
-  return ga(s) && mr(s) ? a || r ? s : Ve(s, {
+  const s = mn(e, t.slice(0, e.length), /* @__PURE__ */ new Date(), { locale: o });
+  return ga(s) && fr(s) ? a || r ? s : Ve(s, {
     hours: +n.hours,
     minutes: +n?.minutes,
     seconds: +n?.seconds,
@@ -3312,7 +3312,7 @@ 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 = fs(r, +n)), (a || a === 0) && (r = $r(r, +a)), Tr(r, 0);
+  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);
 }, 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);
@@ -3431,20 +3431,20 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   },
   monthPicker: []
 }), 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 ? [
+  const e = j(() => Ra.value ? [...He.selectionGrid, He.actionRow].filter((m) => m.length) : rn.value ? [
     ...He.timePicker[0],
     ...He.timePicker[1],
     on.value ? [] : [nn.value],
     He.actionRow
-  ].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;
+  ].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;
     let p = null;
-    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) => {
+    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) => {
     let p = null;
-    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;
+    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;
   }, 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 = (f, p) => {
-    He[p] = f;
-  }, x = (f, p) => {
-    He[p] = f;
+  }, d = (m, p) => {
+    He[p] = m;
+  }, x = (m, p) => {
+    He[p] = m;
   }, v = () => {
     lt.value = 0, ze.value = 0;
   };
   return {
     buildMatrix: d,
     buildMultiLevelMatrix: x,
-    setTimePickerBackRef: (f) => {
-      nn.value = f;
+    setTimePickerBackRef: (m) => {
+      nn.value = m;
     },
-    setSelectionGrid: (f) => {
-      Ra.value = f, v(), f || (He.selectionGrid = []);
+    setSelectionGrid: (m) => {
+      Ra.value = m, v(), m || (He.selectionGrid = []);
     },
-    setTimePicker: (f, p = !1) => {
-      rn.value = f, on.value = p, v(), f || (He.timePicker[0] = [], He.timePicker[1] = []);
+    setTimePicker: (m, p = !1) => {
+      rn.value = m, on.value = p, v(), m || (He.timePicker[0] = [], He.timePicker[1] = []);
     },
-    setTimePickerElements: (f, p = 0) => {
-      He.timePicker[p] = f;
+    setTimePickerElements: (m, p = 0) => {
+      He.timePicker[p] = m;
     },
     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: (f) => {
-      ln.value = f, v();
+    setMonthPicker: (m) => {
+      ln.value = m, v();
     },
     refSets: He
     // exposed for testing
@@ -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: mn(e.minDate, e.timezone, e.isSpecific),
-    maxDate: mn(e.maxDate, e.timezone, e.isSpecific),
+    minDate: fn(e.minDate, e.timezone, e.isSpecific),
+    maxDate: fn(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 = () => 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(
+  }, 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)), m = 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({
@@ -3666,7 +3666,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     defaultedAriaLabels: c,
     defaultedFilters: d,
     defaultedActionRow: v,
-    defaultedPreviewFormat: f,
+    defaultedPreviewFormat: m,
     defaultedTextInput: p,
     defaultedInline: $,
     defaultedConfig: A,
@@ -3684,22 +3684,22 @@ 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"), f = ba(t, "formatLocale");
-  mt(
+  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(
     a,
     () => {
       typeof t.onInternalModelChange == "function" && e("internal-model-change", a.value, q(!0));
     },
     { deep: !0 }
-  ), mt(o, (l, M) => {
+  ), ft(o, (l, M) => {
     l.enabled !== M.enabled && (a.value = null);
-  }), mt(v, () => {
+  }), ft(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 ml(l, M);
+      return fl(l, M);
     }
     return l;
   }, A = (l, M, oe = !1) => Lr(
@@ -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(
-      fn(l, d(), /* @__PURE__ */ new Date(), { locale: f.value })
+      mn(l, d(), /* @__PURE__ */ new Date(), { locale: m.value })
     ) : p(
-      fn(l, t.modelType, /* @__PURE__ */ new Date(), { locale: f.value })
+      mn(l, t.modelType, /* @__PURE__ */ new Date(), { locale: m.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)), m = () => {
+  ] : l(et(a.value)), f = () => {
     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 = m();
-    return l ? M : e("update:model-value", m());
+    const M = f();
+    return l ? M : e("update:model-value", f());
   }, 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,20 +3814,20 @@ 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, f) => {
+  const { defaultedFilters: n, propDates: a } = Fe(e), { validateMonthYearInRange: r } = Wt(e), o = (v, m) => {
     let p = v;
-    return n.value.months.includes(Te(p)) ? (p = f ? bt(v, 1) : Kt(v, 1), o(p, f)) : p;
-  }, s = (v, f) => {
+    return n.value.months.includes(Te(p)) ? (p = m ? bt(v, 1) : Kt(v, 1), o(p, m)) : p;
+  }, s = (v, m) => {
     let p = v;
-    return n.value.years.includes(ge(p)) ? (p = f ? gn(v, 1) : Cr(v, 1), s(p, f)) : p;
-  }, c = (v, f = !1) => {
+    return n.value.years.includes(ge(p)) ? (p = m ? gn(v, 1) : Cr(v, 1), s(p, m)) : p;
+  }, c = (v, m = !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, f);
-  }, d = (v, f, p) => {
-    t("update-month-year", { month: v, year: f, fromNav: p });
+    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) => Er(
     Ve(U(), { month: e.month, year: e.year }),
     a.value.maxDate,
@@ -3990,7 +3990,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       defaultedInline: d,
       defaultedRange: x,
       defaultedMultiDates: v
-    } = 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);
+    } = Fe(a), { isTimeValid: m, 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"), L(), window.addEventListener("resize", L);
     }), da(() => {
@@ -4003,7 +4003,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
         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(
-      () => !f.value(a.internalModelValue) || !p.value(a.internalModelValue) || !_.value
+      () => !m.value(a.internalModelValue) || !p.value(a.internalModelValue) || !_.value
     ), D = () => {
       const y = o.value;
       return a.timePicker || a.monthPicker, y(et(a.internalModelValue));
@@ -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 = () => {
-      f.value(a.internalModelValue) && p.value(a.internalModelValue) && _.value ? n("select-date") : n("invalid-select");
+      m.value(a.internalModelValue) && p.value(a.internalModelValue) && _.value ? n("select-date") : n("invalid-select");
     };
     return (y, O) => (P(), W("div", {
       ref_key: "actionRowRef",
@@ -4113,7 +4113,7 @@ 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 } = Lt(), s = n, c = e, { defaultedAriaLabels: d, defaultedTextInput: x, defaultedConfig: v, handleEventPropagation: f } = Fe(
+    const { setSelectionGrid: a, buildMultiLevelMatrix: r, setMonthPicker: o } = Lt(), s = n, c = e, { defaultedAriaLabels: d, defaultedTextInput: x, defaultedConfig: v, handleEventPropagation: m } = Fe(
       c
     ), { 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(() => {
@@ -4121,13 +4121,13 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     }), rt(() => {
       st().then(() => ve()), c.noOverlayFocus || h(), _(!0);
     }), da(() => _(!1));
-    const _ = (m) => {
+    const _ = (f) => {
       var T;
-      c.arrowNavigation && ((T = c.headerRefs) != null && T.length ? o(m) : a(m));
+      c.arrowNavigation && ((T = c.headerRefs) != null && T.length ? o(f) : a(f));
     }, h = () => {
-      var m;
+      var f;
       const T = Ze(V);
-      T && (x.value.enabled || (A.value ? (m = A.value) == null || m.focus({ preventScroll: !0 }) : T.focus({ preventScroll: !0 })), $.value = T.clientHeight < T.scrollHeight);
+      T && (x.value.enabled || (A.value ? (f = A.value) == null || f.focus({ preventScroll: !0 }) : T.focus({ preventScroll: !0 })), $.value = T.clientHeight < T.scrollHeight);
     }, D = j(
       () => ({
         dp__overlay: !0,
@@ -4147,76 +4147,76 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
         dp__button_bottom: c.isLast
       })
     ), se = j(() => {
-      var m, T;
+      var f, T;
       return {
         dp__overlay_container: !0,
-        dp__container_flex: ((m = c.items) == null ? void 0 : m.length) <= 6,
+        dp__container_flex: ((f = c.items) == null ? void 0 : f.length) <= 6,
         dp__container_block: ((T = c.items) == null ? void 0 : T.length) > 6
       };
     });
-    mt(
+    ft(
       () => c.items,
       () => ve(!1),
       { deep: !0 }
     );
-    const ve = (m = !0) => {
+    const ve = (f = !0) => {
       st().then(() => {
         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);
+        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);
       });
-    }, ye = (m) => {
-      m.disabled || s("selected", m.value);
+    }, ye = (f) => {
+      f.disabled || s("selected", f.value);
     }, y = () => {
       s("toggle"), s("reset-flow");
-    }, 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()));
+    }, 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()));
     }, z = () => {
-      var m, T;
-      const F = (m = c.headerRefs) != null && m.length ? [c.headerRefs].concat(C.value) : C.value.concat([c.skipButtonRef ? [] : [H.value]]);
+      var f, T;
+      const F = (f = c.headerRefs) != null && f.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 = (m) => {
-      c.arrowNavigation || Ft(m, v.value, !0);
-    }, I = (m) => {
-      k.value = m, s("hover-value", m);
+    }, ee = (f) => {
+      c.arrowNavigation || Ft(f, v.value, !0);
+    }, I = (f) => {
+      k.value = f, s("hover-value", f);
     }, te = () => {
       if (y(), !c.isLast) {
-        const m = pn(c.menuWrapRef ?? null, "action-row");
-        if (m) {
-          const T = Sr(m);
+        const f = pn(c.menuWrapRef ?? null, "action-row");
+        if (f) {
+          const T = Sr(f);
           T?.focus();
         }
       }
-    }, Y = (m) => {
-      switch (m.key) {
+    }, Y = (f) => {
+      switch (f.key) {
         case Ne.esc:
-          return O(m);
+          return O(f);
         case Ne.arrowLeft:
-          return ee(m);
+          return ee(f);
         case Ne.arrowRight:
-          return ee(m);
+          return ee(f);
         case Ne.arrowUp:
-          return ee(m);
+          return ee(f);
         case Ne.arrowDown:
-          return ee(m);
+          return ee(f);
         default:
           return;
       }
-    }, de = (m) => {
-      if (m.key === Ne.enter) return y();
-      if (m.key === Ne.tab) return te();
+    }, de = (f) => {
+      if (f.key === Ne.enter) return y();
+      if (f.key === Ne.tab) return te();
     };
-    return t({ focusGrid: h }), (m, T) => {
+    return t({ focusGrid: h }), (f, T) => {
       var F;
       return P(), W("div", {
         ref_key: "gridWrapRef",
         ref: V,
         class: be(D.value),
         style: ht(K.value),
-        role: m.useRelative ? void 0 : "dialog",
-        "aria-label": m.overlayLabel,
-        tabindex: m.useRelative ? void 0 : "0",
+        role: f.useRelative ? void 0 : "dialog",
+        "aria-label": f.overlayLabel,
+        tabindex: f.useRelative ? void 0 : "0",
         onKeydown: Y,
         onClick: T[0] || (T[0] = _a(() => {
         }, ["prevent"]))
@@ -4229,11 +4229,11 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
           role: "grid"
         }, [
           ce("div", li, [
-            ue(m.$slots, "header")
+            ue(f.$slots, "header")
           ]),
-          m.$slots.overlay ? ue(m.$slots, "overlay", { key: 0 }) : (P(!0), W(_e, { key: 1 }, Ie(m.items, (q, l) => (P(), W("div", {
+          f.$slots.overlay ? ue(f.$slots, "overlay", { key: 0 }) : (P(!0), W(_e, { key: 1 }, Ie(f.items, (q, l) => (P(), W("div", {
             key: l,
-            class: be(["dp__overlay_row", { dp__flex_row: m.items.length >= 3 }]),
+            class: be(["dp__overlay_row", { dp__flex_row: f.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)
               }, [
-                m.$slots.item ? ue(m.$slots, "item", {
+                f.$slots.item ? ue(f.$slots, "item", {
                   key: 0,
                   item: M
                 }) : Z("", !0),
-                m.$slots.item ? Z("", !0) : (P(), W(_e, { key: 1 }, [
+                f.$slots.item ? Z("", !0) : (P(), W(_e, { key: 1 }, [
                   _t(Qe(M.text), 1)
                 ], 64))
               ], 2)
             ], 42, oi))), 128))
           ], 2))), 128))
         ], 6),
-        m.$slots["button-icon"] ? ha((P(), W("button", {
+        f.$slots["button-icon"] ? ha((P(), W("button", {
           key: 0,
           ref_key: "toggleButton",
           ref: H,
@@ -4275,9 +4275,9 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
           onClick: y,
           onKeydown: de
         }, [
-          ue(m.$slots, "button-icon")
+          ue(f.$slots, "button-icon")
         ], 42, si)), [
-          [ya, !u(p)(m.hideNavigation, m.type)]
+          [ya, !u(p)(f.hideNavigation, f.type)]
         ]) : Z("", !0)
       ], 46, ri);
     };
@@ -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: f, 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: m, 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);
@@ -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(f)
+          css: u(m)
         }, {
           default: we(() => {
             var K, B;
@@ -4492,7 +4492,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   month: x,
   emit: v
 }) => {
-  const f = j(() => On(s.yearRange, s.locale, s.reverseYears)), p = G([!1]), $ = j(() => (N, se) => {
+  const m = 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)
@@ -4532,14 +4532,14 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   }, L = () => {
     R(), e.value.count && V();
   };
-  mt(o, (N, se) => {
+  ft(o, (N, se) => {
     s.isTextInputDate && JSON.stringify(N ?? {}) !== JSON.stringify(se ?? {}) && L();
   }), rt(() => {
     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(f.value, (se) => {
+  }, h = j(() => (N) => ia(m.value, (se) => {
     var ve;
     const ye = d.value(N) === se.value, y = ka(
       se.value,
@@ -4577,7 +4577,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     propDates: d,
     defaultedTz: x,
     defaultedFilters: v,
-    defaultedMultiDates: f
+    defaultedMultiDates: m
   } = Fe(e), p = () => {
     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), {
@@ -4638,10 +4638,10 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       La($.value, t, e.autoApply, e.modelAuto);
     });
   }, te = (T, F) => {
-    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) => {
+    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) => {
+    L(T, F), f(F, T, null);
+  }, f = (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 = ft(r, "yearMode"), s = e;
+    const a = n, r = Xt(), o = mt(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: f,
+      defaultedMultiCalendars: m,
       defaultedConfig: p,
       showYearPicker: $,
       modelValue: A,
@@ -4730,7 +4730,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       selectYear: H,
       handleYear: _
     }), presetDate: V, toggleYearPicker: (D) => R(0, D) }), (D, K) => (P(), Pe(Ea, {
-      "multi-calendars": u(f).count,
+      "multi-calendars": u(m).count,
       collapse: D.collapse,
       stretch: "",
       "is-mobile": D.isMobile
@@ -4797,15 +4797,15 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       _: 3
     }, 8, ["multi-calendars", "collapse", "is-mobile"]));
   }
-}), fi = (e, t) => {
+}), mi = (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 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(
+  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(
       k.value,
       ua(x.value.minDate),
       ua(x.value.maxDate)
@@ -4828,7 +4828,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       })) : (a.value = C(k), t("auto-apply"));
     }
   };
-}, mi = /* @__PURE__ */ Ge({
+}, fi = /* @__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 } = fi(r, a), { defaultedConfig: v } = Fe(r);
+    const a = n, r = e, { groupedYears: o, modelValue: s, focusYear: c, selectYear: d, setHoverValue: x } = mi(r, a), { defaultedConfig: v } = Fe(r);
     return t({ getSidebarProps: () => ({
       modelValue: s,
       selectYear: d
-    }) }), (f, p) => (P(), W("div", null, [
-      f.$slots["top-extra"] ? ue(f.$slots, "top-extra", {
+    }) }), (m, p) => (P(), W("div", null, [
+      m.$slots["top-extra"] ? ue(m.$slots, "top-extra", {
         key: 0,
-        value: f.internalModelValue
+        value: m.internalModelValue
       }) : Z("", !0),
-      f.$slots["month-year"] ? ue(f.$slots, "month-year", at(Xe({ key: 1 }, {
+      m.$slots["month-year"] ? ue(m.$slots, "month-year", at(Xe({ key: 1 }, {
         years: u(o),
         selectYear: u(d)
       }))) : (P(), Pe($a, {
         key: 2,
         items: u(o),
-        "is-last": f.autoApply && !u(v).keepActionRow,
+        "is-last": m.autoApply && !u(v).keepActionRow,
         height: u(v).modeHeight,
-        config: f.config,
-        "no-overlay-focus": !!(f.noOverlayFocus || f.textInput),
+        config: m.config,
+        "no-overlay-focus": !!(m.noOverlayFocus || m.textInput),
         "focus-value": u(c),
         type: "year",
         "use-relative": "",
         onSelected: u(d),
         onHoverValue: u(x)
       }, it({ _: 2 }, [
-        f.$slots["year-overlay-value"] ? {
+        m.$slots["year-overlay-value"] ? {
           name: "item",
           fn: we(({ item: $ }) => [
-            ue(f.$slots, "year-overlay-value", {
+            ue(m.$slots, "year-overlay-value", {
               text: $.text,
               value: $.value
             })
@@ -4919,7 +4919,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       defaultedTransitions: d,
       defaultedFilters: x,
       defaultedConfig: v,
-      defaultedRange: f,
+      defaultedRange: m,
       defaultedMultiCalendars: p
     } = Fe(r), { transitionName: $, showTransition: A } = Ca(d), V = xa({
       hours: !1,
@@ -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) => f.value.enabled && !f.value.disableTimeRangeValidation ? !r.validateTime(i, J) : !1, B = (i, J) => {
-      if (f.value.enabled && !f.value.disableTimeRangeValidation) {
+    ), 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) {
         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) => ms(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) => fs(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 && f.value.enabled && !p.value.count
+      () => r.timePickerInline && m.value.enabled && !p.value.count
     ), g = j(() => {
       const i = [{ type: "hours" }];
       return r.enableMinutes && i.push({ type: "", separator: !0 }, {
@@ -4977,12 +4977,12 @@ 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, m = (i) => i >= 0 ? i : 23, T = (i, J) => {
+    }, de = (i) => i >= 0 ? i : 59, f = (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) : m(i)
+          J === "minutes" || J === "seconds" ? de(i) : f(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;
@@ -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 } = 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);
+    const a = n, r = e, { buildMatrix: o, setTimePicker: s } = Lt(), 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), 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 && !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) => {
+      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) => {
       a("update:hours", I);
     }, y = (I) => {
       a("update:minutes", I);
@@ -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, m;
+            var de, f;
             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(f).modeHeight}px` } : void 0),
+                style: ht(I.timePicker ? { height: `${u(m).modeHeight}px` } : void 0),
                 "aria-label": (de = u(x)) == null ? void 0 : de.timePicker,
                 tabindex: I.timePickerInline ? void 0 : 0
               }, [
@@ -5366,7 +5366,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
                     ref: k,
                     type: "button",
                     class: be({ ...N.value, "dp--hidden-el": L.value }),
-                    "aria-label": (m = u(x)) == null ? void 0 : m.closeTimePicker,
+                    "aria-label": (f = u(x)) == null ? void 0 : f.closeTimePicker,
                     tabindex: "0",
                     onKeydown: te[3] || (te[3] = (T) => u(dt)(T, () => B(!1))),
                     onClick: te[4] || (te[4] = (T) => B(!1))
@@ -5402,14 +5402,14 @@ 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;
-  }, f = (R, L) => {
+  }, m = (R, L) => {
     v(R, L) && (d(R, L), a && a());
   }, p = (R) => {
-    f("hours", R);
+    m("hours", R);
   }, $ = (R) => {
-    f("minutes", R);
+    m("minutes", R);
   }, A = (R) => {
-    f("seconds", R);
+    m("seconds", R);
   }, V = (R, L, _, h) => {
     L && p(R), !L && !_ && $(R), _ && A(R), n.value && h(n.value);
   }, C = (R) => {
@@ -5450,7 +5450,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
 }, Ti = (e, t) => {
   const n = () => {
     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);
+  }, { 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);
   function A() {
     t("update-flow-step");
   }
@@ -5488,7 +5488,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   };
   rt(() => {
     if (!e.shadow)
-      return f(o.value), a.value ? L() : k();
+      return m(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,13 +5520,13 @@ 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 = ft(o, "timePicker"), c = G(null), { time: d, modelValue: x, disabledTimesConfig: v, updateTime: f, validateTime: p } = Ti(r, a);
+    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);
     return rt(() => {
       r.shadow || a("mount", null);
     }), t({ getSidebarProps: () => ({
       modelValue: x,
       time: d,
-      updateTime: f
+      updateTime: m
     }), toggleTimePicker: ($, A = !1, V = "") => {
       var C;
       (C = c.value) == null || C.toggleTimePicker($, A, V);
@@ -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(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)),
+          "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)),
           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: f,
+      propDates: m,
       defaultedUI: p
     } = 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 = (m) => ({
-      get: () => r[m],
+    const B = (f) => ({
+      get: () => r[f],
       set: (T) => {
-        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);
+        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);
       }
-    }), N = j(B(yt.month)), se = j(B(yt.year)), ve = j(() => (m) => ({
+    }), N = j(B(yt.month)), se = j(B(yt.year)), ve = j(() => (f) => ({
       month: r.month,
       year: r.year,
-      items: m === yt.month ? r.months : r.years,
+      items: f === yt.month ? r.months : r.years,
       instance: r.instance,
       updateMonthYear: H,
-      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);
+      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);
       return { active: T, disabled: F, highlighted: q };
-    })), 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);
+    })), 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);
       return { active: T, disabled: F, highlighted: q };
-    })), 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"));
+    })), 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"));
     }, Y = j(() => {
-      var m, T, F, q, l, M;
+      var f, 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: (m = s.value) == null ? void 0 : m.openMonthsOverlay,
+          ariaLabel: (f = s.value) == null ? void 0 : f.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
-    }), (m, T) => {
+    }), (f, T) => {
       var F, q, l, M, oe, Ae;
       return P(), W("div", Ci, [
-        m.$slots["month-year"] ? (P(), W("div", Oi, [
-          ue(m.$slots, "month-year", at(ct({
+        f.$slots["month-year"] ? (P(), W("div", Oi, [
+          ue(f.$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 }, [
-          m.$slots["top-extra"] ? (P(), W("div", Ai, [
-            ue(m.$slots, "top-extra", { value: m.internalModelValue })
+          f.$slots["top-extra"] ? (P(), W("div", Ai, [
+            ue(f.$slots, "top-extra", { value: f.internalModelValue })
           ])) : Z("", !0),
           ce("div", Yi, [
-            u(R)(u(c), e.instance) && !m.vertical ? (P(), Pe(wa, {
+            u(R)(u(c), e.instance) && !f.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(() => [
-                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 }))
+                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 }))
               ]),
               _: 3
             }, 8, ["aria-label", "disabled", "class"])) : Z("", !0),
             ce("div", {
               class: be(["dp__month_year_wrap", {
-                dp__year_disable_select: m.disableYearSelect
+                dp__year_disable_select: f.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)
                 }, [
-                  m.$slots[S.type] ? ue(m.$slots, S.type, {
+                  f.$slots[S.type] ? ue(f.$slots, S.type, {
                     key: 0,
                     text: S.text,
                     value: r[S.type]
                   }) : Z("", !0),
-                  m.$slots[S.type] ? Z("", !0) : (P(), W(_e, { key: 1 }, [
+                  f.$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": m.arrowNavigation,
-                      "hide-navigation": m.hideNavigation,
-                      "is-last": m.autoApply && !u(x).keepActionRow,
+                      "arrow-navigation": f.arrowNavigation,
+                      "hide-navigation": f.hideNavigation,
+                      "is-last": f.autoApply && !u(x).keepActionRow,
                       "skip-button-ref": !1,
-                      config: m.config,
+                      config: f.config,
                       type: S.type,
                       "header-refs": [],
-                      "esc-close": m.escClose,
-                      "menu-wrap-ref": m.menuWrapRef,
-                      "text-input": m.textInput,
-                      "aria-labels": m.ariaLabels,
+                      "esc-close": f.escClose,
+                      "menu-wrap-ref": f.menuWrapRef,
+                      "text-input": f.textInput,
+                      "aria-labels": f.ariaLabels,
                       "overlay-label": S.overlayLabel,
                       onSelected: S.updateModelValue,
                       onToggle: S.toggle
                     }, it({
                       "button-icon": we(() => [
-                        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 }))
+                        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 }))
                       ]),
                       _: 2
                     }, [
-                      m.$slots[`${S.type}-overlay-value`] ? {
+                      f.$slots[`${S.type}-overlay-value`] ? {
                         name: "item",
                         fn: we(({ item: Q }) => [
-                          ue(m.$slots, `${S.type}-overlay-value`, {
+                          ue(f.$slots, `${S.type}-overlay-value`, {
                             text: Q.text,
                             value: Q.value
                           })
                         ]),
                         key: "0"
                       } : void 0,
-                      m.$slots[`${S.type}-overlay`] ? {
+                      f.$slots[`${S.type}-overlay`] ? {
                         name: "overlay",
                         fn: we(() => [
-                          ue(m.$slots, `${S.type}-overlay`, Xe({ ref_for: !0 }, ve.value(S.type)))
+                          ue(f.$slots, `${S.type}-overlay`, Xe({ ref_for: !0 }, ve.value(S.type)))
                         ]),
                         key: "1"
                       } : void 0,
-                      m.$slots[`${S.type}-overlay-header`] ? {
+                      f.$slots[`${S.type}-overlay-header`] ? {
                         name: "header",
                         fn: we(() => [
-                          ue(m.$slots, `${S.type}-overlay-header`, {
+                          ue(f.$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) && m.vertical ? (P(), Pe(wa, {
+            u(R)(u(c), e.instance) && f.vertical ? (P(), Pe(wa, {
               key: 1,
               "aria-label": (l = u(s)) == null ? void 0 : l.prevMonth,
               "el-name": "action-prev",
@@ -5798,8 +5798,8 @@ 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(() => [
-                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 }))
+                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 }))
               ]),
               _: 3
             }, 8, ["aria-label", "disabled", "class"])) : Z("", !0),
@@ -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, m.disableYearSelect ? 2 : 3))
+              onSetRef: T[4] || (T[4] = (S) => te(S, f.disableYearSelect ? 2 : 3))
             }, {
               default: we(() => [
-                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 }))
+                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 }))
               ]),
               _: 3
             }, 8, ["disabled", "aria-label", "class"])) : Z("", !0)
@@ -5864,7 +5864,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       defaultedAriaLabels: d,
       defaultedMultiCalendars: x,
       defaultedWeekNumbers: v,
-      defaultedMultiDates: f,
+      defaultedMultiDates: m,
       defaultedUI: p
     } = Fe(r), $ = G(null), A = G({
       bottom: "",
@@ -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 && f.value.enabled && f.value.dragSelect)
+      if (h.value && m.value.enabled && m.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, m();
+      R.value.endX = S.changedTouches[0].screenX, R.value.endY = S.changedTouches[0].screenY, f();
     }, de = (S) => {
       r.vertical && !r.inline && S.preventDefault();
-    }, m = () => {
+    }, f = () => {
       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() || (!f.value.enabled || c.value.allowPreventDefault) && (Ft(S, c.value), a("select-date", ke));
+      !Q && Ts() || (!m.value.enabled || c.value.allowPreventDefault) && (Ft(S, c.value), a("select-date", ke));
     }, oe = (S) => {
       Ft(S, c.value);
     }, Ae = (S) => {
-      f.value.enabled && f.value.dragSelect ? (h.value = !0, a("select-date", S)) : f.value.enabled && a("select-date", S);
+      m.value.enabled && m.value.dragSelect ? (h.value = !0, a("select-date", S)) : m.value.enabled && a("select-date", S);
     };
     return t({ triggerTransition: N }), (S, ke) => (P(), W("div", {
       class: be(y.value)
@@ -6090,7 +6090,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     ], 2));
   }
 }), 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), {
+  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), {
     defaultedMultiCalendars: p,
     defaultedStartTime: $,
     defaultedRange: A,
@@ -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 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) => {
+      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) => {
     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) }), E = cr(Me, { months: 1 });
         x.value[pe] = { month: Te(E), year: ge(E) };
       }
   }, T = (b, X) => {
-    m(b), B("hours", Rt(b)), B("minutes", Et(b)), B("seconds", oa(b)), p.value.count && X && S();
+    f(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,7 +6139,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     }
     return 1;
   }, q = (b, X) => {
-    b[1] && A.value.showLastInRange ? m(b[F(b)], X) : m(b[0], X);
+    b[1] && A.value.showLastInRange ? f(b[F(b)], X) : f(b[0], X);
     const pe = (Me, E) => [
       Me(b[0]),
       b[1] ? Me(b[1]) : v[E][1]
@@ -6173,7 +6173,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
         U(d.value[1] ? d.value[1] : bt(d.value[0], 1))
       ), [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()));
+    } else d.value && !Array.isArray(d.value) && (g(0, Te(d.value), ge(d.value)), f(U()));
   }, ke = () => {
     e.startDate && (g(0, Te(U(e.startDate)), ge(U(e.startDate))), p.value.count && Ae(0));
   }, Q = (b, X) => {
@@ -6204,7 +6204,7 @@ 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 E = 6 - b.length, ie = (X.getDay() + 7 - Me) % 7, me = 6 - (pe.getDay() + 7 - Me) % 7, [At, Pt] = ne(ie, me);
+      const E = 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 <= E; zt++)
         if (Pt ? !!(zt % 2) == At : At) {
           const Vt = b[0].days[0], Ga = xe(pt(Vt.value, -7), Te(X));
@@ -6218,17 +6218,17 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
   }, xe = (b, X) => {
     const pe = U(b), Me = [];
     for (let E = 0; E < 7; E++) {
-      const ie = pt(pe, E), me = Te(ie) !== X;
+      const ie = pt(pe, E), fe = Te(ie) !== X;
       Me.push({
-        text: e.hideOffsetDates && me ? "" : ie.getDate(),
+        text: e.hideOffsetDates && fe ? "" : ie.getDate(),
         value: ie,
-        current: !me,
+        current: !fe,
         classData: {}
       });
     }
     return Me;
   }, De = (b, X) => {
-    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 pe = [], Me = new Date(X, b), E = new Date(X, b + 1, 0), ie = e.weekStart, fe = 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(E))
@@ -6237,9 +6237,9 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
         At(Vt);
       }
     };
-    return At(me), re(pe, Me, E, ie);
+    return At(fe), re(pe, Me, E, ie);
   }, Ye = (b) => {
-    const X = Bt(U(b.value), v.hours, v.minutes, fe());
+    const X = Bt(U(b.value), v.hours, v.minutes, me());
     t("date-update", X), H.value.enabled ? Rn(X, d, H.value.limit) : d.value = X, a(), st().then(() => {
       te();
     });
@@ -6268,12 +6268,12 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     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) ? 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) => {
+  }, me = (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],
-      fe(b !== 1)
+      me(b !== 1)
     );
   }, xt = () => {
     var b, X;
@@ -6317,7 +6317,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     year: y,
     time: v,
     disabledTimesConfig: ve,
-    today: f,
+    today: m,
     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: m,
+    assignMonthAndYear: f,
     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: f,
+      today: m,
       validateTime: p,
       getCalendarDays: $,
       getMarker: A,
@@ -6385,10 +6385,10 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
       updateTime: h,
       assignMonthAndYear: D,
       setStartTime: K
-    } = 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) => {
+    } = Li(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) => {
       r.shadow || a("mount", Q);
     };
-    mt(
+    ft(
       o,
       () => {
         r.shadow || setTimeout(() => {
@@ -6396,7 +6396,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
         }, 0);
       },
       { deep: !0 }
-    ), mt(
+    ), ft(
       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 m() {
+    function f() {
       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 : f, ne = ae ? new Date(ae) : J, re = Q ? kt(ne, { weekStartsOn: 1 }) : yr(ne, { weekStartsOn: 1 });
+        const J = d.value ? d.value : m, 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),
@@ -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: 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({
+  } = 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: 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: f,
+    year: m,
     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: f.value(O) });
+    const g = Ve(/* @__PURE__ */ new Date(), { year: m.value(O) });
     return bl({
       start: Zt(g),
       end: Ha(g)
@@ -6617,7 +6617,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
     defaultedConfig: r,
     defaultedMultiCalendars: a,
     groupedYears: C,
-    year: f,
+    year: m,
     isDisabled: H,
     quarters: se,
     showYearPicker: k,
@@ -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 = ft(o, "yearMode"), {
+    const a = n, r = e, o = Xt(), s = mt(o, "yearMode"), {
       defaultedMultiCalendars: c,
       defaultedConfig: d,
       groupedYears: x,
       year: v,
-      isDisabled: f,
+      isDisabled: m,
       quarters: p,
       modelValue: $,
       showYearPicker: A,
@@ -6695,7 +6695,7 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
               instance: h,
               "show-year-picker": u(A)[h],
               year: u(v)(h),
-              "is-disabled": (D) => u(f)(h, D),
+              "is-disabled": (D) => u(m)(h, D),
               onHandleYear: (D) => u(R)(h, D),
               onYearSelect: (D) => u(H)(D, h),
               onToggleYearPicker: (D) => u(k)(h, D?.flow, D?.show)
@@ -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: 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) => {
+    }), { 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), 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) {
         L.value = !0, K(), window.addEventListener("resize", K);
         const w = Ze(o);
-        w && !f.value.enabled && !p.value.enabled && (c(!0), te()), w && (w.addEventListener("pointerdown", D), w.addEventListener("mousedown", D));
+        w && !m.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 } = 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(() => {
+    }, { 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 ? fi : 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");
-    }, 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(() => ({
+    }, 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(() => ({
       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, (fe, Je) => (P(), W(_e, { key: Je }, [
-              fe.slot ? ue(w.$slots, fe.slot, {
+            (P(!0), W(_e, null, Ie(w.presetDates, (me, Je) => (P(), W(_e, { key: Je }, [
+              me.slot ? ue(w.$slots, me.slot, {
                 key: 0,
                 presetDate: ne,
-                label: fe.label,
-                value: fe.value
+                label: me.label,
+                value: me.value
               }) : (P(), W("button", {
                 key: 1,
                 type: "button",
-                style: ht(fe.style || {}),
+                style: ht(me.style || {}),
                 class: be(["dp__btn dp--preset-range", { "dp--preset-range-collapsed": e.collapse }]),
-                "data-test-id": fe.testId ?? void 0,
+                "data-test-id": me.testId ?? void 0,
                 "data-dp-mobile": u(C),
-                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))
+                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))
             ], 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] = (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)),
+              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)),
               onTimePickerClose: ke,
               onRecalculatePosition: de,
-              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))
+              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))
             }), it({ _: 2 }, [
-              Ie(T.value, (fe, Je) => ({
-                name: fe,
+              Ie(T.value, (me, Je) => ({
+                name: me,
                 fn: we((xt) => [
-                  ue(w.$slots, fe, at(ct({ ...xt })))
+                  ue(w.$slots, me, at(ct({ ...xt })))
                 ])
               }))
             ]), 1040, ["flow-step", "onMount", "onUpdateFlowStep", "onResetFlow"]))
@@ -7049,15 +7049,15 @@ const pn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Rr = (e, t) =
           "menu-mount": L.value
         }, s.value, {
           "calendar-width": H.value,
-          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")),
+          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")),
           onSelectNow: J
         }), it({ _: 2 }, [
-          Ie(u(m), (fe, Je) => ({
-            name: fe,
+          Ie(u(f), (me, Je) => ({
+            name: me,
             fn: we((xt) => [
-              ue(w.$slots, fe, at(ct({ ...xt })))
+              ue(w.$slots, me, 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), f = G({
+  const { defaultedConfig: d } = Fe(s), x = G({}), v = G(!1), m = G({
     top: "0",
     left: "0"
   }), p = G(!1), $ = ba(s, "teleportCenter");
-  mt($, () => {
-    f.value = JSON.parse(JSON.stringify({})), _();
+  ft($, () => {
+    m.value = JSON.parse(JSON.stringify({})), _();
   });
   const A = (g) => {
     if (s.teleport) {
@@ -7093,19 +7093,19 @@ const ru = ({
     }
     return { top: 0, left: 0 };
   }, V = (g, z) => {
-    f.value.left = `${g + z - x.value.width}px`;
+    m.value.left = `${g + z - x.value.width}px`;
   }, C = (g) => {
-    f.value.left = `${g}px`;
+    m.value.left = `${g}px`;
   }, k = (g, z) => {
-    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`);
+    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`);
   }, 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 = () => {
-    f.value.left = "50%", f.value.top = "50%", f.value.transform = "translate(-50%, -50%)", f.value.position = "fixed", delete f.value.opacity;
+    m.value.left = "50%", m.value.top = "50%", m.value.transform = "translate(-50%, -50%)", m.value.position = "fixed", delete m.value.opacity;
   }, L = () => {
     const g = Ze(n);
-    f.value = s.altPosition(g);
+    m.value = s.altPosition(g);
   }, _ = (g = !0) => {
     var z;
     if (!r.value.enabled) {
@@ -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);
-    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 });
+    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 });
   }, K = (g) => {
     const { top: z, left: ee, width: I } = H(g);
-    f.value.top = `${z - +s.offset - x.value.height}px`, p.value = !0, h({ inputEl: g, left: ee, width: I });
+    m.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: f,
+    menuStyle: m,
     xCorrect: v,
     setMenuPosition: _,
     getScrollableParent: y,
     shadowRender: (g, z, ee) => {
       var I, te, Y;
-      const de = document.createElement("div"), m = (I = Ze(n)) == null ? void 0 : I.getBoundingClientRect();
+      const de = document.createElement("div"), f = (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(m), q = d.value.shadowDom ? Object.keys(c).filter(
+      const F = O(f), 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"))
-}, ft = (e, t, n) => {
+}, mt = (e, t, n) => {
   const a = [];
   return ou[t]().forEach((r) => {
     e[r.name] && a.push(r.name);
@@ -7274,7 +7274,7 @@ const ru = ({
     minutes: c("minutes"),
     seconds: c("seconds")
   });
-  mt(
+  ft(
     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
-  ), f = j(
+  ), m = j(
     () => (p) => s.value[p] ? s.value[p].year : 0
   );
-  return mt(
+  return ft(
     x,
     (p, $) => {
       n && JSON.stringify(p ?? {}) !== JSON.stringify($ ?? {}) && n();
@@ -7302,7 +7302,7 @@ const ru = ({
     time: d,
     modelValue: x,
     month: v,
-    year: f,
+    year: m,
     today: o
   };
 }, su = (e, t) => {
@@ -7314,7 +7314,7 @@ const ru = ({
     defaultedTz: s,
     propDates: c,
     defaultedRange: d
-  } = Fe(t), { isDisabled: x } = Wt(t), v = G(null), f = G(vt(/* @__PURE__ */ new Date(), s.value.timezone)), p = (l) => {
+  } = Fe(t), { isDisabled: x } = Wt(t), v = G(null), m = G(vt(/* @__PURE__ */ new Date(), s.value.timezone)), p = (l) => {
     !l.current && t.hideOffsetDates || (v.value = l.value);
   }, $ = () => {
     v.value = null;
@@ -7330,7 +7330,7 @@ const ru = ({
       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] : 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) => {
+  }, 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), L = (l) => {
     if (d.value.autoRange || t.weekPicker) {
       if (v.value) {
         if (t.hideOffsetDates && !l.current) 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 } = m(l), Ae = d.value.enabled ? M || oe : !1;
+    const { isRangeStart: M, isRangeEnd: oe } = f(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, f.value) && l.current,
-      "dp--past": Ee(l.value, f.value),
-      "dp--future": qe(l.value, f.value)
+      dp__today: !t.noToday && $e(l.value, m.value) && l.current,
+      "dp--past": Ee(l.value, m.value),
+      "dp--future": qe(l.value, m.value)
     };
   }, te = (l) => ({
     dp__active_date: se(l),
@@ -7425,11 +7425,11 @@ const ru = ({
     return {
       ...F(l)
     };
-  }, m = (l) => {
+  }, f = (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 } = m(l);
+    const { isRangeStart: M, isRangeEnd: oe } = f(l);
     return {
       dp__range_start: M,
       dp__range_end: oe,
@@ -7456,14 +7456,14 @@ 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) : 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];
+    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];
     return !(O || g || z || ee || de || I || te);
-  }, 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) => {
+  }, 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)), m = (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 = f(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 = m(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,7 +7472,7 @@ 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 = 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);
+      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);
       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;
@@ -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 = (f) => {
+  }), o = j(() => e.monthPicker || e.timePicker), s = (m) => {
     var p;
     if ((p = e.flow) != null && p.length) {
-      if (!f && o.value) return v();
-      r[f] = !0, Object.keys(r).filter(($) => !r[$]).length || v();
+      if (!m && o.value) return v();
+      r[m] = !0, Object.keys(r).filter(($) => !r[$]).length || v();
     }
   }, c = () => {
-    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());
+    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());
   }, d = () => {
     a.value = -1;
-  }, x = (f, p, ...$) => {
+  }, x = (m, p, ...$) => {
     var A, V;
-    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);
+    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);
     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"], fu = /* @__PURE__ */ Ge({
+}, vu = ["aria-label"], mu = /* @__PURE__ */ Ge({
   compatConfig: {
     MODE: 3
   },
@@ -7602,7 +7602,7 @@ const ru = ({
       defaultedConfig: d,
       defaultedRange: x,
       defaultedMultiDates: v,
-      defaultedUI: f,
+      defaultedUI: m,
       getDefaultPattern: p,
       getDefaultStartTime: $
     } = Fe(r), { checkMinMaxRange: A } = Wt(r), V = G(), C = G(null), k = G(!1), H = G(!1), R = j(
@@ -7616,7 +7616,7 @@ 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,
-        ...f.value.input ?? {}
+        ...m.value.input ?? {}
       })
     ), L = () => {
       a("set-input-date", null), r.clearable && r.autoApply && (a("set-empty-date"), V.value = null);
@@ -7631,9 +7631,9 @@ const ru = ({
         r.formatLocale
       );
     }, h = (Y) => {
-      const { rangeSeparator: de } = o.value, [m, T] = Y.split(`${de}`);
-      if (m) {
-        const F = _(m.trim()), q = T ? _(T.trim()) : void 0;
+      const { rangeSeparator: de } = o.value, [f, T] = Y.split(`${de}`);
+      if (f) {
+        const F = _(f.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((m) => _(m.trim())).filter((m) => m);
+        V.value = de.map((f) => _(f.trim())).filter((f) => f);
       } else
         V.value = _(Y);
     }, B = (Y) => {
       var de;
-      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);
+      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)) : L(), H.value = !1, a("update:input-value", f), 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 m, T, F;
+      var f, 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": (m = u(s)) == null ? void 0 : m.input,
+            "aria-label": (f = u(s)) == null ? void 0 : f.input,
             "aria-disabled": Y.disabled || void 0,
             "aria-invalid": Y.state === !1 ? !0 : void 0,
             onInput: B,
@@ -7771,11 +7771,11 @@ const ru = ({
       ]);
     };
   }
-}), mu = typeof window < "u" ? window : void 0, un = () => {
+}), fu = 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 = mt(
+  const o = ft(
     () => 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 = mu, event: o = "pointerdown" } = a;
+  const { window: r = fu, 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), 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), {
+    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: 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 E = m($.value);
+          const E = f($.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 E = m($.value);
+        const E = f($.value);
         E?.removeEventListener("scroll", ne), window?.removeEventListener("resize", re);
       }
       window?.removeEventListener("keyup", xe), window?.removeEventListener("keydown", De);
     });
-    const z = ft(o, "all", r.presetDates), ee = ft(o, "input");
-    mt(
+    const z = mt(o, "all", r.presetDates), ee = mt(o, "input");
+    ft(
       [c, d],
       () => {
         l(c.value);
       },
       { deep: !0 }
     );
-    const { openOnTop: I, menuStyle: te, xCorrect: Y, setMenuPosition: de, getScrollableParent: m, shadowRender: T } = ru({
+    const { openOnTop: I, menuStyle: te, xCorrect: Y, setMenuPosition: de, getScrollableParent: f, shadowRender: T } = ru({
       menuRef: x,
       menuRefInner: v,
-      inputRef: f,
+      inputRef: m,
       pickerWrapperRef: $,
       inline: B,
       emit: a,
@@ -7889,7 +7889,7 @@ const ru = ({
       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 E, ie;
-      return ((ie = (E = f.value) == null ? void 0 : E.$el) == null ? void 0 : ie.getBoundingClientRect()) ?? { width: 0, left: 0, right: 0 };
+      return ((ie = (E = m.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 = () => {
@@ -7902,10 +7902,10 @@ const ru = ({
     }, 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 || fe(), l(r.modelValue));
+      !r.disabled && !r.readonly && (T(g, or, r), de(!1), s.value = !0, s.value && a("open"), s.value || me(), l(r.modelValue));
     }, We = () => {
       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();
+      F.value = "", me(), (E = v.value) == null || E.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();
     }, w = () => {
       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;
@@ -7914,21 +7914,21 @@ const ru = ({
     }, Ce = (E) => {
       Ke(), M(), N.value.closeOnAutoApply && !E && Je();
     }, Ke = () => {
-      f.value && K.value.enabled && f.value.setParsedDate(q.value);
+      m.value && K.value.enabled && m.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 = () => {
+    }, me = () => {
       K.value.enabled || (q.value = null);
     }, 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) => {
+      var ie, fe;
+      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)), me(), a("blur"), (fe = (ie = v.value) == null ? void 0 : ie.$el) == null || fe.remove());
+    }, xt = (E, ie, fe = !1) => {
       if (!E) {
         q.value = null;
         return;
       }
       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(() => {
+      At && Pt ? (k.value = !0, q.value = E, ie ? (A.value = fe, le(), a("text-submit")) : r.autoApply && Mt(), st().then(() => {
         k.value = !1;
       })) : a("invalid-date", E);
     }, za = () => {
@@ -7951,15 +7951,15 @@ const ru = ({
     }, Za = (E) => {
       l(E ?? r.modelValue);
     }, b = (E, ie) => {
-      var me;
-      (me = v.value) == null || me.switchView(E, ie);
+      var fe;
+      (fe = v.value) == null || fe.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(E);
     }, Me = () => x;
     return yu(
       x,
-      f,
+      m,
       (E) => X(w, E)
     ), t({
       closeMenu: Je,
@@ -7984,11 +7984,11 @@ const ru = ({
       "data-datepicker-instance": "",
       "data-dp-mobile": u(O)
     }, [
-      tt(fu, Xe({
+      tt(mu, Xe({
         ref_key: "inputRef",
-        ref: f,
+        ref: m,
         "input-value": u(F),
-        "onUpdate:inputValue": ie[0] || (ie[0] = (me) => Nn(F) ? F.value = me : null),
+        "onUpdate:inputValue": ie[0] || (ie[0] = (fe) => Nn(F) ? F.value = fe : null),
         "is-menu-open": s.value
       }, E.$props, {
         onClear: We,
@@ -8000,13 +8000,13 @@ const ru = ({
         onClose: Je,
         onFocus: Ua,
         onBlur: ja,
-        onRealBlur: ie[1] || (ie[1] = (me) => p.value = !1),
-        onTextInput: ie[2] || (ie[2] = (me) => E.$emit("text-input", me))
+        onRealBlur: ie[1] || (ie[1] = (fe) => p.value = !1),
+        onTextInput: ie[2] || (ie[2] = (fe) => E.$emit("text-input", fe))
       }), it({ _: 2 }, [
-        Ie(u(ee), (me, At) => ({
-          name: me,
+        Ie(u(ee), (fe, At) => ({
+          name: fe,
           fn: we((Pt) => [
-            ue(E.$slots, me, at(ct(Pt)))
+            ue(E.$slots, fe, at(ct(Pt)))
           ])
         }))
       ]), 1040, ["input-value", "is-menu-open", "onSetEmptyDate"]),
@@ -8030,7 +8030,7 @@ const ru = ({
                   ref: v
                 }, E.$props, {
                   "internal-model-value": u(q),
-                  "onUpdate:internalModelValue": ie[3] || (ie[3] = (me) => Nn(q) ? q.value = me : null),
+                  "onUpdate:internalModelValue": ie[3] || (ie[3] = (fe) => Nn(q) ? q.value = fe : null),
                   class: { [ke.value]: !0, "dp--menu-wrapper": E.teleport },
                   "open-on-top": u(I),
                   "no-overlay-focus": i.value,
@@ -8041,28 +8041,28 @@ const ru = ({
                   onSelectDate: le,
                   onAutoApply: Mt,
                   onTimeUpdate: za,
-                  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)),
+                  onFlowStep: ie[4] || (ie[4] = (fe) => E.$emit("flow-step", fe)),
+                  onUpdateMonthYear: ie[5] || (ie[5] = (fe) => E.$emit("update-month-year", fe)),
+                  onInvalidSelect: ie[6] || (ie[6] = (fe) => E.$emit("invalid-select", u(q))),
+                  onAutoApplyInvalid: ie[7] || (ie[7] = (fe) => E.$emit("invalid-select", fe)),
+                  onInvalidFixedRange: ie[8] || (ie[8] = (fe) => E.$emit("invalid-fixed-range", fe)),
                   onRecalculatePosition: u(de),
-                  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"))
+                  onTooltipOpen: ie[9] || (ie[9] = (fe) => E.$emit("tooltip-open", fe)),
+                  onTooltipClose: ie[10] || (ie[10] = (fe) => E.$emit("tooltip-close", fe)),
+                  onTimePickerOpen: ie[11] || (ie[11] = (fe) => E.$emit("time-picker-open", fe)),
+                  onTimePickerClose: ie[12] || (ie[12] = (fe) => E.$emit("time-picker-close", fe)),
+                  onAmPmChange: ie[13] || (ie[13] = (fe) => E.$emit("am-pm-change", fe)),
+                  onRangeStart: ie[14] || (ie[14] = (fe) => E.$emit("range-start", fe)),
+                  onRangeEnd: ie[15] || (ie[15] = (fe) => E.$emit("range-end", fe)),
+                  onDateUpdate: ie[16] || (ie[16] = (fe) => E.$emit("date-update", fe)),
+                  onInvalidDate: ie[17] || (ie[17] = (fe) => E.$emit("invalid-date", fe)),
+                  onOverlayToggle: ie[18] || (ie[18] = (fe) => E.$emit("overlay-toggle", fe)),
+                  onMenuBlur: ie[19] || (ie[19] = (fe) => E.$emit("blur"))
                 }), it({ _: 2 }, [
-                  Ie(u(z), (me, At) => ({
-                    name: me,
+                  Ie(u(z), (fe, At) => ({
+                    name: fe,
                     fn: we((Pt) => [
-                      ue(E.$slots, me, at(ct({ ...Pt })))
+                      ue(E.$slots, fe, at(ct({ ...Pt })))
                     ])
                   }))
                 ]), 1040, ["internal-model-value", "class", "open-on-top", "no-overlay-focus", "collapse", "is-text-input-date", "onRecalculatePosition"])
@@ -8289,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()), f = [
+    }, x = G(d()), v = G(d()), m = [
       {
         title: "Yesterday",
         getValue: () => {
@@ -8381,7 +8381,7 @@ const Nu = /* @__PURE__ */ Aa(Ru, [["render", Hu], ["__scopeId", "data-v-a4cac93
           console.warn("DatePicker: Error in initDate function:", _);
         }
     };
-    mt(
+    ft(
       r,
       (_) => {
         try {
@@ -8414,7 +8414,7 @@ const Nu = /* @__PURE__ */ Aa(Ru, [["render", Hu], ["__scopeId", "data-v-a4cac93
     }, {
       "menu-header": we(() => [
         ce("div", Fu, [
-          (P(), W(_e, null, Ie(f, (D, K) => ce("button", {
+          (P(), W(_e, null, Ie(m, (D, K) => ce("button", {
             key: K,
             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())
@@ -8469,7 +8469,7 @@ const Nu = /* @__PURE__ */ Aa(Ru, [["render", Hu], ["__scopeId", "data-v-a4cac93
             class: "w-[18px] h-[18px]"
           }),
           ce("p", {
-            class: be(["typo-link", [x.value ? "text-text-primary" : "text-gray-400"]])
+            class: be(["typo-link text-sm", [x.value ? "text-text-primary" : "text-gray-400"]])
           }, Qe(x.value ? u(sr)(x.value) : "Select dates"), 3)
         ])
       ]),