energy-components 2.0.1 → 2.2.0

package/dist/components/datepicker.es.js

@@ -1,5 +1,5 @@
 import { reactive as ya, ref as G, defineComponent as Je, useSlots as Vt, toRef as fa, onMounted as Ze, nextTick as it, onUnmounted as ga, watch as ct, computed as U, openBlock as O, createElementBlock as X, unref as s, normalizeClass as xe, createVNode as tt, mergeProps as Qe, isRef as $n, createSlots as Ge, renderList as Se, withCtx as ke, renderSlot as de, normalizeProps as ze, guardReactiveProps as lt, createBlock as Te, resolveDynamicComponent as Ya, Teleport as qr, Transition as la, createCommentVNode as K, h as jr, render as Cn, createElementVNode as ge, withModifiers as Ot, normalizeStyle as vt, Fragment as _e, toDisplayString as et, useAttrs as Qr, createTextVNode as Ct, getCurrentScope as Ur, onScopeDispose as Xr, onBeforeUpdate as zr, withDirectives as Pa, vShow as Ta, withKeys as Aa, useModel as Kr, toRefs as Gr, toHandlers as Jr, mergeModels as Yn } from "vue";
-import { R as Zr } from "./icon-svg-Cx3PvOnQ.js";
+import { R as Zr } from "./icon-svg-CW3eQRcp.js";
 import Rn from "./button.es.js";
 import el from "./textField.es.js";
 import { _ as tl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -3734,13 +3734,13 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
       b(c[0]),
       c[1] ? b(c[1]) : Kt(l.value.partialRange)
     ];
-  }, I = () => a.value[1] ? L() : b(Ke(a.value[0])), k = () => (a.value || []).map((c) => b(c)), ae = (c = !1) => (c || le(), t.modelAuto ? I() : v.value.enabled ? k() : Array.isArray(a.value) ? Ma(() => L(), l.value.enabled) : b(Ke(a.value))), ce = (c) => !c || Array.isArray(c) && !c.length ? null : t.timePicker ? S(Ke(c)) : t.monthPicker ? E(Ke(c)) : t.yearPicker ? T(Ke(c)) : v.value.enabled ? ee(Ke(c)) : t.weekPicker ? R(Ke(c)) : F(Ke(c)), h = (c) => {
+  }, I = () => a.value[1] ? L() : b(Ke(a.value[0])), _ = () => (a.value || []).map((c) => b(c)), ae = (c = !1) => (c || le(), t.modelAuto ? I() : v.value.enabled ? _() : Array.isArray(a.value) ? Ma(() => L(), l.value.enabled) : b(Ke(a.value))), ce = (c) => !c || Array.isArray(c) && !c.length ? null : t.timePicker ? S(Ke(c)) : t.monthPicker ? E(Ke(c)) : t.yearPicker ? T(Ke(c)) : v.value.enabled ? ee(Ke(c)) : t.weekPicker ? R(Ke(c)) : F(Ke(c)), h = (c) => {
     const oe = ce(c);
     dn(Ke(oe)) ? (a.value = Ke(oe), ne()) : (a.value = null, P.value = "");
-  }, _ = () => {
+  }, w = () => {
     const c = (oe) => Tt(oe, r.value.format);
     return `${c(a.value[0])} ${r.value.rangeSeparator} ${a.value[1] ? c(a.value[1]) : ""}`;
-  }, g = () => n.value && a.value ? Array.isArray(a.value) ? _() : Tt(a.value, r.value.format) : C(a.value), V = () => a.value ? v.value.enabled ? a.value.map((c) => C(c)).join("; ") : r.value.enabled && typeof r.value.format == "string" ? g() : C(a.value) : "", ne = () => {
+  }, g = () => n.value && a.value ? Array.isArray(a.value) ? w() : Tt(a.value, r.value.format) : C(a.value), V = () => a.value ? v.value.enabled ? a.value.map((c) => C(c)).join("; ") : r.value.enabled && typeof r.value.format == "string" ? g() : C(a.value) : "", ne = () => {
     !t.format || typeof t.format == "string" || r.value.enabled && typeof r.value.format == "string" ? P.value = V() : P.value = t.format(a.value);
   }, B = (c) => {
     if (t.utc) {
@@ -3963,8 +3963,8 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
     });
     const E = () => {
       $.value = !1, setTimeout(() => {
-        var h, _;
-        const g = (h = H.value) == null ? void 0 : h.getBoundingClientRect(), V = (_ = S.value) == null ? void 0 : _.getBoundingClientRect();
+        var h, w;
+        const g = (h = H.value) == null ? void 0 : h.getBoundingClientRect(), V = (w = S.value) == null ? void 0 : w.getBoundingClientRect();
         g && V && (T.value.maxWidth = `${V.width - g.width - 20}px`), $.value = !0;
       }, 0);
     }, ee = U(() => P.value.enabled && !P.value.partialRange && a.internalModelValue ? a.internalModelValue.length === 2 : !0), R = U(
@@ -3982,12 +3982,12 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
       v.value.rangeSeparator,
       a.modelAuto,
       l.value
-    ), I = U(() => !a.internalModelValue || !a.menuMount ? "" : typeof l.value == "string" ? Array.isArray(a.internalModelValue) ? a.internalModelValue.length === 2 && a.internalModelValue[1] ? le() : f.value.enabled ? a.internalModelValue.map((h) => `${L(h)}`) : a.modelAuto ? `${L(a.internalModelValue[0])}` : `${L(a.internalModelValue[0])} -` : L(a.internalModelValue) : F()), k = () => f.value.enabled ? "; " : " - ", ae = U(
-      () => Array.isArray(I.value) ? I.value.join(k()) : I.value
+    ), I = U(() => !a.internalModelValue || !a.menuMount ? "" : typeof l.value == "string" ? Array.isArray(a.internalModelValue) ? a.internalModelValue.length === 2 && a.internalModelValue[1] ? le() : f.value.enabled ? a.internalModelValue.map((h) => `${L(h)}`) : a.modelAuto ? `${L(a.internalModelValue[0])}` : `${L(a.internalModelValue[0])} -` : L(a.internalModelValue) : F()), _ = () => f.value.enabled ? "; " : " - ", ae = U(
+      () => Array.isArray(I.value) ? I.value.join(_()) : I.value
     ), ce = () => {
       m.value(a.internalModelValue) && p.value(a.internalModelValue) && ee.value ? n("select-date") : n("invalid-select");
     };
-    return (h, _) => (O(), X("div", {
+    return (h, w) => (O(), X("div", {
       ref_key: "actionRowRef",
       ref: S,
       class: "dp__action_row"
@@ -4029,15 +4029,15 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
               ref: C,
               type: "button",
               class: "dp__action_button dp__action_cancel",
-              onClick: _[0] || (_[0] = (g) => h.$emit("close-picker")),
-              onKeydown: _[1] || (_[1] = (g) => s(ot)(g, () => h.$emit("close-picker")))
+              onClick: w[0] || (w[0] = (g) => h.$emit("close-picker")),
+              onKeydown: w[1] || (w[1] = (g) => s(ot)(g, () => h.$emit("close-picker")))
             }, et(h.cancelText), 545)) : K("", !0),
             s(r).showNow ? (O(), X("button", {
               key: 1,
               type: "button",
               class: "dp__action_button dp__action_cancel",
-              onClick: _[2] || (_[2] = (g) => h.$emit("select-now")),
-              onKeydown: _[3] || (_[3] = (g) => s(ot)(g, () => h.$emit("select-now")))
+              onClick: w[2] || (w[2] = (g) => h.$emit("select-now")),
+              onKeydown: w[3] || (w[3] = (g) => s(ot)(g, () => h.$emit("select-now")))
             }, et(h.nowButtonLabel), 33)) : K("", !0),
             s(r).showSelect ? (O(), X("button", {
               key: 2,
@@ -4047,7 +4047,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
               class: "dp__action_button dp__action_select",
               disabled: R.value,
               "data-test-id": "select-button",
-              onKeydown: _[4] || (_[4] = (g) => s(ot)(g, () => ce())),
+              onKeydown: w[4] || (w[4] = (g) => s(ot)(g, () => ce())),
               onClick: ce
             }, et(h.selectText), 41, Xi)) : K("", !0)
           ], 64))
@@ -4084,7 +4084,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
     zr(() => {
       M.value = null;
     }), Ze(() => {
-      it().then(() => k()), v.noOverlayFocus || ee(), E(!0);
+      it().then(() => _()), v.noOverlayFocus || ee(), E(!0);
     }), ga(() => E(!1));
     const E = (W) => {
       var A;
@@ -4121,10 +4121,10 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
     });
     ct(
       () => v.items,
-      () => k(!1),
+      () => _(!1),
       { deep: !0 }
     );
-    const k = (W = !0) => {
+    const _ = (W = !0) => {
       it().then(() => {
         const A = Xe(M), o = Xe(C), y = Xe(T), Q = Xe(S), c = y ? y.getBoundingClientRect().height : 0;
         o && (o.getBoundingClientRect().height ? H.value = o.getBoundingClientRect().height - c : H.value = f.value.modeHeight - c), A && Q && W && (Q.scrollTop = A.offsetTop - Q.offsetTop - (H.value / 2 - A.getBoundingClientRect().height) - c);
@@ -4135,7 +4135,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
       i("toggle"), i("reset-flow");
     }, h = () => {
       v.escClose && ce();
-    }, _ = (W, A, o, y) => {
+    }, w = (W, A, o, y) => {
       W && ((A.active || A.value === v.focusValue) && (M.value = W), v.arrowNavigation && (Array.isArray(x.value[o]) ? x.value[o][y] = W : x.value[o] = [W], g()));
     }, g = () => {
       var W, A;
@@ -4204,7 +4204,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
             (O(!0), X(_e, null, Se(y, (c, oe) => (O(), X("div", {
               key: c.value,
               ref_for: !0,
-              ref: (me) => _(me, c, Q, oe),
+              ref: (me) => w(me, c, Q, oe),
               role: "gridcell",
               class: xe(le.value),
               "aria-selected": c.active || void 0,
@@ -4457,17 +4457,17 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
   month: P,
   emit: f
 }) => {
-  const m = U(() => xn(i.yearRange, i.locale, i.reverseYears)), p = G([!1]), M = U(() => (I, k) => {
+  const m = U(() => xn(i.yearRange, i.locale, i.reverseYears)), p = G([!1]), M = U(() => (I, _) => {
     const ae = Ye(yt(/* @__PURE__ */ new Date()), {
       month: P.value(I),
       year: d.value(I)
-    }), ce = k ? sr(ae) : ma(ae);
+    }), ce = _ ? sr(ae) : ma(ae);
     return Cr(
       ce,
       a.value.maxDate,
       a.value.minDate,
       i.preventMinMaxNavigation,
-      k
+      _
     );
   }), C = () => Array.isArray(l.value) && e.value.solo && l.value[1], x = () => {
     for (let I = 0; I < e.value.count; I++)
@@ -4479,16 +4479,16 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
           year: be(l.value[1])
         };
       else {
-        const k = Ye(z(), r.value[I - 1]);
-        r.value[I] = { month: De(k), year: be(cn(k, 1)) };
+        const _ = Ye(z(), r.value[I - 1]);
+        r.value[I] = { month: De(_), year: be(cn(_, 1)) };
       }
   }, $ = (I) => {
     if (!I) return x();
-    const k = Ye(z(), r.value[I]);
-    return r.value[0].year = be(kr(k, e.value.count - 1)), x();
-  }, T = (I, k) => {
-    const ae = cl(k, I);
-    return t.value.showLastInRange && ae > 1 ? k : I;
+    const _ = Ye(z(), r.value[I]);
+    return r.value[0].year = be(kr(_, e.value.count - 1)), x();
+  }, T = (I, _) => {
+    const ae = cl(_, I);
+    return t.value.showLastInRange && ae > 1 ? _ : I;
   }, H = (I) => i.focusStartDate || e.value.solo ? I[0] : I[1] ? T(I[0], I[1]) : I[0], S = () => {
     if (l.value) {
       const I = Array.isArray(l.value) ? H(l.value) : l.value;
@@ -4497,30 +4497,30 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
   }, E = () => {
     S(), e.value.count && x();
   };
-  ct(l, (I, k) => {
-    i.isTextInputDate && JSON.stringify(I ?? {}) !== JSON.stringify(k ?? {}) && E();
+  ct(l, (I, _) => {
+    i.isTextInputDate && JSON.stringify(I ?? {}) !== JSON.stringify(_ ?? {}) && E();
   }), Ze(() => {
     E();
   });
-  const ee = (I, k) => {
-    r.value[k].year = I, f("update-month-year", { instance: k, year: I, month: r.value[k].month }), e.value.count && !e.value.solo && $(k);
-  }, R = U(() => (I) => na(m.value, (k) => {
+  const ee = (I, _) => {
+    r.value[_].year = I, f("update-month-year", { instance: _, year: I, month: r.value[_].month }), e.value.count && !e.value.solo && $(_);
+  }, R = U(() => (I) => na(m.value, (_) => {
     var ae;
-    const ce = d.value(I) === k.value, h = ha(
-      k.value,
+    const ce = d.value(I) === _.value, h = ha(
+      _.value,
       ra(a.value.minDate),
       ra(a.value.maxDate)
-    ) || ((ae = v.value.years) == null ? void 0 : ae.includes(d.value(I))), _ = Pn(n.value, k.value);
-    return { active: ce, disabled: h, highlighted: _ };
-  })), F = (I, k) => {
-    ee(I, k), L(k);
-  }, le = (I, k = !1) => {
-    if (!M.value(I, k)) {
-      const ae = k ? d.value(I) + 1 : d.value(I) - 1;
+    ) || ((ae = v.value.years) == null ? void 0 : ae.includes(d.value(I))), w = Pn(n.value, _.value);
+    return { active: ce, disabled: h, highlighted: w };
+  })), F = (I, _) => {
+    ee(I, _), L(_);
+  }, le = (I, _ = !1) => {
+    if (!M.value(I, _)) {
+      const ae = _ ? d.value(I) + 1 : d.value(I) - 1;
       ee(ae, I);
     }
-  }, L = (I, k = !1, ae) => {
-    k || f("reset-flow"), ae !== void 0 ? p.value[I] = ae : p.value[I] = !p.value[I], p.value[I] ? f("overlay-toggle", { open: !0, overlay: nt.year }) : (f("overlay-closed"), f("overlay-toggle", { open: !1, overlay: nt.year }));
+  }, L = (I, _ = !1, ae) => {
+    _ || f("reset-flow"), ae !== void 0 ? p.value[I] = ae : p.value[I] = !p.value[I], p.value[I] ? f("overlay-toggle", { open: !0, overlay: nt.year }) : (f("overlay-closed"), f("overlay-toggle", { open: !1, overlay: nt.year }));
   };
   return {
     isDisabled: M,
@@ -4569,14 +4569,14 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
   Ze(() => {
     e.startDate && (M.value && e.focusStartDate || !M.value) && E(be(z(e.startDate)), 0);
   });
-  const k = (o) => o ? { month: De(o), year: be(o) } : { month: null, year: null }, ae = () => M.value ? Array.isArray(M.value) ? M.value.map((o) => k(o)) : k(M.value) : k(), ce = (o, y) => {
+  const _ = (o) => o ? { month: De(o), year: be(o) } : { month: null, year: null }, ae = () => M.value ? Array.isArray(M.value) ? M.value.map((o) => _(o)) : _(M.value) : _(), ce = (o, y) => {
     const Q = $.value[o], c = ae();
     return Array.isArray(c) ? c.some((oe) => oe.year === Q?.year && oe.month === y) : Q?.year === c.year && y === c.month;
   }, h = (o, y, Q) => {
     var c, oe;
     const me = ae();
     return Array.isArray(me) ? C.value(y) === ((c = me[Q]) == null ? void 0 : c.year) && o === ((oe = me[Q]) == null ? void 0 : oe.month) : !1;
-  }, _ = (o, y) => {
+  }, w = (o, y) => {
     if (i.value.enabled) {
       const Q = ae();
       if (Array.isArray(M.value) && Array.isArray(Q)) {
@@ -4592,7 +4592,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
       y.value,
       Tr(C.value(o), d.value.minDate),
       Ar(C.value(o), d.value.maxDate)
-    ) || Pi(d.value.disabledDates, C.value(o)).includes(y.value) || ((Q = f.value.months) == null ? void 0 : Q.includes(y.value)) || !Ti(d.value.allowedDates, C.value(o), y.value), me = _(y.value, o), je = Rr(v.value, y.value, C.value(o));
+    ) || Pi(d.value.disabledDates, C.value(o)).includes(y.value) || ((Q = f.value.months) == null ? void 0 : Q.includes(y.value)) || !Ti(d.value.allowedDates, C.value(o), y.value), me = w(y.value, o), je = Rr(v.value, y.value, C.value(o));
     return { active: c, disabled: oe, isBetween: me, highlighted: je };
   })), V = (o, y) => $t(yt(z()), o, C.value(y)), ne = (o, y) => {
     const Q = M.value ? M.value : yt(/* @__PURE__ */ new Date());
@@ -4737,7 +4737,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
               onYearSelect: (I) => s(E)(I, L),
               onToggleYearPicker: (I) => s(S)(L, I?.flow, I?.show)
             }), Ge({ _: 2 }, [
-              Se(s(l), (I, k) => ({
+              Se(s(l), (I, _) => ({
                 name: I,
                 fn: ke((ae) => [
                   de(F.$slots, I, ze(lt(ae)))
@@ -4907,7 +4907,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
         return !r.validateTime(u, re);
       }
       return !1;
-    }, I = U(() => (u) => !o(+r[u] + +r[`${u}Increment`], u) || L(u, !0)), k = U(() => (u) => !o(+r[u] - +r[`${u}Increment`], u) || L(u, !1)), ae = (u, q) => ar(Ye(z(), u), q), ce = (u, q) => si(Ye(z(), u), q), h = U(
+    }, I = U(() => (u) => !o(+r[u] + +r[`${u}Increment`], u) || L(u, !0)), _ = U(() => (u) => !o(+r[u] - +r[`${u}Increment`], u) || L(u, !1)), ae = (u, q) => ar(Ye(z(), u), q), ce = (u, q) => si(Ye(z(), u), q), h = U(
       () => ({
         dp__time_col: !0,
         dp__time_col_block: !r.timePickerInline,
@@ -4917,7 +4917,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
         dp__time_col_sec: r.enableSeconds && r.is24,
         dp__time_col_sec_with_button: r.enableSeconds && !r.is24
       })
-    ), _ = U(
+    ), w = U(
       () => r.timePickerInline && m.value.enabled && !p.value.count
     ), g = U(() => {
       const u = [{ type: "hours" }];
@@ -4985,8 +4985,8 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
           return O(), X("div", {
             key: Ae,
             class: xe(h.value),
-            "data-compact": _.value && !u.enableSeconds,
-            "data-collapsed": _.value && u.enableSeconds
+            "data-compact": w.value && !u.enableSeconds,
+            "data-collapsed": w.value && u.enableSeconds
           }, [
             re.separator ? (O(), X(_e, { key: 0 }, [
               E.value ? K("", !0) : (O(), X(_e, { key: 0 }, [
@@ -5060,7 +5060,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
                   dp__inc_dec_button: !u.timePickerInline,
                   dp__inc_dec_button_inline: u.timePickerInline,
                   dp__tp_inline_btn_bottom: u.timePickerInline,
-                  dp__inc_dec_button_disabled: k.value(re.type),
+                  dp__inc_dec_button_disabled: _.value(re.type),
                   "dp--hidden-el": E.value
                 }),
                 "data-test-id": `${re.type}-time-dec-btn-${r.order}`,
@@ -5099,7 +5099,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
             role: "button",
             "aria-label": (we = s(v)) == null ? void 0 : we.amPmButton,
             tabindex: "0",
-            "data-compact": _.value,
+            "data-compact": w.value,
             onClick: Y,
             onKeydown: q[0] || (q[0] = (re) => s(ot)(re, () => Y(), !0))
           }, et($.value), 41, fs))
@@ -5211,11 +5211,11 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
       dp__btn: !0,
       dp__button: !0,
       dp__button_bottom: r.autoApply && !m.value.keepActionRow
-    })), k = dt(v, "timePicker"), ae = (B, b, ie) => p.value.enabled ? b === 0 ? [B, le.value[1][ie]] : [le.value[0][ie], B] : B, ce = (B) => {
+    })), _ = dt(v, "timePicker"), ae = (B, b, ie) => p.value.enabled ? b === 0 ? [B, le.value[1][ie]] : [le.value[0][ie], B] : B, ce = (B) => {
       a("update:hours", B);
     }, h = (B) => {
       a("update:minutes", B);
-    }, _ = (B) => {
+    }, w = (B) => {
       a("update:seconds", B);
     }, g = () => {
       if (S.value && !f.value.enabled && !r.noOverlayFocus) {
@@ -5284,7 +5284,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
                     seconds: e.seconds,
                     setHours: ce,
                     setMinutes: h,
-                    setSeconds: _
+                    setSeconds: w
                   }) : K("", !0),
                   B.$slots["time-picker-overlay"] ? K("", !0) : (O(), X("div", {
                     key: 1,
@@ -5309,13 +5309,13 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
                       "validate-time": (Q, c) => e.validateTime(Q, ae(c, y, Q)),
                       "onUpdate:hours": (Q) => ce(ae(Q, y, "hours")),
                       "onUpdate:minutes": (Q) => h(ae(Q, y, "minutes")),
-                      "onUpdate:seconds": (Q) => _(ae(Q, y, "seconds")),
+                      "onUpdate:seconds": (Q) => w(ae(Q, y, "seconds")),
                       onMounted: g,
                       onOverlayClosed: V,
                       onOverlayOpened: ne,
                       onAmPmChange: b[2] || (b[2] = (Q) => B.$emit("am-pm-change", Q))
                     }), Ge({ _: 2 }, [
-                      Se(s(k), (Q, c) => ({
+                      Se(s(_), (Q, c) => ({
                         name: Q,
                         fn: ke((oe) => [
                           de(B.$slots, Q, Qe({ ref_for: !0 }, oe))
@@ -5567,7 +5567,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
         const y = A === mt.month ? mt.year : mt.month;
         a("update-month-year", { [A]: o, [y]: r[y] }), A === mt.month ? V(!0) : ne(!0);
       }
-    }), I = U(L(mt.month)), k = U(L(mt.year)), ae = U(() => (A) => ({
+    }), I = U(L(mt.month)), _ = U(L(mt.year)), ae = U(() => (A) => ({
       month: r.month,
       year: r.year,
       items: A === mt.month ? r.months : r.years,
@@ -5581,7 +5581,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
         Ar(r.year, m.value.maxDate)
       ) || d.value.months.includes(A.value), Q = Rr(f.value, A.value, r.year);
       return { active: o, disabled: y, highlighted: Q };
-    })), _ = U(() => na(r.years, (A) => {
+    })), w = U(() => na(r.years, (A) => {
       const o = r.year === A.value, y = ha(
         A.value,
         ra(m.value.minDate),
@@ -5617,11 +5617,11 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
           type: mt.year,
           index: 2,
           toggle: ne,
-          modelValue: k.value,
-          updateModelValue: (me) => k.value = me,
+          modelValue: _.value,
+          updateModelValue: (me) => _.value = me,
           text: Pr(r.year, r.locale),
           showSelectionGrid: R.value,
-          items: _.value,
+          items: w.value,
           ariaLabel: (Q = i.value) == null ? void 0 : Q.openYearsOverlay,
           overlayLabel: ((oe = (c = i.value).yearPicker) == null ? void 0 : oe.call(c, !0)) ?? void 0
         }
@@ -5837,7 +5837,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
           T.value = !0;
         });
       }
-    }, k = U(
+    }, _ = U(
       () => ({
         ...p.value.calendar ?? {}
       })
@@ -5850,7 +5850,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
     }), ce = U(() => (Y) => Pe(Y, M.value)), h = U(() => ({
       dp__calendar: !0,
       dp__calendar_next: P.value.count > 0 && r.instance !== 0
-    })), _ = U(() => (Y) => r.hideOffsetDates ? Y.current : !0), g = async (Y, J) => {
+    })), w = U(() => (Y) => r.hideOffsetDates ? Y.current : !0), g = async (Y, J) => {
       const { width: j, height: ue } = Y.getBoundingClientRect();
       M.value = J.value;
       let u = { left: `${j / 2}px` }, q = -50;
@@ -5906,7 +5906,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
       ge("div", {
         ref_key: "calendarWrapRef",
         ref: $,
-        class: xe(k.value),
+        class: xe(_.value),
         role: "grid"
       }, [
         ge("div", Ts, [
@@ -5976,7 +5976,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
                     ge("div", {
                       class: xe(["dp__cell_inner", u.classData])
                     }, [
-                      Y.$slots.day && _.value(u) ? de(Y.$slots, "day", {
+                      Y.$slots.day && w.value(u) ? de(Y.$slots, "day", {
                         key: 0,
                         day: +u.text,
                         date: u.value
@@ -5984,7 +5984,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
                       Y.$slots.day ? K("", !0) : (O(), X(_e, { key: 1 }, [
                         Ct(et(u.text), 1)
                       ], 64)),
-                      u.marker && _.value(u) ? (O(), X(_e, { key: 2 }, [
+                      u.marker && w.value(u) ? (O(), X(_e, { key: 2 }, [
                         Y.$slots.marker ? de(Y.$slots, "marker", {
                           key: 0,
                           marker: u.marker,
@@ -6052,13 +6052,13 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
     defaultedTz: $,
     propDates: T,
     defaultedMultiDates: H
-  } = Ne(e), { validateMonthYearInRange: S, isDisabled: E, isDateRangeAllowed: ee, checkMinMaxRange: R } = Wt(e), { updateTimeValues: F, getSetDateTime: le, setTime: L, assignStartTime: I, validateTime: k, disabledTimesConfig: ae } = Hr(e, f, d, a), ce = U(
-    () => (w) => P.value[w] ? P.value[w].month : 0
+  } = Ne(e), { validateMonthYearInRange: S, isDisabled: E, isDateRangeAllowed: ee, checkMinMaxRange: R } = Wt(e), { updateTimeValues: F, getSetDateTime: le, setTime: L, assignStartTime: I, validateTime: _, disabledTimesConfig: ae } = Hr(e, f, d, a), ce = U(
+    () => (k) => P.value[k] ? P.value[k].month : 0
   ), h = U(
-    () => (w) => P.value[w] ? P.value[w].year : 0
-  ), _ = (w) => !x.value.keepViewOnOffsetClick || w ? !0 : !i.value, g = (w, te, he, N = !1) => {
+    () => (k) => P.value[k] ? P.value[k].year : 0
+  ), w = (k) => !x.value.keepViewOnOffsetClick || k ? !0 : !i.value, g = (k, te, he, N = !1) => {
     var se, ve;
-    _(N) && (P.value[w] || (P.value[w] = { month: 0, year: 0 }), P.value[w].month = Qn(te) ? (se = P.value[w]) == null ? void 0 : se.month : te, P.value[w].year = Qn(he) ? (ve = P.value[w]) == null ? void 0 : ve.year : he);
+    w(N) && (P.value[k] || (P.value[k] = { month: 0, year: 0 }), P.value[k].month = Qn(te) ? (se = P.value[k]) == null ? void 0 : se.month : te, P.value[k].year = Qn(he) ? (ve = P.value[k]) == null ? void 0 : ve.year : he);
   }, V = () => {
     e.autoApply && t("select-date");
   };
@@ -6066,109 +6066,109 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
     e.shadow || (d.value || (Y(), M.value && I(M.value)), b(!0), e.focusStartDate && e.startDate && Y());
   });
   const ne = U(() => {
-    var w;
-    return (w = e.flow) != null && w.length && !e.partialFlow ? e.flowStep === e.flow.length : !0;
+    var k;
+    return (k = e.flow) != null && k.length && !e.partialFlow ? e.flowStep === e.flow.length : !0;
   }), B = () => {
     e.autoApply && ne.value && t("auto-apply", e.partialFlow ? e.flowStep !== e.flow.length : !1);
-  }, b = (w = !1) => {
+  }, b = (k = !1) => {
     if (d.value)
-      return Array.isArray(d.value) ? (r.value = d.value, c(w)) : A(d.value, w);
-    if (p.value.count && w && !e.startDate)
-      return W(z(), w);
-  }, ie = () => Array.isArray(d.value) && C.value.enabled ? De(d.value[0]) === De(d.value[1] ?? d.value[0]) : !1, W = (w = /* @__PURE__ */ new Date(), te = !1) => {
-    if ((!p.value.count || !p.value.static || te) && g(0, De(w), be(w)), p.value.count && (!d.value || ie() || !p.value.solo) && (!p.value.solo || te))
+      return Array.isArray(d.value) ? (r.value = d.value, c(k)) : A(d.value, k);
+    if (p.value.count && k && !e.startDate)
+      return W(z(), k);
+  }, ie = () => Array.isArray(d.value) && C.value.enabled ? De(d.value[0]) === De(d.value[1] ?? d.value[0]) : !1, W = (k = /* @__PURE__ */ new Date(), te = !1) => {
+    if ((!p.value.count || !p.value.static || te) && g(0, De(k), be(k)), p.value.count && (!d.value || ie() || !p.value.solo) && (!p.value.solo || te))
       for (let he = 1; he < p.value.count; he++) {
         const N = Ye(z(), { month: ce.value(he - 1), year: h.value(he - 1) }), se = ar(N, { months: 1 });
         P.value[he] = { month: De(se), year: be(se) };
       }
-  }, A = (w, te) => {
-    W(w), L("hours", Yt(w)), L("minutes", Et(w)), L("seconds", ea(w)), p.value.count && te && je();
-  }, o = (w) => {
+  }, A = (k, te) => {
+    W(k), L("hours", Yt(k)), L("minutes", Et(k)), L("seconds", ea(k)), p.value.count && te && je();
+  }, o = (k) => {
     if (p.value.count) {
       if (p.value.solo) return 0;
-      const te = De(w[0]), he = De(w[1]);
+      const te = De(k[0]), he = De(k[1]);
       return Math.abs(he - te) < p.value.count ? 0 : 1;
     }
     return 1;
-  }, y = (w, te) => {
-    w[1] && C.value.showLastInRange ? W(w[o(w)], te) : W(w[0], te);
+  }, y = (k, te) => {
+    k[1] && C.value.showLastInRange ? W(k[o(k)], te) : W(k[0], te);
     const he = (N, se) => [
-      N(w[0]),
-      w[1] ? N(w[1]) : f[se][1]
+      N(k[0]),
+      k[1] ? N(k[1]) : f[se][1]
     ];
     L("hours", he(Yt, "hours")), L("minutes", he(Et, "minutes")), L("seconds", he(ea, "seconds"));
-  }, Q = (w, te) => {
+  }, Q = (k, te) => {
     if ((C.value.enabled || e.weekPicker) && !H.value.enabled)
-      return y(w, te);
+      return y(k, te);
     if (H.value.enabled && te) {
-      const he = w[w.length - 1];
+      const he = k[k.length - 1];
       return A(he, te);
     }
-  }, c = (w) => {
+  }, c = (k) => {
     const te = d.value;
-    Q(te, w), p.value.count && p.value.solo && je();
-  }, oe = (w, te) => {
-    const he = Ye(z(), { month: ce.value(te), year: h.value(te) }), N = w < 0 ? gt(he, 1) : aa(he, 1);
-    S(De(N), be(N), w < 0, e.preventMinMaxNavigation) && (g(te, De(N), be(N)), t("update-month-year", { instance: te, month: De(N), year: be(N) }), p.value.count && !p.value.solo && me(te), n());
-  }, me = (w) => {
-    for (let te = w - 1; te >= 0; te--) {
+    Q(te, k), p.value.count && p.value.solo && je();
+  }, oe = (k, te) => {
+    const he = Ye(z(), { month: ce.value(te), year: h.value(te) }), N = k < 0 ? gt(he, 1) : aa(he, 1);
+    S(De(N), be(N), k < 0, e.preventMinMaxNavigation) && (g(te, De(N), be(N)), t("update-month-year", { instance: te, month: De(N), year: be(N) }), p.value.count && !p.value.solo && me(te), n());
+  }, me = (k) => {
+    for (let te = k - 1; te >= 0; te--) {
       const he = aa(Ye(z(), { month: ce.value(te + 1), year: h.value(te + 1) }), 1);
       g(te, De(he), be(he));
     }
-    for (let te = w + 1; te <= p.value.count - 1; te++) {
+    for (let te = k + 1; te <= p.value.count - 1; te++) {
       const he = gt(Ye(z(), { month: ce.value(te - 1), year: h.value(te - 1) }), 1);
       g(te, De(he), be(he));
     }
   }, je = () => {
     if (Array.isArray(d.value) && d.value.length === 2) {
-      const w = z(
+      const k = z(
         z(d.value[1] ? d.value[1] : gt(d.value[0], 1))
       ), [te, he] = [De(d.value[0]), be(d.value[0])], [N, se] = [De(d.value[1]), be(d.value[1])];
-      (te !== N || te === N && he !== se) && p.value.solo && g(1, De(w), be(w));
+      (te !== N || te === N && he !== se) && p.value.solo && g(1, De(k), be(k));
     } else d.value && !Array.isArray(d.value) && (g(0, De(d.value), be(d.value)), W(z()));
   }, Y = () => {
     e.startDate && (g(0, De(z(e.startDate)), be(z(e.startDate))), p.value.count && me(0));
-  }, J = (w, te) => {
+  }, J = (k, te) => {
     if (e.monthChangeOnScroll) {
-      const he = (/* @__PURE__ */ new Date()).getTime() - l.value.getTime(), N = Math.abs(w.deltaY);
+      const he = (/* @__PURE__ */ new Date()).getTime() - l.value.getTime(), N = Math.abs(k.deltaY);
       let se = 500;
-      N > 1 && (se = 100), N > 100 && (se = 0), he > se && (l.value = /* @__PURE__ */ new Date(), oe(e.monthChangeOnScroll !== "inverse" ? -w.deltaY : w.deltaY, te));
+      N > 1 && (se = 100), N > 100 && (se = 0), he > se && (l.value = /* @__PURE__ */ new Date(), oe(e.monthChangeOnScroll !== "inverse" ? -k.deltaY : k.deltaY, te));
     }
-  }, j = (w, te, he = !1) => {
-    e.monthChangeOnArrows && e.vertical === he && ue(w, te);
-  }, ue = (w, te) => {
-    oe(w === "right" ? -1 : 1, te);
-  }, u = (w) => {
+  }, j = (k, te, he = !1) => {
+    e.monthChangeOnArrows && e.vertical === he && ue(k, te);
+  }, ue = (k, te) => {
+    oe(k === "right" ? -1 : 1, te);
+  }, u = (k) => {
     if (T.value.markers)
-      return Ca(w.value, T.value.markers);
-  }, q = (w, te) => {
+      return Ca(k.value, T.value.markers);
+  }, q = (k, te) => {
     switch (e.sixWeeks === !0 ? "append" : e.sixWeeks) {
       case "prepend":
         return [!0, !1];
       case "center":
-        return [w == 0, !0];
+        return [k == 0, !0];
       case "fair":
-        return [w == 0 || te > w, !0];
+        return [k == 0 || te > k, !0];
       case "append":
         return [!1, !1];
       default:
         return [!1, !1];
     }
-  }, we = (w, te, he, N) => {
-    if (e.sixWeeks && w.length < 6) {
-      const se = 6 - w.length, ve = (te.getDay() + 7 - N) % 7, xt = 6 - (he.getDay() + 7 - N) % 7, [ft, Xt] = q(ve, xt);
+  }, we = (k, te, he, N) => {
+    if (e.sixWeeks && k.length < 6) {
+      const se = 6 - k.length, ve = (te.getDay() + 7 - N) % 7, xt = 6 - (he.getDay() + 7 - N) % 7, [ft, Xt] = q(ve, xt);
       for (let ia = 1; ia <= se; ia++)
         if (Xt ? !!(ia % 2) == ft : ft) {
-          const Rt = w[0].days[0], ja = re(ht(Rt.value, -7), De(te));
-          w.unshift({ days: ja });
+          const Rt = k[0].days[0], ja = re(ht(Rt.value, -7), De(te));
+          k.unshift({ days: ja });
         } else {
-          const Rt = w[w.length - 1], ja = Rt.days[Rt.days.length - 1], Lr = re(ht(ja.value, 1), De(te));
-          w.push({ days: Lr });
+          const Rt = k[k.length - 1], ja = Rt.days[Rt.days.length - 1], Lr = re(ht(ja.value, 1), De(te));
+          k.push({ days: Lr });
         }
     }
-    return w;
-  }, re = (w, te) => {
-    const he = z(w), N = [];
+    return k;
+  }, re = (k, te) => {
+    const he = z(k), N = [];
     for (let se = 0; se < 7; se++) {
       const ve = ht(he, se), xt = De(ve) !== te;
       N.push({
@@ -6179,9 +6179,9 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
       });
     }
     return N;
-  }, Ae = (w, te) => {
-    const he = [], N = new Date(te, w), se = new Date(te, w + 1, 0), ve = e.weekStart, xt = bt(N, { weekStartsOn: ve }), ft = (Xt) => {
-      const ia = re(Xt, w);
+  }, Ae = (k, te) => {
+    const he = [], N = new Date(te, k), se = new Date(te, k + 1, 0), ve = e.weekStart, xt = bt(N, { weekStartsOn: ve }), ft = (Xt) => {
+      const ia = re(Xt, k);
       if (he.push({ days: ia }), !he[he.length - 1].days.some(
         (Rt) => Pe(st(Rt.value), st(se))
       )) {
@@ -6190,74 +6190,74 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
       }
     };
     return ft(xt), we(he, N, se, ve);
-  }, Me = (w) => {
-    const te = Bt(z(w.value), f.hours, f.minutes, _t());
+  }, Me = (k) => {
+    const te = Bt(z(k.value), f.hours, f.minutes, _t());
     t("date-update", te), H.value.enabled ? Tn(te, d, H.value.limit) : d.value = te, a(), it().then(() => {
       B();
     });
-  }, D = (w) => C.value.noDisabledRange ? Or(r.value[0], w).some((te) => E(te)) : !1, Z = () => {
+  }, D = (k) => C.value.noDisabledRange ? Or(r.value[0], k).some((te) => E(te)) : !1, Z = () => {
     r.value = d.value ? d.value.slice() : [], r.value.length === 2 && !(C.value.fixedStart || C.value.fixedEnd) && (r.value = []);
-  }, fe = (w, te) => {
+  }, fe = (k, te) => {
     const he = [
-      z(w.value),
-      ht(z(w.value), +C.value.autoRange)
+      z(k.value),
+      ht(z(k.value), +C.value.autoRange)
     ];
-    ee(he) ? (te && Ue(w.value), r.value = he) : t("invalid-date", w.value);
-  }, Ue = (w) => {
-    const te = De(z(w)), he = be(z(w));
+    ee(he) ? (te && Ue(k.value), r.value = he) : t("invalid-date", k.value);
+  }, Ue = (k) => {
+    const te = De(z(k)), he = be(z(k));
     if (g(0, te, he), p.value.count > 0)
       for (let N = 1; N < p.value.count; N++) {
         const se = _i(
-          Ye(z(w), { year: h.value(N - 1), month: ce.value(N - 1) })
+          Ye(z(k), { year: h.value(N - 1), month: ce.value(N - 1) })
         );
         g(N, se.month, se.year);
       }
-  }, kt = (w) => {
-    if (D(w.value) || !R(w.value, d.value, C.value.fixedStart ? 0 : 1))
-      return t("invalid-date", w.value);
-    r.value = Br(z(w.value), d, t, C);
-  }, pe = (w, te) => {
-    if (Z(), C.value.autoRange) return fe(w, te);
-    if (C.value.fixedStart || C.value.fixedEnd) return kt(w);
-    r.value[0] ? R(z(w.value), d.value) && !D(w.value) ? Be(z(w.value), z(r.value[0])) ? (r.value.unshift(z(w.value)), t("range-end", r.value[0])) : (r.value[1] = z(w.value), t("range-end", r.value[1])) : (e.autoApply && t("auto-apply-invalid", w.value), t("invalid-date", w.value)) : (r.value[0] = z(w.value), t("range-start", r.value[0]));
-  }, _t = (w = !0) => e.enableSeconds ? Array.isArray(f.seconds) ? w ? f.seconds[0] : f.seconds[1] : f.seconds : 0, Ve = (w) => {
-    r.value[w] = Bt(
-      r.value[w],
-      f.hours[w],
-      f.minutes[w],
-      _t(w !== 1)
+  }, kt = (k) => {
+    if (D(k.value) || !R(k.value, d.value, C.value.fixedStart ? 0 : 1))
+      return t("invalid-date", k.value);
+    r.value = Br(z(k.value), d, t, C);
+  }, pe = (k, te) => {
+    if (Z(), C.value.autoRange) return fe(k, te);
+    if (C.value.fixedStart || C.value.fixedEnd) return kt(k);
+    r.value[0] ? R(z(k.value), d.value) && !D(k.value) ? Be(z(k.value), z(r.value[0])) ? (r.value.unshift(z(k.value)), t("range-end", r.value[0])) : (r.value[1] = z(k.value), t("range-end", r.value[1])) : (e.autoApply && t("auto-apply-invalid", k.value), t("invalid-date", k.value)) : (r.value[0] = z(k.value), t("range-start", r.value[0]));
+  }, _t = (k = !0) => e.enableSeconds ? Array.isArray(f.seconds) ? k ? f.seconds[0] : f.seconds[1] : f.seconds : 0, Ve = (k) => {
+    r.value[k] = Bt(
+      r.value[k],
+      f.hours[k],
+      f.minutes[k],
+      _t(k !== 1)
     );
   }, Ba = () => {
-    var w, te;
-    r.value[0] && r.value[1] && +((w = r.value) == null ? void 0 : w[0]) > +((te = r.value) == null ? void 0 : te[1]) && (r.value.reverse(), t("range-start", r.value[0]), t("range-end", r.value[1]));
+    var k, te;
+    r.value[0] && r.value[1] && +((k = r.value) == null ? void 0 : k[0]) > +((te = r.value) == null ? void 0 : te[1]) && (r.value.reverse(), t("range-start", r.value[0]), t("range-end", r.value[1]));
   }, Ea = () => {
     r.value.length && (r.value[0] && !r.value[1] ? Ve(0) : (Ve(0), Ve(1), a()), Ba(), d.value = r.value.slice(), Na(r.value, t, e.autoApply, e.modelAuto));
-  }, xa = (w, te = !1) => {
-    if (E(w.value) || !w.current && e.hideOffsetDates) return t("invalid-date", w.value);
-    if (i.value = JSON.parse(JSON.stringify(w)), !C.value.enabled) return Me(w);
-    Jn(f.hours) && Jn(f.minutes) && !H.value.enabled && (pe(w, te), Ea());
-  }, Va = (w, te) => {
+  }, xa = (k, te = !1) => {
+    if (E(k.value) || !k.current && e.hideOffsetDates) return t("invalid-date", k.value);
+    if (i.value = JSON.parse(JSON.stringify(k)), !C.value.enabled) return Me(k);
+    Jn(f.hours) && Jn(f.minutes) && !H.value.enabled && (pe(k, te), Ea());
+  }, Va = (k, te) => {
     var he;
-    g(w, te.month, te.year, !0), p.value.count && !p.value.solo && me(w), t("update-month-year", { instance: w, month: te.month, year: te.year }), n(p.value.solo ? w : void 0);
+    g(k, te.month, te.year, !0), p.value.count && !p.value.solo && me(k), t("update-month-year", { instance: k, month: te.month, year: te.year }), n(p.value.solo ? k : void 0);
     const N = (he = e.flow) != null && he.length ? e.flow[e.flowStep] : void 0;
     !te.fromNav && (N === nt.month || N === nt.year) && a();
-  }, Ha = (w, te) => {
+  }, Ha = (k, te) => {
     Fr({
-      value: w,
+      value: k,
       modelValue: d,
       range: C.value.enabled,
       timezone: te ? void 0 : $.value.timezone
     }), V(), e.multiCalendars && it().then(() => b(!0));
   }, Wa = () => {
-    const w = _n(z(), $.value);
-    !C.value.enabled && !H.value.enabled ? d.value = w : d.value && Array.isArray(d.value) && d.value[0] ? H.value.enabled ? d.value = [...d.value, w] : d.value = Be(w, d.value[0]) ? [w, d.value[0]] : [d.value[0], w] : d.value = [w], V();
+    const k = _n(z(), $.value);
+    !C.value.enabled && !H.value.enabled ? d.value = k : d.value && Array.isArray(d.value) && d.value[0] ? H.value.enabled ? d.value = [...d.value, k] : d.value = Be(k, d.value[0]) ? [k, d.value[0]] : [d.value[0], k] : d.value = [k], V();
   }, La = () => {
     if (Array.isArray(d.value))
       if (H.value.enabled) {
-        const w = qa();
-        d.value[d.value.length - 1] = le(w);
+        const k = qa();
+        d.value[d.value.length - 1] = le(k);
       } else
-        d.value = d.value.map((w, te) => w && le(w, te));
+        d.value = d.value.map((k, te) => k && le(k, te));
     else
       d.value = le(d.value);
     t("time-update");
@@ -6270,7 +6270,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
     time: f,
     disabledTimesConfig: ae,
     today: m,
-    validateTime: k,
+    validateTime: _,
     getCalendarDays: Ae,
     getMarker: u,
     handleScroll: J,
@@ -6280,8 +6280,8 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
     updateMonthYear: Va,
     presetDate: Ha,
     selectCurrentDate: Wa,
-    updateTime: (w, te = !0, he = !1) => {
-      F(w, te, he, La);
+    updateTime: (k, te = !0, he = !1) => {
+      F(k, te, he, La);
     },
     assignMonthAndYear: W
   };
@@ -6335,7 +6335,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
       selectCurrentDate: ee,
       updateTime: R,
       assignMonthAndYear: F
-    } = Is(r, a, ie, W), le = Vt(), { setHoverDate: L, getDayClassData: I, clearHoverDate: k } = Zs(d, r), { defaultedMultiCalendars: ae } = Ne(r), ce = G([]), h = G([]), _ = G(null), g = dt(le, "calendar"), V = dt(le, "monthYear"), ne = dt(le, "timePicker"), B = (J) => {
+    } = Is(r, a, ie, W), le = Vt(), { setHoverDate: L, getDayClassData: I, clearHoverDate: _ } = Zs(d, r), { defaultedMultiCalendars: ae } = Ne(r), ce = G([]), h = G([]), w = G(null), g = dt(le, "calendar"), V = dt(le, "monthYear"), ne = dt(le, "timePicker"), B = (J) => {
       r.shadow || a("mount", J);
     };
     ct(
@@ -6374,7 +6374,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
       (u = ce.value[ue]) == null || u.toggleYearPicker(J, j);
     }, Q = (J, j, ue) => {
       var u;
-      (u = _.value) == null || u.toggleTimePicker(J, j, ue);
+      (u = w.value) == null || u.toggleTimePicker(J, j, ue);
     }, c = (J, j) => {
       var ue;
       if (!r.range) {
@@ -6397,7 +6397,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
       a("overlay-toggle", { open: !1, overlay: J }), a("focus-menu");
     };
     return t({
-      clearHoverDate: k,
+      clearHoverDate: _,
       presetDate: E,
       selectCurrentDate: ee,
       toggleMonthPicker: o,
@@ -6482,7 +6482,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
         J.$slots["time-picker"] ? de(J.$slots, "time-picker", ze(Qe({ key: 0 }, { time: s(P), updateTime: s(R) }))) : (O(), Te(Vr, Qe({
           key: 1,
           ref_key: "timePickerRef",
-          ref: _
+          ref: w
         }, J.$props, {
           hours: s(P).hours,
           minutes: s(P).minutes,
@@ -6530,17 +6530,17 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
     filters: d,
     props: e,
     emit: t
-  }), R = (_, g) => [_, g].map((V) => Tt(V, "MMMM", { locale: e.formatLocale })).join("-"), F = U(() => (_) => f.value ? Array.isArray(f.value) ? f.value.some((g) => Ln(_, g)) : Ln(f.value, _) : !1), le = (_) => {
+  }), R = (w, g) => [w, g].map((V) => Tt(V, "MMMM", { locale: e.formatLocale })).join("-"), F = U(() => (w) => f.value ? Array.isArray(f.value) ? f.value.some((g) => Ln(w, g)) : Ln(f.value, w) : !1), le = (w) => {
     if (i.value.enabled) {
       if (Array.isArray(f.value)) {
-        const g = Pe(_, f.value[0]) || Pe(_, f.value[1]);
-        return Ra(f.value, n.value, _) && !g;
+        const g = Pe(w, f.value[0]) || Pe(w, f.value[1]);
+        return Ra(f.value, n.value, w) && !g;
       }
       return !1;
     }
     return !1;
-  }, L = (_, g) => _.quarter === Fn(g) && _.year === be(g), I = (_) => typeof l.value == "function" ? l.value({ quarter: Fn(_), year: be(_) }) : !!l.value.quarters.find((g) => L(g, _)), k = U(() => (_) => {
-    const g = Ye(/* @__PURE__ */ new Date(), { year: m.value(_) });
+  }, L = (w, g) => w.quarter === Fn(g) && w.year === be(g), I = (w) => typeof l.value == "function" ? l.value({ quarter: Fn(w), year: be(w) }) : !!l.value.quarters.find((g) => L(g, w)), _ = U(() => (w) => {
+    const g = Ye(/* @__PURE__ */ new Date(), { year: m.value(w) });
     return vl({
       start: ma(g),
       end: sr(g)
@@ -6555,12 +6555,12 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
         isBetween: ie
       };
     });
-  }), ae = (_) => {
-    Tn(_, f, P.value.limit), t("auto-apply", !0);
-  }, ce = (_) => {
-    f.value = An(f, _, t), Na(f.value, t, e.autoApply, e.modelAuto);
-  }, h = (_) => {
-    f.value = _, t("auto-apply");
+  }), ae = (w) => {
+    Tn(w, f, P.value.limit), t("auto-apply", !0);
+  }, ce = (w) => {
+    f.value = An(f, w, t), Na(f.value, t, e.autoApply, e.modelAuto);
+  }, h = (w) => {
+    f.value = w, t("auto-apply");
   };
   return {
     defaultedConfig: r,
@@ -6568,16 +6568,16 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
     groupedYears: $,
     year: m,
     isDisabled: H,
-    quarters: k,
+    quarters: _,
     showYearPicker: T,
     modelValue: f,
-    setHoverDate: (_) => {
-      n.value = _;
+    setHoverDate: (w) => {
+      n.value = w;
     },
     selectYear: x,
-    selectQuarter: (_, g, V) => {
+    selectQuarter: (w, g, V) => {
       if (!V)
-        return M.value[g].month = De(Bn(_)), P.value.enabled ? ae(_) : i.value.enabled ? ce(_) : h(_);
+        return M.value[g].month = De(Bn(w)), P.value.enabled ? ae(w) : i.value.enabled ? ce(w) : h(w);
     },
     toggleYearPicker: S,
     handleYearSelect: E,
@@ -6762,7 +6762,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
       return {
         ...Z,
         isMobile: x.value,
-        flowStep: k.value,
+        flowStep: _.value,
         menuWrapRef: l.value
       };
     }), { setMenuFocused: v, setShiftKey: d, control: P } = Sr(), f = Vt(), { defaultedTextInput: m, defaultedInline: p, defaultedConfig: M, defaultedUI: C } = Ne(r), { isMobile: x } = Wr(M, r.shadow), $ = G(null), T = G(0), H = G(null), S = G(!1), E = G(null), ee = G(!1);
@@ -6784,7 +6784,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
     const R = () => {
       const D = Xe(H);
       D && (T.value = D.getBoundingClientRect().width);
-    }, { arrowRight: F, arrowLeft: le, arrowDown: L, arrowUp: I } = Ht(), { flowStep: k, updateFlowStep: ae, childMount: ce, resetFlow: h, handleFlow: _ } = eu(r, a, E), g = U(() => r.monthPicker ? rs : r.yearPicker ? os : r.timePicker ? ws : r.quarterPicker ? Vs : Ns), V = U(() => {
+    }, { arrowRight: F, arrowLeft: le, arrowDown: L, arrowUp: I } = Ht(), { flowStep: _, updateFlowStep: ae, childMount: ce, resetFlow: h, handleFlow: w } = eu(r, a, E), g = U(() => r.monthPicker ? rs : r.yearPicker ? os : r.timePicker ? ws : r.quarterPicker ? Vs : Ns), V = U(() => {
       var D;
       if (M.value.arrowLeft) return M.value.arrowLeft;
       const Z = (D = l.value) == null ? void 0 : D.getBoundingClientRect(), fe = r.getInputRect();
@@ -6871,7 +6871,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
     return t({
       updateMonthYear: we,
       switchView: J,
-      handleFlow: _
+      handleFlow: w
     }), (D, Z) => {
       var fe, Ue, kt;
       return O(), X("div", {
@@ -6948,7 +6948,7 @@ const un = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Pr = (e, t) =
               ref_key: "dynCmpRef",
               ref: E
             }, i.value, {
-              "flow-step": s(k),
+              "flow-step": s(_),
               onMount: s(ce),
               onUpdateFlowStep: s(ae),
               onResetFlow: s(h),
@@ -7093,10 +7093,10 @@ const Ks = ({
       return V <= b ? pt.bottom : V > b && V <= ie ? pt.top : b >= ie ? pt.bottom : pt.top;
     }
     return pt.bottom;
-  }, k = (g) => I() === pt.bottom ? F(g) : le(g), ae = () => {
+  }, _ = (g) => I() === pt.bottom ? F(g) : le(g), ae = () => {
     const g = Xe(n);
     if (g)
-      return i.autoPosition ? k(g) : F(g);
+      return i.autoPosition ? _(g) : F(g);
   }, ce = function(g) {
     if (g) {
       const V = g.scrollHeight > g.clientHeight, ne = window.getComputedStyle(g).overflowY.indexOf("hidden") !== -1;
@@ -7107,7 +7107,7 @@ const Ks = ({
     return !g || g === document.body || g.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? window : ce(g) ? g : h(
       g.assignedSlot && d.value.shadowDom ? g.assignedSlot.parentNode : g.parentNode
     );
-  }, _ = (g) => {
+  }, w = (g) => {
     if (g)
       switch (i.position) {
         case Gt.left:
@@ -7131,7 +7131,7 @@ const Ks = ({
       ie.setAttribute("id", "dp--temp-container");
       const A = (B = a.value) != null && B.clientWidth ? a.value : document.body;
       A.append(ie);
-      const o = _(W), y = d.value.shadowDom ? Object.keys(v).filter(
+      const o = w(W), y = d.value.shadowDom ? Object.keys(v).filter(
         (c) => ["right-sidebar", "left-sidebar", "top-extra", "action-extra"].includes(c)
       ) : Object.keys(v), Q = jr(
         g,
@@ -7311,26 +7311,26 @@ const Ks = ({
     if (t.weekPicker) return !1;
     const y = d.value.enabled ? !T(o) && !T(o, !1) : !0;
     return !P(o.value) && !S(o) && !(!o.current && t.hideOffsetDates) && y;
-  }, k = (o) => d.value.enabled ? t.modelAuto ? le() && S(o) : !1 : S(o), ae = (o) => l.value ? bi(o.value, v.value.highlight) : !1, ce = (o) => {
+  }, _ = (o) => d.value.enabled ? t.modelAuto ? le() && S(o) : !1 : S(o), ae = (o) => l.value ? bi(o.value, v.value.highlight) : !1, ce = (o) => {
     const y = P(o.value);
     return y && (typeof l.value == "function" ? !l.value(o.value, y) : !l.value.options.highlightDisabled);
   }, h = (o) => {
     var y;
     return typeof l.value == "function" ? l.value(o.value) : (y = l.value.weekdays) == null ? void 0 : y.includes(o.value.getDay());
-  }, _ = (o) => (d.value.enabled || t.weekPicker) && (!(n.value.count > 0) || o.current) && L() && !(!o.current && t.hideOffsetDates) && !S(o) ? F(o) : !1, g = (o) => {
+  }, w = (o) => (d.value.enabled || t.weekPicker) && (!(n.value.count > 0) || o.current) && L() && !(!o.current && t.hideOffsetDates) && !S(o) ? F(o) : !1, g = (o) => {
     const { isRangeStart: y, isRangeEnd: Q } = b(o), c = d.value.enabled ? y || Q : !1;
     return {
       dp__cell_offset: !o.current,
       dp__pointer: !t.disabled && !(!o.current && t.hideOffsetDates) && !P(o.value),
       dp__cell_disabled: P(o.value),
-      dp__cell_highlight: !ce(o) && (ae(o) || h(o)) && !k(o) && !c && !R(o) && !(_(o) && t.weekPicker) && !Q,
-      dp__cell_highlight_active: !ce(o) && (ae(o) || h(o)) && k(o),
+      dp__cell_highlight: !ce(o) && (ae(o) || h(o)) && !_(o) && !c && !R(o) && !(w(o) && t.weekPicker) && !Q,
+      dp__cell_highlight_active: !ce(o) && (ae(o) || h(o)) && _(o),
       dp__today: !t.noToday && Pe(o.value, m.value) && o.current,
       "dp--past": Be(o.value, m.value),
       "dp--future": We(o.value, m.value)
     };
   }, V = (o) => ({
-    dp__active_date: k(o),
+    dp__active_date: _(o),
     dp__date_hover: I(o)
   }), ne = (o) => {
     if (e.value && !Array.isArray(e.value)) {
@@ -7367,7 +7367,7 @@ const Ks = ({
     return {
       dp__range_start: y,
       dp__range_end: Q,
-      dp__range_between: _(o),
+      dp__range_between: w(o),
       dp__date_hover: Pe(o.value, f.value) && !y && !Q && !t.weekPicker,
       dp__date_hover_start: H(o, !0),
       dp__date_hover_end: H(o, !1)
@@ -7390,60 +7390,60 @@ const Ks = ({
   };
 }, Wt = (e) => {
   const { defaultedFilters: t, defaultedRange: n, propDates: a, defaultedMultiDates: r } = Ne(e), l = (h) => a.value.disabledDates ? typeof a.value.disabledDates == "function" ? a.value.disabledDates(z(h)) : !!Ca(h, a.value.disabledDates) : !1, i = (h) => a.value.maxDate ? e.yearPicker ? be(h) > be(a.value.maxDate) : We(h, a.value.maxDate) : !1, v = (h) => a.value.minDate ? e.yearPicker ? be(h) < be(a.value.minDate) : Be(h, a.value.minDate) : !1, d = (h) => {
-    const _ = i(h), g = v(h), V = l(h), ne = t.value.months.map((A) => +A).includes(De(h)), B = e.disabledWeekDays.length ? e.disabledWeekDays.some((A) => +A === lo(h)) : !1, b = M(h), ie = be(h), W = ie < +e.yearRange[0] || ie > +e.yearRange[1];
-    return !(_ || g || V || ne || W || B || b);
-  }, P = (h, _) => Be(...Nt(a.value.minDate, h, _)) || Pe(...Nt(a.value.minDate, h, _)), f = (h, _) => We(...Nt(a.value.maxDate, h, _)) || Pe(...Nt(a.value.maxDate, h, _)), m = (h, _, g) => {
+    const w = i(h), g = v(h), V = l(h), ne = t.value.months.map((A) => +A).includes(De(h)), B = e.disabledWeekDays.length ? e.disabledWeekDays.some((A) => +A === lo(h)) : !1, b = M(h), ie = be(h), W = ie < +e.yearRange[0] || ie > +e.yearRange[1];
+    return !(w || g || V || ne || W || B || b);
+  }, P = (h, w) => Be(...Nt(a.value.minDate, h, w)) || Pe(...Nt(a.value.minDate, h, w)), f = (h, w) => We(...Nt(a.value.maxDate, h, w)) || Pe(...Nt(a.value.maxDate, h, w)), m = (h, w, g) => {
     let V = !1;
-    return a.value.maxDate && g && f(h, _) && (V = !0), a.value.minDate && !g && P(h, _) && (V = !0), V;
-  }, p = (h, _, g, V) => {
+    return a.value.maxDate && g && f(h, w) && (V = !0), a.value.minDate && !g && P(h, w) && (V = !0), V;
+  }, p = (h, w, g, V) => {
     let ne = !1;
-    return V && (a.value.minDate || a.value.maxDate) ? a.value.minDate && a.value.maxDate ? ne = m(h, _, g) : (a.value.minDate && P(h, _) || a.value.maxDate && f(h, _)) && (ne = !0) : ne = !0, ne;
-  }, M = (h) => Array.isArray(a.value.allowedDates) && !a.value.allowedDates.length ? !0 : a.value.allowedDates ? !Ca(h, a.value.allowedDates) : !1, C = (h) => !d(h), x = (h) => n.value.noDisabledRange ? !ir({ start: h[0], end: h[1] }).some((_) => C(_)) : !0, $ = (h) => {
+    return V && (a.value.minDate || a.value.maxDate) ? a.value.minDate && a.value.maxDate ? ne = m(h, w, g) : (a.value.minDate && P(h, w) || a.value.maxDate && f(h, w)) && (ne = !0) : ne = !0, ne;
+  }, M = (h) => Array.isArray(a.value.allowedDates) && !a.value.allowedDates.length ? !0 : a.value.allowedDates ? !Ca(h, a.value.allowedDates) : !1, C = (h) => !d(h), x = (h) => n.value.noDisabledRange ? !ir({ start: h[0], end: h[1] }).some((w) => C(w)) : !0, $ = (h) => {
     if (h) {
-      const _ = be(h);
-      return _ >= +e.yearRange[0] && _ <= e.yearRange[1];
+      const w = be(h);
+      return w >= +e.yearRange[0] && w <= e.yearRange[1];
     }
     return !0;
-  }, T = (h, _) => !!(Array.isArray(h) && h[_] && (n.value.maxRange || n.value.minRange) && $(h[_])), H = (h, _, g = 0) => {
-    if (T(_, g) && $(h)) {
-      const V = rr(h, _[g]), ne = Or(_[g], h), B = ne.length === 1 ? 0 : ne.filter((ie) => C(ie)).length, b = Math.abs(V) - (n.value.minMaxRawRange ? 0 : B);
+  }, T = (h, w) => !!(Array.isArray(h) && h[w] && (n.value.maxRange || n.value.minRange) && $(h[w])), H = (h, w, g = 0) => {
+    if (T(w, g) && $(h)) {
+      const V = rr(h, w[g]), ne = Or(w[g], h), B = ne.length === 1 ? 0 : ne.filter((ie) => C(ie)).length, b = Math.abs(V) - (n.value.minMaxRawRange ? 0 : B);
       if (n.value.minRange && n.value.maxRange)
         return b >= +n.value.minRange && b <= +n.value.maxRange;
       if (n.value.minRange) return b >= +n.value.minRange;
       if (n.value.maxRange) return b <= +n.value.maxRange;
     }
     return !0;
-  }, S = () => !e.enableTimePicker || e.monthPicker || e.yearPicker || e.ignoreTimeValidation, E = (h) => Array.isArray(h) ? [h[0] ? Ga(h[0]) : null, h[1] ? Ga(h[1]) : null] : Ga(h), ee = (h, _, g) => h.find(
-    (V) => +V.hours === Yt(_) && V.minutes === "*" ? !0 : +V.minutes === Et(_) && +V.hours === Yt(_)
-  ) && g, R = (h, _, g) => {
-    const [V, ne] = h, [B, b] = _;
+  }, S = () => !e.enableTimePicker || e.monthPicker || e.yearPicker || e.ignoreTimeValidation, E = (h) => Array.isArray(h) ? [h[0] ? Ga(h[0]) : null, h[1] ? Ga(h[1]) : null] : Ga(h), ee = (h, w, g) => h.find(
+    (V) => +V.hours === Yt(w) && V.minutes === "*" ? !0 : +V.minutes === Et(w) && +V.hours === Yt(w)
+  ) && g, R = (h, w, g) => {
+    const [V, ne] = h, [B, b] = w;
     return !ee(V, B, g) && !ee(ne, b, g) && g;
-  }, F = (h, _) => {
-    const g = Array.isArray(_) ? _ : [_];
+  }, F = (h, w) => {
+    const g = Array.isArray(w) ? w : [w];
     return Array.isArray(e.disabledTimes) ? Array.isArray(e.disabledTimes[0]) ? R(e.disabledTimes, g, h) : !g.some((V) => ee(e.disabledTimes, V, h)) : h;
-  }, le = (h, _) => {
-    const g = Array.isArray(_) ? [Qt(_[0]), _[1] ? Qt(_[1]) : void 0] : Qt(_), V = !e.disabledTimes(g);
+  }, le = (h, w) => {
+    const g = Array.isArray(w) ? [Qt(w[0]), w[1] ? Qt(w[1]) : void 0] : Qt(w), V = !e.disabledTimes(g);
     return h && V;
-  }, L = (h, _) => e.disabledTimes ? Array.isArray(e.disabledTimes) ? F(_, h) : le(_, h) : _, I = (h) => {
-    let _ = !0;
+  }, L = (h, w) => e.disabledTimes ? Array.isArray(e.disabledTimes) ? F(w, h) : le(w, h) : w, I = (h) => {
+    let w = !0;
     if (!h || S()) return !0;
     const g = !a.value.minDate && !a.value.maxDate ? E(h) : h;
-    return (e.maxTime || a.value.maxDate) && (_ = zn(
+    return (e.maxTime || a.value.maxDate) && (w = zn(
       e.maxTime,
       a.value.maxDate,
       "max",
       Ke(g),
-      _
-    )), (e.minTime || a.value.minDate) && (_ = zn(
+      w
+    )), (e.minTime || a.value.minDate) && (w = zn(
       e.minTime,
       a.value.minDate,
       "min",
       Ke(g),
-      _
-    )), L(h, _);
-  }, k = (h) => {
+      w
+    )), L(h, w);
+  }, _ = (h) => {
     if (!e.monthPicker) return !0;
-    let _ = !0;
+    let w = !0;
     const g = z(yt(h));
     if (a.value.minDate && a.value.maxDate) {
       const V = z(yt(a.value.minDate)), ne = z(yt(a.value.maxDate));
@@ -7451,14 +7451,14 @@ const Ks = ({
     }
     if (a.value.minDate) {
       const V = z(yt(a.value.minDate));
-      _ = We(g, V) || Pe(g, V);
+      w = We(g, V) || Pe(g, V);
     }
     if (a.value.maxDate) {
       const V = z(yt(a.value.maxDate));
-      _ = Be(g, V) || Pe(g, V);
+      w = Be(g, V) || Pe(g, V);
     }
-    return _;
-  }, ae = U(() => (h) => !e.enableTimePicker || e.ignoreTimeValidation ? !0 : I(h)), ce = U(() => (h) => e.monthPicker ? Array.isArray(h) && (n.value.enabled || r.value.enabled) ? !h.filter((_) => !k(_)).length : k(h) : !0);
+    return w;
+  }, ae = U(() => (h) => !e.enableTimePicker || e.ignoreTimeValidation ? !0 : I(h)), ce = U(() => (h) => e.monthPicker ? Array.isArray(h) && (n.value.enabled || r.value.enabled) ? !h.filter((w) => !_(w)).length : _(h) : !0);
   return {
     isDisabled: C,
     validateDate: d,
@@ -7588,7 +7588,7 @@ const Ks = ({
       W !== "" ? (l.value.openMenu && !r.isMenuOpen && a("open"), le(W), a("set-input-date", x.value)) : E(), H.value = !1, a("update:input-value", W), a("text-input", b, x.value);
     }, I = (b) => {
       l.value.enabled ? (le(b.target.value), l.value.enterSubmit && dn(x.value) && r.inputValue !== "" ? (a("set-input-date", x.value, !0), x.value = null) : l.value.enterSubmit && r.inputValue === "" && (x.value = null, a("clear"))) : ce(b);
-    }, k = (b, ie) => {
+    }, _ = (b, ie) => {
       l.value.enabled && l.value.tabSubmit && !ie && le(b.target.value), l.value.tabSubmit && dn(x.value) && r.inputValue !== "" ? (a("set-input-date", x.value, !0, !0), x.value = null) : l.value.tabSubmit && r.inputValue === "" && (x.value = null, a("clear", !0));
     }, ae = () => {
       T.value = !0, a("focus"), it().then(() => {
@@ -7602,10 +7602,10 @@ const Ks = ({
       } else l.value.enabled || a("toggle");
     }, h = () => {
       a("real-blur"), T.value = !1, (!r.isMenuOpen || v.value.enabled && v.value.input) && a("blur"), r.autoApply && l.value.enabled && x.value && !r.isMenuOpen && (a("set-input-date", x.value), a("select-date"), x.value = null);
-    }, _ = (b) => {
+    }, w = (b) => {
       Ft(b, d.value, !0), a("clear");
     }, g = (b) => {
-      if (b.key === "Tab" && k(b), b.key === "Enter" && I(b), !l.value.enabled) {
+      if (b.key === "Tab" && _(b), b.key === "Enter" && I(b), !l.value.enabled) {
         if (b.code === "Tab") return;
         b.preventDefault();
       }
@@ -7615,7 +7615,7 @@ const Ks = ({
     }, ne = (b) => {
       x.value = b;
     }, B = (b) => {
-      b.key === Ie.tab && k(b, !0);
+      b.key === Ie.tab && _(b, !0);
     };
     return t({
       focusInput: V,
@@ -7631,8 +7631,8 @@ const Ks = ({
             isMenuOpen: e.isMenuOpen,
             onInput: L,
             onEnter: I,
-            onTab: k,
-            onClear: _,
+            onTab: _,
+            onClear: w,
             onBlur: h,
             onKeypress: g,
             onPaste: F,
@@ -7684,15 +7684,15 @@ const Ks = ({
             }, null, 8, ["aria-label"])) : K("", !0)
           ]),
           b.$slots["clear-icon"] && e.inputValue && b.clearable && !b.disabled && !b.readonly ? (O(), X("span", nu, [
-            de(b.$slots, "clear-icon", { clear: _ })
+            de(b.$slots, "clear-icon", { clear: w })
           ])) : K("", !0),
           b.clearable && !b.$slots["clear-icon"] && e.inputValue && !b.disabled && !b.readonly ? (O(), X("button", {
             key: 3,
             "aria-label": (o = s(i)) == null ? void 0 : o.clearInput,
             class: "dp--clear-btn",
             type: "button",
-            onKeydown: ie[4] || (ie[4] = (y) => s(ot)(y, () => _(y), !0, B)),
-            onClick: ie[5] || (ie[5] = Ot((y) => _(y), ["prevent"]))
+            onKeydown: ie[4] || (ie[4] = (y) => s(ot)(y, () => w(y), !0, B)),
+            onClick: ie[5] || (ie[5] = Ot((y) => w(y), ["prevent"]))
           }, [
             tt(s(_r), {
               class: "dp__input_icons",
@@ -7766,9 +7766,9 @@ const Ks = ({
       defaultedTextInput: le,
       defaultedInline: L,
       defaultedConfig: I,
-      defaultedRange: k,
+      defaultedRange: _,
       defaultedMultiDates: ae
-    } = Ne(r), { menuTransition: ce, showTransition: h } = ka(F), { isMobile: _ } = Wr(I);
+    } = Ne(r), { menuTransition: ce, showTransition: h } = ka(F), { isMobile: w } = Wr(I);
     Ze(() => {
       Q(r.modelValue), it().then(() => {
         if (!L.value.enabled) {
@@ -7840,7 +7840,7 @@ const Ks = ({
       o.value = "", _t(), (N = m.value) == null || N.setParsedDate(null), a("update:model-value", null), a("update:model-timezone-value", null), a("cleared"), I.value.closeOnClearValue && Ve();
     }, Z = () => {
       const N = y.value;
-      return !N || !Array.isArray(N) && ee(N) ? !0 : Array.isArray(N) ? ae.value.enabled || N.length === 2 && ee(N[0]) && ee(N[1]) ? !0 : k.value.partialRange && !r.timePicker ? ee(N[0]) : !1 : !1;
+      return !N || !Array.isArray(N) && ee(N) ? !0 : Array.isArray(N) ? ae.value.enabled || N.length === 2 && ee(N[0]) && ee(N[1]) ? !0 : _.value.partialRange && !r.timePicker ? ee(N[0]) : !1 : !1;
     }, fe = () => {
       me() && Z() ? (c(), Ve()) : a("invalid-select", y.value);
     }, Ue = (N) => {
@@ -7848,7 +7848,7 @@ const Ks = ({
     }, kt = () => {
       m.value && le.value.enabled && m.value.setParsedDate(y.value);
     }, pe = (N = !1) => {
-      r.autoApply && R(y.value) && Z() && (k.value.enabled && Array.isArray(y.value) ? (k.value.partialRange || y.value.length === 2) && Ue(N) : Ue(N));
+      r.autoApply && R(y.value) && Z() && (_.value.enabled && Array.isArray(y.value) ? (_.value.partialRange || y.value.length === 2) && Ue(N) : Ue(N));
     }, _t = () => {
       le.value.enabled || (y.value = null);
     }, Ve = (N = !1) => {
@@ -7881,7 +7881,7 @@ const Ks = ({
       });
     }, qa = (N) => {
       Q(N ?? r.modelValue);
-    }, w = (N, se) => {
+    }, k = (N, se) => {
       var ve;
       (ve = f.value) == null || ve.switchView(N, se);
     }, te = (N) => I.value.onClickOutside ? I.value.onClickOutside(N) : Ve(!0), he = (N = 0) => {
@@ -7900,7 +7900,7 @@ const Ks = ({
       // modify internal modelValue
       setMonthYear: La,
       parseModel: qa,
-      switchView: w,
+      switchView: k,
       toggleMenu: xa,
       handleFlow: he,
       dpWrapMenuRef: P
@@ -7909,7 +7909,7 @@ const Ks = ({
       ref: M,
       class: xe(je.value),
       "data-datepicker-instance": "",
-      "data-dp-mobile": s(_)
+      "data-dp-mobile": s(w)
     }, [
       tt(lu, Qe({
         ref_key: "inputRef",
@@ -8024,6 +8024,18 @@ const fu = { class: "rds-e-datepicker" }, mu = ["aria-expanded", "onKeydown"], p
       type: String,
       required: !0
     },
+    /**
+     * Versión compacta del datepicker con altura reducida (42px en lugar de 52px).
+     * En este modo se ocultan visualmente el label y el helper text para ahorrar espacio.
+     *
+     * ⚠️ **Uso recomendado**: Solo para celdas de tablas editables.
+     * No se recomienda fuera de este contexto por cuestiones de accesibilidad,
+     * ya que la ausencia del label visible puede dificultar la comprensión del campo.
+     */
+    compact: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * Etiqueta para el interruptor
      */
@@ -8163,30 +8175,32 @@ const fu = { class: "rds-e-datepicker" }, mu = ["aria-expanded", "onKeydown"], p
   setup(e, { expose: t, emit: n }) {
     const a = e, r = n, l = Kr(e, "modelValue"), i = Vt(), { vueDatepickerProps: v } = Gr(a), d = G(), P = G(null), f = G(null), m = G(!1), p = G(!1), M = U(() => !a.range || !a.selectFullRange ? !0 : !f.value || !Array.isArray(f.value) ? !1 : f.value.filter((ae) => ae instanceof Date && !Number.isNaN(ae.getTime())).length === 2), C = U(() => {
       if (a.clearable || a.disabled) return !1;
-      const k = a.textfieldProps || {};
-      return !(k.rightIcon === null || k.rightIcon === void 0 || k.rightIcon === "");
+      const _ = a.textfieldProps || {};
+      return !(_.rightIcon === null || _.rightIcon === void 0 || _.rightIcon === "");
     }), x = U(() => (a.textfieldProps || {}).rightIcon || "calendar"), $ = U(() => {
-      const k = a.textfieldProps || {};
+      const _ = a.textfieldProps || {}, ae = a.compact ? { compact: !0 } : {};
       if (a.clearable)
         return {
           rightIcon: "calendar",
-          ...k
+          ..._,
+          ...ae
         };
       if (C.value) {
-        const { rightIcon: ce, ...h } = k;
-        return h;
+        const { rightIcon: h, ...w } = _;
+        return { ...w, ...ae };
       }
-      const { rightIcon: ae } = k;
-      if (ae == null || ae === "") {
-        const { rightIcon: ce, ...h } = k;
-        return h;
+      const { rightIcon: ce } = _;
+      if (ce == null || ce === "") {
+        const { rightIcon: h, ...w } = _;
+        return { ...w, ...ae };
       }
       return {
         rightIcon: "calendar",
-        ...k
+        ..._,
+        ...ae
       };
-    }), T = (k) => {
-      if (k && (k.preventDefault(), k.stopPropagation()), !a.disabled && d.value)
+    }), T = (_) => {
+      if (_ && (_.preventDefault(), _.stopPropagation()), !a.disabled && d.value)
         try {
           setTimeout(() => {
             d.value && !p.value && d.value.toggleMenu();
@@ -8195,7 +8209,7 @@ const fu = { class: "rds-e-datepicker" }, mu = ["aria-expanded", "onKeydown"], p
           console.error("Error toggling datepicker:", ae);
         }
     }, H = U(() => ({
-      "text-submit": (k) => r("textSubmit", k),
+      "text-submit": (_) => r("textSubmit", _),
       open: () => {
         p.value = !0, r("open");
       },
@@ -8207,37 +8221,37 @@ const fu = { class: "rds-e-datepicker" }, mu = ["aria-expanded", "onKeydown"], p
       },
       focus: () => r("focus"),
       blur: () => r("blur"),
-      "internal-model-change": (k, ae) => {
-        f.value = k, r("internalModelChange", k, ae);
+      "internal-model-change": (_, ae) => {
+        f.value = _, r("internalModelChange", _, ae);
       },
       "recalculate-position": () => r("recalculatePosition"),
-      "flow-step": (k) => r("flowStep", k),
-      "update-month-year": (k) => r("updateMonthYear", k),
-      "invalid-select": (k) => r("invalidSelect", k),
-      "invalid-fixed-range": (k) => r("invalidFixedRange", k),
-      "tooltip-open": (k) => r("tooltipOpen", k),
-      "tooltip-close": (k) => r("tooltipClose", k),
+      "flow-step": (_) => r("flowStep", _),
+      "update-month-year": (_) => r("updateMonthYear", _),
+      "invalid-select": (_) => r("invalidSelect", _),
+      "invalid-fixed-range": (_) => r("invalidFixedRange", _),
+      "tooltip-open": (_) => r("tooltipOpen", _),
+      "tooltip-close": (_) => r("tooltipClose", _),
       "time-picker-open": () => r("timePickerOpen"),
       "time-picker-close": () => r("timePickerClose"),
-      "am-pm-change": (k) => r("amPmChange", k),
-      "range-start": (k) => r("rangeStart", k),
-      "range-end": (k) => r("rangeEnd", k),
-      "update:model-timezone-value": (k) => r("updateModelTimezoneValue", k),
-      "date-update": (k) => r("dateUpdate", k),
-      "invalid-date": (k) => r("invalidDate", k),
-      "overlay-toggle": (k) => r("overlayToggle", k),
-      "text-input": (k, ae) => r("textInput", k, ae)
-    })), S = (k) => {
-      T(k);
-    }, E = (k) => {
-      T(k);
+      "am-pm-change": (_) => r("amPmChange", _),
+      "range-start": (_) => r("rangeStart", _),
+      "range-end": (_) => r("rangeEnd", _),
+      "update:model-timezone-value": (_) => r("updateModelTimezoneValue", _),
+      "date-update": (_) => r("dateUpdate", _),
+      "invalid-date": (_) => r("invalidDate", _),
+      "overlay-toggle": (_) => r("overlayToggle", _),
+      "text-input": (_, ae) => r("textInput", _, ae)
+    })), S = (_) => {
+      T(_);
+    }, E = (_) => {
+      T(_);
     }, ee = U(() => {
       const {
-        range: k,
+        range: _,
         monthPicker: ae,
         locale: ce,
         disabled: h,
-        clearable: _,
+        clearable: w,
         actionRow: g,
         teleport: V,
         enableTimePicker: ne,
@@ -8245,21 +8259,21 @@ const fu = { class: "rds-e-datepicker" }, mu = ["aria-expanded", "onKeydown"], p
         ...b
       } = v.value || {};
       return b;
-    }), R = (k) => k ? `${k.month + 1}/${k.year}` : "", F = (k) => {
+    }), R = (_) => _ ? `${_.month + 1}/${_.year}` : "", F = (_) => {
       const ae = v.value || {}, { monthPicker: ce, format: h } = ae;
       if (a.customFormat || h) {
         const ne = a.customFormat || h;
-        return ne ? ne(k) : "";
+        return ne ? ne(_) : "";
       }
-      if (a.monthPicker || ce) return R(k);
-      if (!k) return "";
-      const _ = k.getDate(), g = k.getMonth() + 1, V = k.getFullYear();
-      return `${_}/${g}/${V}`;
+      if (a.monthPicker || ce) return R(_);
+      if (!_) return "";
+      const w = _.getDate(), g = _.getMonth() + 1, V = _.getFullYear();
+      return `${w}/${g}/${V}`;
     }, le = U({
-      set: (k) => {
-        k === "" && (P.value = null, l.value = null);
+      set: (_) => {
+        _ === "" && (P.value = null, l.value = null);
       },
-      get: () => typeof a.customFormat == "function" ? a.customFormat(P.value) || "" : typeof a.vueDatepickerProps?.format == "function" ? a.vueDatepickerProps.format(P.value) || "" : !P.value || Array.isArray(P.value) && !P.value?.length ? "" : Array.isArray(P.value) ? P.value.map((k) => F(k)).join(" - ") : F(P.value)
+      get: () => typeof a.customFormat == "function" ? a.customFormat(P.value) || "" : typeof a.vueDatepickerProps?.format == "function" ? a.vueDatepickerProps.format(P.value) || "" : !P.value || Array.isArray(P.value) && !P.value?.length ? "" : Array.isArray(P.value) ? P.value.map((_) => F(_)).join(" - ") : F(P.value)
     }), L = () => {
       d.value.selectDate();
     }, I = () => {
@@ -8267,8 +8281,8 @@ const fu = { class: "rds-e-datepicker" }, mu = ["aria-expanded", "onKeydown"], p
         m.value || r("cleared");
       });
     };
-    return ct(l, (k) => {
-      P.value = k;
+    return ct(l, (_) => {
+      P.value = _;
     }, { deep: !0 }), t({
       /**
        * Selecciona la fecha, comunmente usada para el boton de accion
@@ -8280,7 +8294,7 @@ const fu = { class: "rds-e-datepicker" }, mu = ["aria-expanded", "onKeydown"], p
       clearValue: I
     }), Ze(() => {
       a.autoSelectOnMount && it(() => L());
-    }), (k, ae) => (O(), X("div", fu, [
+    }), (_, ae) => (O(), X("div", fu, [
       tt(s(On), Qe({
         ref_key: "rdsDatepicker",
         ref: d,
@@ -8297,19 +8311,19 @@ const fu = { class: "rds-e-datepicker" }, mu = ["aria-expanded", "onKeydown"], p
         "enable-time-picker": !1,
         ui: { menu: "rds-e-datepicker-menu" },
         teleport: e.teleport
-      }, { ...ee.value, ...k.$attrs }, Jr({ ...H.value, ...k.$attrs }), {
+      }, { ...ee.value, ..._.$attrs }, Jr({ ...H.value, ..._.$attrs }), {
         "onUpdate:modelValue": ae[3] || (ae[3] = (ce) => P.value = ce)
       }), Ge({
         "dp-input": ke(({ onTab: ce, onBlur: h }) => [
           ge("div", {
             class: "rds-e-datepicker__input-wrapper",
-            onKeydown: ae[1] || (ae[1] = Aa(Ot((_) => E(_), ["prevent"]), ["enter"])),
+            onKeydown: ae[1] || (ae[1] = Aa(Ot((w) => E(w), ["prevent"]), ["enter"])),
             onClick: S
           }, [
             tt(s(el), Qe({
               id: e.id,
               modelValue: le.value,
-              "onUpdate:modelValue": ae[0] || (ae[0] = (_) => le.value = _),
+              "onUpdate:modelValue": ae[0] || (ae[0] = (w) => le.value = w),
               readonly: "",
               label: e.label,
               disabled: e.disabled,
@@ -8347,7 +8361,7 @@ const fu = { class: "rds-e-datepicker" }, mu = ["aria-expanded", "onKeydown"], p
           ], 32)
         ]),
         day: ke(({ day: ce, date: h }) => [
-          de(k.$slots, "day", {
+          de(_.$slots, "day", {
             day: ce,
             date: h
           }, () => [
@@ -8374,14 +8388,14 @@ const fu = { class: "rds-e-datepicker" }, mu = ["aria-expanded", "onKeydown"], p
       }, [
         Se(s(i), (ce, h) => ({
           name: h,
-          fn: ke((_) => [
-            de(k.$slots, h, ze(lt(_ || {})), void 0, !0)
+          fn: ke((w) => [
+            de(_.$slots, h, ze(lt(w || {})), void 0, !0)
           ])
         }))
       ]), 1040, ["modelValue", "locale", "disabled", "clearable", "action-row", "range", "month-picker", "teleport"])
     ]));
   }
-}), xu = /* @__PURE__ */ tl(yu, [["__scopeId", "data-v-e8f02cb6"]]);
+}), xu = /* @__PURE__ */ tl(yu, [["__scopeId", "data-v-82cb4141"]]);
 export {
   xu as default
 };