tokenizer-ui-kit 0.3.4 → 0.3.5

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

@@ -1,4 +1,4 @@
-import { createElementBlock as M, openBlock as h, createElementVNode as X, createStaticVNode as sl, defineComponent as Oe, createBlock as Me, resolveDynamicComponent as ga, normalizeClass as ie, toDisplayString as Ce, computed as L, useAttrs as Ct, mergeProps as Re, unref as v, createCommentVNode as W, renderSlot as K, mergeModels as Qt, useModel as ba, ref as q, onMounted as dt, nextTick as Ue, watch as nt, Fragment as ke, renderList as Ve, normalizeStyle as ot, createTextVNode as pt, createVNode as Fe, reactive as Sa, useSlots as ft, toRef as Pa, getCurrentInstance as il, onUnmounted as wa, isRef as En, createSlots as it, withCtx as be, normalizeProps as st, guardReactiveProps as yt, Teleport as pr, Transition as _a, h as ul, render as Wn, withModifiers as Rt, toValue as dl, getCurrentScope as cl, onScopeDispose as vl, onBeforeUpdate as pl, withDirectives as Bt, vShow as xa, withKeys as fl, vModelCheckbox as ml, vModelDynamic as fr, vModelText as mr, TransitionGroup as hl, onBeforeUnmount as yl } from "vue";
+import { createElementBlock as M, openBlock as h, createElementVNode as X, createStaticVNode as sl, defineComponent as Oe, createBlock as Me, resolveDynamicComponent as ga, normalizeClass as ie, toDisplayString as Ce, computed as L, useAttrs as Ct, mergeProps as Re, unref as v, createCommentVNode as W, renderSlot as K, mergeModels as Qt, useModel as ba, ref as U, onMounted as dt, nextTick as Ue, watch as nt, Fragment as ke, renderList as Ve, normalizeStyle as ot, createTextVNode as pt, createVNode as Fe, reactive as Sa, useSlots as ft, toRef as Pa, getCurrentInstance as il, onUnmounted as wa, isRef as En, createSlots as it, withCtx as be, normalizeProps as st, guardReactiveProps as yt, Teleport as pr, Transition as _a, h as ul, render as Wn, withModifiers as Rt, toValue as dl, getCurrentScope as cl, onScopeDispose as vl, onBeforeUpdate as pl, withDirectives as Bt, vShow as xa, withKeys as fl, vModelCheckbox as ml, vModelDynamic as fr, vModelText as mr, TransitionGroup as hl, onBeforeUnmount as yl } from "vue";
 import { useResizeObserver as gl, onClickOutside as bl, useTimeoutFn as wl } from "@vueuse/core";
 const Le = (e, t) => {
   const n = e.__vccOpts || e;
@@ -291,7 +291,7 @@ const so = ["disabled"], io = /* @__PURE__ */ Oe({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = ba(e, "modelValue"), a = L(() => t.tabs.filter((B) => !B.exclude)), r = q([]), l = q([]), s = q(a.value.length), c = q([]), i = q(!1), b = L(() => Math.max(0, s.value - 1)), p = q(), f = q([]), g = q(), $ = q(0);
+    const t = e, n = ba(e, "modelValue"), a = L(() => t.tabs.filter((B) => !B.exclude)), r = U([]), l = U([]), s = U(a.value.length), c = U([]), i = U(!1), b = L(() => Math.max(0, s.value - 1)), p = U(), f = U([]), g = U(), $ = U(0);
     gl(p, (B) => {
       const z = B[0];
       if (z) {
@@ -3834,7 +3834,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     1: []
   },
   monthPicker: []
-}), un = q(null), Na = q(!1), dn = q(!1), cn = q(!1), vn = q(!1), ct = q(0), Ze = q(0), Zt = () => {
+}), un = U(null), Na = U(!1), dn = U(!1), cn = U(!1), vn = U(!1), ct = U(0), Ze = U(0), Zt = () => {
   const e = L(() => Na.value ? [...Ee.selectionGrid, Ee.actionRow].filter((f) => f.length) : dn.value ? [
     ...Ee.timePicker[0],
     ...Ee.timePicker[1],
@@ -4088,7 +4088,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     }
   };
 }, ru = (e, t, n) => {
-  const a = q(), { defaultedTextInput: r, defaultedRange: l, defaultedTz: s, defaultedMultiDates: c, getDefaultPattern: i } = ze(t), b = q(""), p = Pa(t, "format"), f = Pa(t, "formatLocale");
+  const a = U(), { defaultedTextInput: r, defaultedRange: l, defaultedTz: s, defaultedMultiDates: c, getDefaultPattern: i } = ze(t), b = U(""), p = Pa(t, "format"), f = Pa(t, "formatLocale");
   nt(
     a,
     () => {
@@ -4124,7 +4124,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       o[1] ? Vt(G(), o[1]) : ia(l.value.partialRange)
     ],
     l.value.enabled
-  ) : Vt(G(), +o), Y = (o, C) => (typeof o == "string" || typeof o == "number") && t.modelType ? U(o) : C, A = (o) => Array.isArray(o) ? [
+  ) : Vt(G(), +o), Y = (o, C) => (typeof o == "string" || typeof o == "number") && t.modelType ? q(o) : C, A = (o) => Array.isArray(o) ? [
     Y(
       o[0],
       jt(null, +o[0].hours, +o[0].minutes, o[0].seconds)
@@ -4147,7 +4147,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     ) : Y(o, Ft(C, +o.month, +o.year));
   }, z = (o) => {
     if (Array.isArray(o))
-      return o.map((C) => U(C));
+      return o.map((C) => q(C));
     throw new Error(Bn.dateArr("multi-dates"));
   }, k = (o) => {
     if (Array.isArray(o) && l.value.enabled) {
@@ -4158,13 +4158,13 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       ];
     }
     return G(o[0]);
-  }, R = (o) => t.modelAuto ? Array.isArray(o) ? [U(o[0]), U(o[1])] : t.autoApply ? [U(o)] : [U(o), null] : Array.isArray(o) ? Ha(
+  }, R = (o) => t.modelAuto ? Array.isArray(o) ? [q(o[0]), q(o[1])] : t.autoApply ? [q(o)] : [q(o), null] : Array.isArray(o) ? Ha(
     () => o[1] ? [
-      U(o[0]),
-      o[1] ? U(o[1]) : ia(l.value.partialRange)
-    ] : [U(o[0])],
+      q(o[0]),
+      o[1] ? q(o[1]) : ia(l.value.partialRange)
+    ] : [q(o[0])],
     l.value.enabled
-  ) : U(o), ee = () => {
+  ) : q(o), ee = () => {
     Array.isArray(a.value) && l.value.enabled && a.value.length === 1 && a.value.push(ia(l.value.partialRange));
   }, j = () => {
     const o = a.value;
@@ -4180,7 +4180,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     return `${o(a.value[0])} ${r.value.rangeSeparator} ${a.value[1] ? o(a.value[1]) : ""}`;
   }, y = () => n.value && a.value ? Array.isArray(a.value) ? m() : It(a.value, r.value.format) : O(a.value), I = () => a.value ? c.value.enabled ? a.value.map((o) => O(o)).join("; ") : r.value.enabled && typeof r.value.format == "string" ? y() : O(a.value) : "", J = () => {
     !t.format || typeof t.format == "string" || r.value.enabled && typeof r.value.format == "string" ? b.value = I() : b.value = t.format(a.value);
-  }, U = (o) => {
+  }, q = (o) => {
     if (t.utc) {
       const C = new Date(o);
       return t.utc === "preserve" ? new Date(C.getTime() + C.getTimezoneOffset() * 6e4) : C;
@@ -4394,7 +4394,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       defaultedInline: i,
       defaultedRange: b,
       defaultedMultiDates: p
-    } = ze(a), { isTimeValid: f, isMonthValid: g } = Gt(a), { buildMatrix: $ } = Zt(), O = q(null), H = q(null), x = q(!1), _ = q({}), Y = q(null), A = q(null);
+    } = ze(a), { isTimeValid: f, isMonthValid: g } = Gt(a), { buildMatrix: $ } = Zt(), O = U(null), H = U(null), x = U(!1), _ = U({}), Y = U(null), A = U(null);
     dt(() => {
       a.arrowNavigation && $([et(O), et(H)], "actionRow"), B(), window.addEventListener("resize", B);
     }), wa(() => {
@@ -4519,7 +4519,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   setup(e, { expose: t, emit: n }) {
     const { setSelectionGrid: a, buildMultiLevelMatrix: r, setMonthPicker: l } = Zt(), s = n, c = e, { defaultedAriaLabels: i, defaultedTextInput: b, defaultedConfig: p, handleEventPropagation: f } = ze(
       c
-    ), { hideNavigationButtons: g } = Qa(), $ = q(!1), O = q(null), H = q(null), x = q([]), _ = q(), Y = q(null), A = q(0), B = q(null);
+    ), { hideNavigationButtons: g } = Qa(), $ = U(!1), O = U(null), H = U(null), x = U([]), _ = U(), Y = U(null), A = U(0), B = U(null);
     pl(() => {
       O.value = null;
     }), dt(() => {
@@ -4582,7 +4582,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       r(lt(D), (S = c.headerRefs) != null && S.length ? "monthPicker" : "selectionGrid");
     }, J = (w) => {
       c.arrowNavigation || Ut(w, p.value, !0);
-    }, U = (w) => {
+    }, q = (w) => {
       _.value = w, s("hover-value", w);
     }, ae = () => {
       if (u(), !c.isLast) {
@@ -4652,7 +4652,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
               "data-test-id": C.text,
               onClick: Rt((Te) => fe(C), ["prevent"]),
               onKeydown: (Te) => v(ht)(Te, () => fe(C), !0),
-              onMouseover: (Te) => U(C.value)
+              onMouseover: (Te) => q(C.value)
             }, [
               X("div", {
                 class: ie(C.className)
@@ -4732,7 +4732,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   },
   emits: ["activate", "set-ref"],
   setup(e, { emit: t }) {
-    const n = t, a = q(null);
+    const n = t, a = U(null);
     return dt(() => n("set-ref", a)), (r, l) => (h(), M("button", {
       ref_key: "elRef",
       ref: a,
@@ -4764,7 +4764,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   },
   emits: ["toggle-year-picker", "year-select", "handle-year"],
   setup(e, { emit: t }) {
-    const n = t, a = e, { showRightIcon: r, showLeftIcon: l } = Qa(), { defaultedConfig: s, defaultedMultiCalendars: c, defaultedAriaLabels: i, defaultedTransitions: b, defaultedUI: p } = ze(a), { showTransition: f, transitionName: g } = Va(b), $ = q(!1), O = (_ = !1, Y) => {
+    const n = t, a = e, { showRightIcon: r, showLeftIcon: l } = Qa(), { defaultedConfig: s, defaultedMultiCalendars: c, defaultedAriaLabels: i, defaultedTransitions: b, defaultedUI: p } = ze(a), { showTransition: f, transitionName: g } = Va(b), $ = U(!1), O = (_ = !1, Y) => {
       $.value = !$.value, n("toggle-year-picker", { flow: _, show: Y });
     }, H = (_) => {
       $.value = !1, n("year-select", _);
@@ -4896,7 +4896,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   month: b,
   emit: p
 }) => {
-  const f = L(() => Vn(s.yearRange, s.locale, s.reverseYears)), g = q([!1]), $ = L(() => (N, ue) => {
+  const f = L(() => Vn(s.yearRange, s.locale, s.reverseYears)), g = U([!1]), $ = L(() => (N, ue) => {
     const pe = Ne(Mt(/* @__PURE__ */ new Date()), {
       month: b.value(N),
       year: i.value(N)
@@ -4984,7 +4984,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     defaultedMultiDates: f
   } = ze(e), g = () => {
     e.isTextInputDate && B(_e(G(e.startDate)), 0);
-  }, { modelValue: $, year: O, month: H, calendars: x } = Ba(e, t, g), _ = L(() => Nr(e.formatLocale, e.locale, e.monthNameFormat)), Y = q(null), { checkMinMaxRange: A } = Gt(e), {
+  }, { modelValue: $, year: O, month: H, calendars: x } = Ba(e, t, g), _ = L(() => Nr(e.formatLocale, e.locale, e.monthNameFormat)), Y = U(null), { checkMinMaxRange: A } = Gt(e), {
     selectYear: B,
     groupedYears: z,
     showYearPicker: k,
@@ -5036,14 +5036,14 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   })), I = (S, D) => Ft(Mt(G()), S, O.value(D)), J = (S, D) => {
     const V = $.value ? $.value : Mt(/* @__PURE__ */ new Date());
     $.value = Ft(V, S, O.value(D)), t("auto-apply"), t("update-flow-step");
-  }, U = (S, D) => {
+  }, q = (S, D) => {
     const V = I(S, D);
     s.value.fixedEnd || s.value.fixedStart ? $.value = tl(V, $, t, s) : $.value ? A(V, $.value) && ($.value = Fn($, I(S, D), t)) : $.value = [I(S, D)], Ue().then(() => {
       ja($.value, t, e.autoApply, e.modelAuto);
     });
   }, ae = (S, D) => {
     Nn(I(S, D), $, f.value.limit), t("auto-apply", !0);
-  }, F = (S, D) => (x.value[D].month = S, w(D, x.value[D].year, S), f.value.enabled ? ae(S, D) : s.value.enabled ? U(S, D) : J(S, D)), ce = (S, D) => {
+  }, F = (S, D) => (x.value[D].month = S, w(D, x.value[D].year, S), f.value.enabled ? ae(S, D) : s.value.enabled ? q(S, D) : J(S, D)), ce = (S, D) => {
     B(S, D), w(D, S, null);
   }, w = (S, D, V) => {
     let o = V;
@@ -5204,7 +5204,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
 }), gu = (e, t) => {
   const n = () => {
     e.isTextInputDate && (p.value = _e(G(e.startDate)));
-  }, { modelValue: a } = Ba(e, t, n), r = q(null), { defaultedHighlight: l, defaultedMultiDates: s, defaultedFilters: c, defaultedRange: i, propDates: b } = ze(e), p = q();
+  }, { modelValue: a } = Ba(e, t, n), r = U(null), { defaultedHighlight: l, defaultedMultiDates: s, defaultedFilters: c, defaultedRange: i, propDates: b } = ze(e), p = U();
   dt(() => {
     e.startDate && (a.value && e.focusStartDate || !a.value) && (p.value = _e(G(e.startDate)));
   });
@@ -5329,7 +5329,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       hours: !1,
       minutes: !1,
       seconds: !1
-    }), x = q("AM"), _ = q(null), Y = q([]), A = q(), B = q(!1);
+    }), x = U("AM"), _ = U(null), Y = U([]), A = U(), B = U(!1);
     dt(() => {
       a("mounted");
     });
@@ -5339,7 +5339,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       seconds: r.enableSeconds ? d.seconds : 0,
       milliseconds: 0
     }), k = L(
-      () => (d) => U(d, r[d]) || ee(d, r[d])
+      () => (d) => q(d, r[d]) || ee(d, r[d])
     ), R = L(() => ({ hours: r.hours, minutes: r.minutes, seconds: r.seconds })), ee = (d, re) => f.value.enabled && !f.value.disableTimeRangeValidation ? !r.validateTime(d, re) : !1, j = (d, re) => {
       if (f.value.enabled && !f.value.disableTimeRangeValidation) {
         const le = re ? +r[`${d}Increment`] : -+r[`${d}Increment`], se = r[d] + le;
@@ -5371,7 +5371,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         return { text: re < 10 ? `0${re}` : `${re}`, value: re };
       }
       return { text: r[d] < 10 ? `0${r[d]}` : `${r[d]}`, value: r[d] };
-    }), U = (d, re) => {
+    }), q = (d, re) => {
       var le;
       if (!r.disabledTimesConfig) return !1;
       const se = r.disabledTimesConfig(r.order, d === "hours" ? re : void 0);
@@ -5380,7 +5380,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       const re = r.is24 ? 24 : 12, le = d === "hours" ? re : 60, se = +r[`${d}GridIncrement`], $e = d === "hours" && !r.is24 ? se : 0, De = [];
       for (let Be = $e; Be < le; Be += se)
         De.push({ value: r.is24 ? Be : ae(Be, d), text: Be < 10 ? `0${Be}` : `${Be}` });
-      return d === "hours" && !r.is24 && De.unshift({ value: x.value === "PM" ? 12 : 0, text: "12" }), ha(De, (Be) => ({ active: !1, disabled: b.value.times[d].includes(Be.value) || !S(Be.value, d) || U(d, Be.value) || ee(d, Be.value) }));
+      return d === "hours" && !r.is24 && De.unshift({ value: x.value === "PM" ? 12 : 0, text: "12" }), ha(De, (Be) => ({ active: !1, disabled: b.value.times[d].includes(Be.value) || !S(Be.value, d) || q(d, Be.value) || ee(d, Be.value) }));
     }, ce = (d) => d >= 0 ? d : 59, w = (d) => d >= 0 ? d : 23, S = (d, re) => {
       const le = r.minTime ? z(rn(r.minTime)) : null, se = r.maxTime ? z(rn(r.maxTime)) : null, $e = z(
         rn(
@@ -5626,97 +5626,97 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     "am-pm-change"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, { buildMatrix: l, setTimePicker: s } = Zt(), c = ft(), { defaultedTransitions: i, defaultedAriaLabels: b, defaultedTextInput: p, defaultedConfig: f, defaultedRange: g } = ze(r), { transitionName: $, showTransition: O } = Va(i), { hideNavigationButtons: H } = Qa(), x = q(null), _ = q(null), Y = q([]), A = q(null), B = q(!1);
+    const a = n, r = e, { buildMatrix: l, setTimePicker: s } = Zt(), c = ft(), { defaultedTransitions: i, defaultedAriaLabels: b, defaultedTextInput: p, defaultedConfig: f, defaultedRange: g } = ze(r), { transitionName: $, showTransition: O } = Va(i), { hideNavigationButtons: H } = Qa(), x = U(null), _ = U(null), Y = U([]), A = U(null), B = U(!1);
     dt(() => {
       a("mount"), !r.timePicker && r.arrowNavigation ? l([et(x.value)], "time") : s(!0, r.timePicker);
     });
-    const z = L(() => g.value.enabled && r.modelAuto ? Fr(r.internalModelValue) : !0), k = q(!1), R = (U) => ({
-      hours: Array.isArray(r.hours) ? r.hours[U] : r.hours,
-      minutes: Array.isArray(r.minutes) ? r.minutes[U] : r.minutes,
-      seconds: Array.isArray(r.seconds) ? r.seconds[U] : r.seconds
+    const z = L(() => g.value.enabled && r.modelAuto ? Fr(r.internalModelValue) : !0), k = U(!1), R = (q) => ({
+      hours: Array.isArray(r.hours) ? r.hours[q] : r.hours,
+      minutes: Array.isArray(r.minutes) ? r.minutes[q] : r.minutes,
+      seconds: Array.isArray(r.seconds) ? r.seconds[q] : r.seconds
     }), ee = L(() => {
-      const U = [];
+      const q = [];
       if (g.value.enabled)
         for (let ae = 0; ae < 2; ae++)
-          U.push(R(ae));
+          q.push(R(ae));
       else
-        U.push(R(0));
-      return U;
-    }), j = (U, ae = !1, F = "") => {
-      ae || a("reset-flow"), k.value = U, a(U ? "overlay-opened" : "overlay-closed", vt.time), r.arrowNavigation && s(U), Ue(() => {
+        q.push(R(0));
+      return q;
+    }), j = (q, ae = !1, F = "") => {
+      ae || a("reset-flow"), k.value = q, a(q ? "overlay-opened" : "overlay-closed", vt.time), r.arrowNavigation && s(q), Ue(() => {
         F !== "" && Y.value[0] && Y.value[0].openChildCmp(F);
       });
     }, N = L(() => ({
       dp__btn: !0,
       dp__button: !0,
       dp__button_bottom: r.autoApply && !f.value.keepActionRow
-    })), ue = bt(c, "timePicker"), pe = (U, ae, F) => g.value.enabled ? ae === 0 ? [U, ee.value[1][F]] : [ee.value[0][F], U] : U, fe = (U) => {
-      a("update:hours", U);
-    }, u = (U) => {
-      a("update:minutes", U);
-    }, m = (U) => {
-      a("update:seconds", U);
+    })), ue = bt(c, "timePicker"), pe = (q, ae, F) => g.value.enabled ? ae === 0 ? [q, ee.value[1][F]] : [ee.value[0][F], q] : q, fe = (q) => {
+      a("update:hours", q);
+    }, u = (q) => {
+      a("update:minutes", q);
+    }, m = (q) => {
+      a("update:seconds", q);
     }, y = () => {
       if (A.value && !p.value.enabled && !r.noOverlayFocus) {
-        const U = Lr(A.value);
-        U && U.focus({ preventScroll: !0 });
+        const q = Lr(A.value);
+        q && q.focus({ preventScroll: !0 });
       }
-    }, I = (U) => {
-      B.value = !1, a("overlay-closed", U);
-    }, J = (U) => {
-      B.value = !0, a("overlay-opened", U);
+    }, I = (q) => {
+      B.value = !1, a("overlay-closed", q);
+    }, J = (q) => {
+      B.value = !0, a("overlay-opened", q);
     };
-    return t({ toggleTimePicker: j }), (U, ae) => {
+    return t({ toggleTimePicker: j }), (q, ae) => {
       var F;
       return h(), M("div", {
         class: "dp--tp-wrap",
-        "data-dp-mobile": U.isMobile
+        "data-dp-mobile": q.isMobile
       }, [
-        !U.timePicker && !U.timePickerInline ? Bt((h(), M("button", {
+        !q.timePicker && !q.timePickerInline ? Bt((h(), M("button", {
           key: 0,
           ref_key: "openTimePickerBtn",
           ref: x,
           type: "button",
           class: ie({ ...N.value, "dp--hidden-el": k.value }),
           "aria-label": (F = v(b)) == null ? void 0 : F.openTimePicker,
-          tabindex: U.noOverlayFocus ? void 0 : 0,
+          tabindex: q.noOverlayFocus ? void 0 : 0,
           "data-test-id": "open-time-picker-btn",
           onKeydown: ae[0] || (ae[0] = (ce) => v(ht)(ce, () => j(!0))),
           onClick: ae[1] || (ae[1] = (ce) => j(!0))
         }, [
-          U.$slots["clock-icon"] ? K(U.$slots, "clock-icon", { key: 0 }) : W("", !0),
-          U.$slots["clock-icon"] ? W("", !0) : (h(), Me(v(On), { key: 1 }))
+          q.$slots["clock-icon"] ? K(q.$slots, "clock-icon", { key: 0 }) : W("", !0),
+          q.$slots["clock-icon"] ? W("", !0) : (h(), Me(v(On), { key: 1 }))
         ], 42, Pu)), [
-          [xa, !v(H)(U.hideNavigation, "time")]
+          [xa, !v(H)(q.hideNavigation, "time")]
         ]) : W("", !0),
         Fe(_a, {
           name: v($)(k.value),
-          css: v(O) && !U.timePickerInline
+          css: v(O) && !q.timePickerInline
         }, {
           default: be(() => {
             var ce, w;
             return [
-              k.value || U.timePicker || U.timePickerInline ? (h(), M("div", {
+              k.value || q.timePicker || q.timePickerInline ? (h(), M("div", {
                 key: 0,
                 ref_key: "overlayRef",
                 ref: A,
-                role: U.timePickerInline ? void 0 : "dialog",
+                role: q.timePickerInline ? void 0 : "dialog",
                 class: ie({
-                  dp__overlay: !U.timePickerInline,
-                  "dp--overlay-absolute": !r.timePicker && !U.timePickerInline,
+                  dp__overlay: !q.timePickerInline,
+                  "dp--overlay-absolute": !r.timePicker && !q.timePickerInline,
                   "dp--overlay-relative": r.timePicker
                 }),
-                style: ot(U.timePicker ? { height: `${v(f).modeHeight}px` } : void 0),
+                style: ot(q.timePicker ? { height: `${v(f).modeHeight}px` } : void 0),
                 "aria-label": (ce = v(b)) == null ? void 0 : ce.timePicker,
-                tabindex: U.timePickerInline ? void 0 : 0
+                tabindex: q.timePickerInline ? void 0 : 0
               }, [
                 X("div", {
                   class: ie(
-                    U.timePickerInline ? "dp__time_picker_inline_container" : "dp__overlay_container dp__container_flex dp__time_picker_overlay_container"
+                    q.timePickerInline ? "dp__time_picker_inline_container" : "dp__overlay_container dp__container_flex dp__time_picker_overlay_container"
                   ),
                   style: { display: "flex" }
                 }, [
-                  U.$slots["time-picker-overlay"] ? K(U.$slots, "time-picker-overlay", {
+                  q.$slots["time-picker-overlay"] ? K(q.$slots, "time-picker-overlay", {
                     key: 0,
                     hours: e.hours,
                     minutes: e.minutes,
@@ -5725,15 +5725,15 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                     setMinutes: u,
                     setSeconds: m
                   }) : W("", !0),
-                  U.$slots["time-picker-overlay"] ? W("", !0) : (h(), M("div", {
+                  q.$slots["time-picker-overlay"] ? W("", !0) : (h(), M("div", {
                     key: 1,
-                    class: ie(U.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
+                    class: ie(q.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
                   }, [
                     (h(!0), M(ke, null, Ve(ee.value, (S, D) => Bt((h(), Me(Cu, Re({
                       key: D,
                       ref_for: !0
                     }, {
-                      ...U.$props,
+                      ...q.$props,
                       order: D,
                       hours: S.hours,
                       minutes: S.minutes,
@@ -5752,19 +5752,19 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                       onMounted: y,
                       onOverlayClosed: I,
                       onOverlayOpened: J,
-                      onAmPmChange: ae[2] || (ae[2] = (V) => U.$emit("am-pm-change", V))
+                      onAmPmChange: ae[2] || (ae[2] = (V) => q.$emit("am-pm-change", V))
                     }), it({ _: 2 }, [
                       Ve(v(ue), (V, o) => ({
                         name: V,
                         fn: be((C) => [
-                          K(U.$slots, V, Re({ ref_for: !0 }, C))
+                          K(q.$slots, V, Re({ ref_for: !0 }, C))
                         ])
                       }))
                     ]), 1040, ["validate-time", "onUpdate:hours", "onUpdate:minutes", "onUpdate:seconds"])), [
                       [xa, D === 0 ? !0 : z.value]
                     ])), 128))
                   ], 2)),
-                  !U.timePicker && !U.timePickerInline ? Bt((h(), M("button", {
+                  !q.timePicker && !q.timePickerInline ? Bt((h(), M("button", {
                     key: 2,
                     ref_key: "closeTimePickerBtn",
                     ref: _,
@@ -5775,10 +5775,10 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                     onKeydown: ae[3] || (ae[3] = (S) => v(ht)(S, () => j(!1))),
                     onClick: ae[4] || (ae[4] = (S) => j(!1))
                   }, [
-                    U.$slots["calendar-icon"] ? K(U.$slots, "calendar-icon", { key: 0 }) : W("", !0),
-                    U.$slots["calendar-icon"] ? W("", !0) : (h(), Me(v(ka), { key: 1 }))
+                    q.$slots["calendar-icon"] ? K(q.$slots, "calendar-icon", { key: 0 }) : W("", !0),
+                    q.$slots["calendar-icon"] ? W("", !0) : (h(), Me(v(ka), { key: 1 }))
                   ], 42, Ou)), [
-                    [xa, !v(H)(U.hideNavigation, "time")]
+                    [xa, !v(H)(q.hideNavigation, "time")]
                   ]) : W("", !0)
                 ], 2)
               ], 14, Au)) : W("", !0)
@@ -5924,7 +5924,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     "overlay-toggle"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, l = ft(), s = bt(l, "timePicker"), c = q(null), { time: i, modelValue: b, disabledTimesConfig: p, updateTime: f, validateTime: g } = Su(r, a);
+    const a = n, r = e, l = ft(), s = bt(l, "timePicker"), c = U(null), { time: i, modelValue: b, disabledTimesConfig: p, updateTime: f, validateTime: g } = Su(r, a);
     return dt(() => {
       r.shadow || a("mount", null);
     }), t({ getSidebarProps: () => ({
@@ -5996,7 +5996,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       defaultedHighlight: p,
       propDates: f,
       defaultedUI: g
-    } = ze(r), { transitionName: $, showTransition: O } = Va(l), { buildMatrix: H } = Zt(), { handleMonthYearChange: x, isDisabled: _, updateMonthYear: Y } = lu(r, a), { showLeftIcon: A, showRightIcon: B } = Qa(), z = q(!1), k = q(!1), R = q(!1), ee = q([null, null, null, null]);
+    } = ze(r), { transitionName: $, showTransition: O } = Va(l), { buildMatrix: H } = Zt(), { handleMonthYearChange: x, isDisabled: _, updateMonthYear: Y } = lu(r, a), { showLeftIcon: A, showRightIcon: B } = Qa(), z = U(!1), k = U(!1), R = U(!1), ee = U([null, null, null, null]);
     dt(() => {
       a("mount");
     });
@@ -6030,10 +6030,10 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     })), y = (w, S, D) => {
       D !== void 0 ? w.value = D : w.value = !w.value, w.value ? (R.value = !0, a("overlay-opened", S)) : (R.value = !1, a("overlay-closed", S));
     }, I = (w = !1, S) => {
-      U(w), y(z, vt.month, S);
+      q(w), y(z, vt.month, S);
     }, J = (w = !1, S) => {
-      U(w), y(k, vt.year, S);
-    }, U = (w) => {
+      q(w), y(k, vt.year, S);
+    }, q = (w) => {
       w || a("reset-flow");
     }, ae = (w, S) => {
       r.arrowNavigation && (ee.value[S] = et(w), H(ee.value, "monthYear"));
@@ -6270,11 +6270,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       defaultedWeekNumbers: p,
       defaultedMultiDates: f,
       defaultedUI: g
-    } = ze(r), $ = q(null), O = q({
+    } = ze(r), $ = U(null), O = U({
       bottom: "",
       left: "",
       transform: ""
-    }), H = q([]), x = q(null), _ = q(!0), Y = q(""), A = q({ startX: 0, endX: 0, startY: 0, endY: 0 }), B = q([]), z = q({ left: "50%" }), k = q(!1), R = L(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), ee = L(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : $i(r.formatLocale, r.locale, +r.weekStart));
+    }), H = U([]), x = U(null), _ = U(!0), Y = U(""), A = U({ startX: 0, endX: 0, startY: 0, endY: 0 }), B = U([]), z = U({ left: "50%" }), k = U(!1), R = L(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), ee = L(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : $i(r.formatLocale, r.locale, +r.weekStart));
     dt(() => {
       a("mount", { cmp: "calendar", refs: H }), c.value.noSwipe || x.value && (x.value.addEventListener("touchstart", ae, { passive: !1 }), x.value.addEventListener("touchend", F, { passive: !1 }), x.value.addEventListener("touchmove", ce, { passive: !1 })), r.monthChangeOnScroll && x.value && x.value.addEventListener("wheel", D, { passive: !1 });
     }), wa(() => {
@@ -6325,7 +6325,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         if (r.hideOffsetDates && !E.current) return;
         await I(E, we, Z);
       }
-    }, U = (E) => {
+    }, q = (E) => {
       $.value && ($.value = null, O.value = JSON.parse(JSON.stringify({ bottom: "", left: "", transform: "" })), a("tooltip-close", E.marker));
     }, ae = (E) => {
       A.value.startX = E.changedTouches[0].screenX, A.value.startY = E.changedTouches[0].screenY;
@@ -6419,7 +6419,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                     onTouchend: (De) => C(De, d, !1),
                     onKeydown: (De) => v(ht)(De, () => E.$emit("select-date", d)),
                     onMouseenter: (De) => J(d, oe, re),
-                    onMouseleave: (De) => U(d),
+                    onMouseleave: (De) => q(d),
                     onMousedown: (De) => Te(d),
                     onMouseup: we[0] || (we[0] = (De) => k.value = !1)
                   }, [
@@ -6494,7 +6494,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     ], 2));
   }
 }), dr = (e) => Array.isArray(e), ju = (e, t, n, a) => {
-  const r = q([]), l = q(/* @__PURE__ */ new Date()), s = q(), c = () => F(e.isTextInputDate), { modelValue: i, calendars: b, time: p, today: f } = Ba(e, t, c), {
+  const r = U([]), l = U(/* @__PURE__ */ new Date()), s = U(), c = () => F(e.isTextInputDate), { modelValue: i, calendars: b, time: p, today: f } = Ba(e, t, c), {
     defaultedMultiCalendars: g,
     defaultedStartTime: $,
     defaultedRange: O,
@@ -6517,11 +6517,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   dt(() => {
     e.shadow || (i.value || (we(), J()), F(!0), e.focusStartDate && e.startDate && we());
   });
-  const U = L(() => {
+  const q = L(() => {
     var P;
     return (P = e.flow) != null && P.length && !e.partialFlow ? e.flowStep === e.flow.length : !0;
   }), ae = () => {
-    e.autoApply && U.value && t("auto-apply", e.partialFlow ? e.flowStep !== e.flow.length : !1);
+    e.autoApply && q.value && t("auto-apply", e.partialFlow ? e.flowStep !== e.flow.length : !1);
   }, F = (P = !1) => {
     if (i.value)
       return Array.isArray(i.value) ? (r.value = i.value, C(P)) : S(i.value, P);
@@ -6789,7 +6789,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       updateTime: k,
       assignMonthAndYear: R,
       setStartTime: ee
-    } = ju(r, a, ce, w), j = ft(), { setHoverDate: N, getDayClassData: ue, clearHoverDate: pe } = vd(i, r), { defaultedMultiCalendars: fe } = ze(r), u = q([]), m = q([]), y = q(null), I = bt(j, "calendar"), J = bt(j, "monthYear"), U = bt(j, "timePicker"), ae = (Z) => {
+    } = ju(r, a, ce, w), j = ft(), { setHoverDate: N, getDayClassData: ue, clearHoverDate: pe } = vd(i, r), { defaultedMultiCalendars: fe } = ze(r), u = U([]), m = U([]), y = U(null), I = bt(j, "calendar"), J = bt(j, "monthYear"), q = bt(j, "timePicker"), ae = (Z) => {
       r.shadow || a("mount", Z);
     };
     nt(
@@ -6954,7 +6954,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
           onOverlayOpened: oe[14] || (oe[14] = (d) => E(d, !0)),
           onAmPmChange: oe[15] || (oe[15] = (d) => Z.$emit("am-pm-change", d))
         }), it({ _: 2 }, [
-          Ve(v(U), (d, re) => ({
+          Ve(v(q), (d, re) => ({
             name: d,
             fn: be((le) => [
               K(Z.$slots, d, st(yt(le)))
@@ -6965,7 +6965,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     ], 64));
   }
 }), Zu = (e, t) => {
-  const n = q(), {
+  const n = U(), {
     defaultedMultiCalendars: a,
     defaultedConfig: r,
     defaultedHighlight: l,
@@ -7000,9 +7000,9 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       start: na(y),
       end: La(y)
     }).map((I) => {
-      const J = ea(I), U = Zn(I), ae = O(I), F = ee(J), ce = N(J);
+      const J = ea(I), q = Zn(I), ae = O(I), F = ee(J), ce = N(J);
       return {
-        text: k(J, U),
+        text: k(J, q),
         value: J,
         active: R.value(J),
         highlighted: ce,
@@ -7143,7 +7143,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     }, 8, ["multi-calendars", "collapse", "is-mobile"]));
   }
 }), ll = (e, t) => {
-  const n = q(0);
+  const n = U(0);
   dt(() => {
     a(), window.addEventListener("resize", a, { passive: !0 });
   }), wa(() => {
@@ -7212,7 +7212,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     "menu-blur"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, l = q(null), s = L(() => {
+    const a = n, r = e, l = U(null), s = L(() => {
       const { openOnTop: T, ...de } = r;
       return {
         ...de,
@@ -7220,7 +7220,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         flowStep: fe.value,
         menuWrapRef: l.value
       };
-    }), { setMenuFocused: c, setShiftKey: i, control: b } = Xr(), p = ft(), { defaultedTextInput: f, defaultedInline: g, defaultedConfig: $, defaultedUI: O, handleEventPropagation: H } = ze(r), { isMobile: x } = ll($, r.shadow), _ = q(null), Y = q(0), A = q(null), B = q(!1), z = q(null), k = q(!1), R = (T) => {
+    }), { setMenuFocused: c, setShiftKey: i, control: b } = Xr(), p = ft(), { defaultedTextInput: f, defaultedInline: g, defaultedConfig: $, defaultedUI: O, handleEventPropagation: H } = ze(r), { isMobile: x } = ll($, r.shadow), _ = U(null), Y = U(0), A = U(null), B = U(!1), z = U(null), k = U(!1), R = (T) => {
       k.value = !0, $.value.allowPreventDefault && T.preventDefault(), Ut(T, $.value, !0);
     };
     dt(() => {
@@ -7238,7 +7238,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     const ee = () => {
       const T = et(A);
       T && (Y.value = T.getBoundingClientRect().width);
-    }, { arrowRight: j, arrowLeft: N, arrowDown: ue, arrowUp: pe } = Zt(), { flowStep: fe, updateFlowStep: u, childMount: m, resetFlow: y, handleFlow: I } = pd(r, a, z), J = L(() => r.monthPicker ? yu : r.yearPicker ? bu : r.timePicker ? Yu : r.quarterPicker ? Ju : Ku), U = L(() => {
+    }, { arrowRight: j, arrowLeft: N, arrowDown: ue, arrowUp: pe } = Zt(), { flowStep: fe, updateFlowStep: u, childMount: m, resetFlow: y, handleFlow: I } = pd(r, a, z), J = L(() => r.monthPicker ? yu : r.yearPicker ? bu : r.timePicker ? Yu : r.quarterPicker ? Ju : Ku), q = L(() => {
       var T;
       if ($.value.arrowLeft) return $.value.arrowLeft;
       const de = (T = l.value) == null ? void 0 : T.getBoundingClientRect(), Se = r.getInputRect();
@@ -7340,7 +7340,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         role: v(g).enabled ? void 0 : "dialog",
         "aria-label": (Se = T.ariaLabels) == null ? void 0 : Se.menu,
         class: ie(o.value),
-        style: ot({ "--dp-arrow-left": U.value }),
+        style: ot({ "--dp-arrow-left": q.value }),
         onMouseleave: se,
         onClick: C,
         onKeydown: Be
@@ -7480,10 +7480,10 @@ const ud = ({
   props: s,
   slots: c
 }) => {
-  const { defaultedConfig: i } = ze(s), b = q({}), p = q(!1), f = q({
+  const { defaultedConfig: i } = ze(s), b = U({}), p = U(!1), f = U({
     top: "0",
     left: "0"
-  }), g = q(!1), $ = Pa(s, "teleportCenter");
+  }), g = U(!1), $ = Pa(s, "teleportCenter");
   nt($, () => {
     f.value = JSON.parse(JSON.stringify({})), z();
   });
@@ -7503,8 +7503,8 @@ const ud = ({
   }, _ = (y, I) => {
     s.position === da.left && x(y), s.position === da.right && H(y, I), s.position === da.center && (f.value.left = `${y + I / 2 - b.value.width / 2}px`);
   }, Y = (y) => {
-    const { width: I, height: J } = y.getBoundingClientRect(), { top: U, left: ae } = O(y);
-    return { top: +U, left: +ae, width: I, height: J };
+    const { width: I, height: J } = y.getBoundingClientRect(), { top: q, left: ae } = O(y);
+    return { top: +q, left: +ae, width: I, height: J };
   }, A = () => {
     f.value.left = "50%", f.value.top = "50%", f.value.transform = "translate(-50%, -50%)", f.value.position = "fixed", delete f.value.opacity;
   }, B = () => {
@@ -7524,17 +7524,17 @@ const ud = ({
   }, k = ({ inputEl: y, left: I, width: J }) => {
     window.screen.width > 768 && !p.value && _(I, J), j(y);
   }, R = (y) => {
-    const { top: I, left: J, height: U, width: ae } = Y(y);
-    f.value.top = `${U + I + +s.offset}px`, g.value = !1, p.value || (f.value.left = `${J + ae / 2 - b.value.width / 2}px`), k({ inputEl: y, left: J, width: ae });
+    const { top: I, left: J, height: q, width: ae } = Y(y);
+    f.value.top = `${q + I + +s.offset}px`, g.value = !1, p.value || (f.value.left = `${J + ae / 2 - b.value.width / 2}px`), k({ inputEl: y, left: J, width: ae });
   }, ee = (y) => {
-    const { top: I, left: J, width: U } = Y(y);
-    f.value.top = `${I - +s.offset - b.value.height}px`, g.value = !0, k({ inputEl: y, left: J, width: U });
+    const { top: I, left: J, width: q } = Y(y);
+    f.value.top = `${I - +s.offset - b.value.height}px`, g.value = !0, k({ inputEl: y, left: J, width: q });
   }, j = (y) => {
     if (s.autoPosition) {
-      const { left: I, width: J } = Y(y), { left: U, right: ae } = b.value;
+      const { left: I, width: J } = Y(y), { left: q, right: ae } = b.value;
       if (!p.value) {
-        if (Math.abs(U) !== Math.abs(ae)) {
-          if (U <= 0)
+        if (Math.abs(q) !== Math.abs(ae)) {
+          if (q <= 0)
             return p.value = !0, x(I);
           if (ae >= document.documentElement.clientWidth)
             return p.value = !0, H(I, J);
@@ -7547,7 +7547,7 @@ const ud = ({
     if (y) {
       if (s.autoPosition === Dt.top) return Dt.top;
       if (s.autoPosition === Dt.bottom) return Dt.bottom;
-      const { height: I } = b.value, { top: J, height: U } = y.getBoundingClientRect(), ae = window.innerHeight - J - U, F = J;
+      const { height: I } = b.value, { top: J, height: q } = y.getBoundingClientRect(), ae = window.innerHeight - J - q, F = J;
       return I <= ae ? Dt.bottom : I > ae && I <= F ? Dt.top : ae >= F ? Dt.bottom : Dt.top;
     }
     return Dt.bottom;
@@ -7584,8 +7584,8 @@ const ud = ({
     setMenuPosition: z,
     getScrollableParent: u,
     shadowRender: (y, I, J) => {
-      var U, ae, F;
-      const ce = document.createElement("div"), w = (U = et(n)) == null ? void 0 : U.getBoundingClientRect();
+      var q, ae, F;
+      const ce = document.createElement("div"), w = (q = et(n)) == null ? void 0 : q.getBoundingClientRect();
       ce.setAttribute("id", "dp--temp-container");
       const S = (ae = a.value) != null && ae.clientWidth ? a.value : document.body;
       S.append(ce);
@@ -7666,7 +7666,7 @@ const ud = ({
   const t = L(() => (a) => e.value ? a ? e.value.open : e.value.close : ""), n = L(() => (a) => e.value ? a ? e.value.menuAppearTop : e.value.menuAppearBottom : "");
   return { transitionName: t, showTransition: !!e.value, menuTransition: n };
 }, Ba = (e, t, n) => {
-  const { defaultedRange: a, defaultedTz: r } = ze(e), l = G(gt(G(), r.value.timezone)), s = q([{ month: Pe(l), year: _e(l) }]), c = (g) => {
+  const { defaultedRange: a, defaultedTz: r } = ze(e), l = G(gt(G(), r.value.timezone)), s = U([{ month: Pe(l), year: _e(l) }]), c = (g) => {
     const $ = {
       hours: Lt(l),
       minutes: Kt(l),
@@ -7718,7 +7718,7 @@ const ud = ({
     defaultedTz: s,
     propDates: c,
     defaultedRange: i
-  } = ze(t), { isDisabled: b } = Gt(t), p = q(null), f = q(gt(/* @__PURE__ */ new Date(), s.value.timezone)), g = (o) => {
+  } = ze(t), { isDisabled: b } = Gt(t), p = U(null), f = U(gt(/* @__PURE__ */ new Date(), s.value.timezone)), g = (o) => {
     !o.current && t.hideOffsetDates || (p.value = o.value);
   }, $ = () => {
     p.value = null;
@@ -7787,7 +7787,7 @@ const ud = ({
       return Oa([C, te], e.value[0], o.value);
     }
     return !1;
-  }, J = (o) => i.value.enabled && (i.value.maxRange || i.value.minRange) ? i.value.maxRange && i.value.minRange ? y(o) || I(o) : i.value.maxRange ? y(o) : I(o) : !1, U = (o) => {
+  }, J = (o) => i.value.enabled && (i.value.maxRange || i.value.minRange) ? i.value.maxRange && i.value.minRange ? y(o) || I(o) : i.value.maxRange ? y(o) : I(o) : !1, q = (o) => {
     const { isRangeStart: C, isRangeEnd: te } = w(o), Te = i.value.enabled ? C || te : !1;
     return {
       dp__cell_offset: !o.current,
@@ -7852,7 +7852,7 @@ const ud = ({
     setHoverDate: g,
     clearHoverDate: $,
     getDayClassData: (o) => t.hideOffsetDates && !o.current ? {} : {
-      ...U(o),
+      ...q(o),
       ...V(o),
       [t.dayClass ? t.dayClass(o.value, t.internalModelValue) : ""]: !0,
       ...r.value.calendarCell ?? {}
@@ -7860,8 +7860,8 @@ const ud = ({
   };
 }, Gt = (e) => {
   const { defaultedFilters: t, defaultedRange: n, propDates: a, defaultedMultiDates: r } = ze(e), l = (u) => a.value.disabledDates ? typeof a.value.disabledDates == "function" ? a.value.disabledDates(G(u)) : !!za(u, a.value.disabledDates) : !1, s = (u) => a.value.maxDate ? e.yearPicker ? _e(u) > _e(a.value.maxDate) : Ge(u, a.value.maxDate) : !1, c = (u) => a.value.minDate ? e.yearPicker ? _e(u) < _e(a.value.minDate) : je(u, a.value.minDate) : !1, i = (u) => {
-    const m = s(u), y = c(u), I = l(u), J = t.value.months.map((w) => +w).includes(Pe(u)), U = e.disabledWeekDays.length ? e.disabledWeekDays.some((w) => +w === gs(u)) : !1, ae = $(u), F = _e(u), ce = F < +e.yearRange[0] || F > +e.yearRange[1];
-    return !(m || y || I || J || ce || U || ae);
+    const m = s(u), y = c(u), I = l(u), J = t.value.months.map((w) => +w).includes(Pe(u)), q = e.disabledWeekDays.length ? e.disabledWeekDays.some((w) => +w === gs(u)) : !1, ae = $(u), F = _e(u), ce = F < +e.yearRange[0] || F > +e.yearRange[1];
+    return !(m || y || I || J || ce || q || ae);
   }, b = (u, m) => je(...qt(a.value.minDate, u, m)) || Ae(...qt(a.value.minDate, u, m)), p = (u, m) => Ge(...qt(a.value.maxDate, u, m)) || Ae(...qt(a.value.maxDate, u, m)), f = (u, m, y) => {
     let I = !1;
     return a.value.maxDate && y && p(u, m) && (I = !0), a.value.minDate && !y && b(u, m) && (I = !0), I;
@@ -7876,7 +7876,7 @@ const ud = ({
     return !0;
   }, _ = (u, m) => !!(Array.isArray(u) && u[m] && (n.value.maxRange || n.value.minRange) && x(u[m])), Y = (u, m, y = 0) => {
     if (_(m, y) && x(u)) {
-      const I = _r(u, m[y]), J = jr(m[y], u), U = J.length === 1 ? 0 : J.filter((F) => O(F)).length, ae = Math.abs(I) - (n.value.minMaxRawRange ? 0 : U);
+      const I = _r(u, m[y]), J = jr(m[y], u), q = J.length === 1 ? 0 : J.filter((F) => O(F)).length, ae = Math.abs(I) - (n.value.minMaxRawRange ? 0 : q);
       if (n.value.minRange && n.value.maxRange)
         return ae >= +n.value.minRange && ae <= +n.value.maxRange;
       if (n.value.minRange) return ae >= +n.value.minRange;
@@ -7886,8 +7886,8 @@ const ud = ({
   }, A = () => !e.enableTimePicker || e.monthPicker || e.yearPicker || e.ignoreTimeValidation, B = (u) => Array.isArray(u) ? [u[0] ? sn(u[0]) : null, u[1] ? sn(u[1]) : null] : sn(u), z = (u, m, y) => u.find(
     (I) => +I.hours === Lt(m) && I.minutes === "*" ? !0 : +I.minutes === Kt(m) && +I.hours === Lt(m)
   ) && y, k = (u, m, y) => {
-    const [I, J] = u, [U, ae] = m;
-    return !z(I, U, y) && !z(J, ae, y) && y;
+    const [I, J] = u, [q, ae] = m;
+    return !z(I, q, y) && !z(J, ae, y) && y;
   }, R = (u, m) => {
     const y = Array.isArray(m) ? m : [m];
     return Array.isArray(e.disabledTimes) ? Array.isArray(e.disabledTimes[0]) ? k(e.disabledTimes, y, u) : !y.some((I) => z(e.disabledTimes, I, u)) : u;
@@ -7943,7 +7943,7 @@ const ud = ({
   const e = L(() => (a, r) => a?.includes(r)), t = L(() => (a, r) => a.count ? a.solo ? !0 : r === 0 : !0), n = L(() => (a, r) => a.count ? a.solo ? !0 : r === a.count - 1 : !0);
   return { hideNavigationButtons: e, showLeftIcon: t, showRightIcon: n };
 }, pd = (e, t, n) => {
-  const a = q(0), r = Sa({
+  const a = U(0), r = Sa({
     [ta.timePicker]: !e.enableTimePicker || e.timePicker || e.monthPicker,
     [ta.calendar]: !1,
     [ta.header]: !1
@@ -8009,7 +8009,7 @@ const ud = ({
       defaultedUI: f,
       getDefaultPattern: g,
       getDefaultStartTime: $
-    } = ze(r), { checkMinMaxRange: O } = Gt(r), H = q(), x = q(null), _ = q(!1), Y = q(!1), A = L(
+    } = ze(r), { checkMinMaxRange: O } = Gt(r), H = U(), x = U(null), _ = U(!1), Y = U(!1), A = L(
       () => ({
         dp__pointer: !r.disabled && !r.readonly && !l.value.enabled,
         dp__disabled: r.disabled,
@@ -8084,14 +8084,14 @@ const ud = ({
     }, J = () => {
       var F;
       (F = x.value) == null || F.focus({ preventScroll: !0 });
-    }, U = (F) => {
+    }, q = (F) => {
       H.value = F;
     }, ae = (F) => {
       F.key === We.tab && ue(F, !0);
     };
     return t({
       focusInput: J,
-      setParsedDate: U
+      setParsedDate: q
     }), (F, ce) => {
       var w, S, D;
       return h(), M("div", { onClick: fe }, [
@@ -8233,7 +8233,7 @@ const ud = ({
     "text-input"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, l = ft(), s = q(!1), c = Pa(r, "modelValue"), i = Pa(r, "timezone"), b = q(null), p = q(null), f = q(null), g = q(!1), $ = q(null), O = q(!1), H = q(!1), x = q(!1), _ = q(!1), { setMenuFocused: Y, setShiftKey: A } = Xr(), { clearArrowNav: B } = Zt(), { validateDate: z, isValidTime: k } = Gt(r), {
+    const a = n, r = e, l = ft(), s = U(!1), c = Pa(r, "modelValue"), i = Pa(r, "timezone"), b = U(null), p = U(null), f = U(null), g = U(!1), $ = U(null), O = U(!1), H = U(!1), x = U(!1), _ = U(!1), { setMenuFocused: Y, setShiftKey: A } = Xr(), { clearArrowNav: B } = Zt(), { validateDate: z, isValidTime: k } = Gt(r), {
       defaultedTransitions: R,
       defaultedTextInput: ee,
       defaultedInline: j,
@@ -8263,7 +8263,7 @@ const ud = ({
       },
       { deep: !0 }
     );
-    const { openOnTop: U, menuStyle: ae, xCorrect: F, setMenuPosition: ce, getScrollableParent: w, shadowRender: S } = ud({
+    const { openOnTop: q, menuStyle: ae, xCorrect: F, setMenuPosition: ce, getScrollableParent: w, shadowRender: S } = ud({
       menuRef: b,
       menuRefInner: p,
       inputRef: f,
@@ -8417,7 +8417,7 @@ const ud = ({
       (h(), Me(ga(Q.teleport ? pr : "div"), st(yt(Z.value)), {
         default: be(() => [
           Fe(_a, {
-            name: v(fe)(v(U)),
+            name: v(fe)(v(q)),
             css: v(u) && !v(j).enabled
           }, {
             default: be(() => [
@@ -8436,7 +8436,7 @@ const ud = ({
                   "internal-model-value": v(V),
                   "onUpdate:internalModelValue": ve[3] || (ve[3] = (he) => En(V) ? V.value = he : null),
                   class: { [we.value]: !0, "dp--menu-wrapper": Q.teleport },
-                  "open-on-top": v(U),
+                  "open-on-top": v(q),
                   "no-overlay-focus": d.value,
                   collapse: x.value,
                   "get-input-rect": re,
@@ -8601,14 +8601,15 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
     size: { default: "default" },
     name: { default: void 0 },
     disabled: { type: Boolean, default: !1 },
-    displayFormat: { default: "default" }
+    displayFormat: { default: "default" },
+    showWithoutTime: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ Qt(["change"], ["update:modelValue"]),
   setup(e, { expose: t, emit: n }) {
-    const a = e, r = n, l = q(null), s = ba(e, "modelValue"), c = q(null), i = (u) => {
+    const a = e, r = n, l = U(null), s = ba(e, "modelValue"), c = U(null), i = (u) => {
       try {
         if (!u) return null;
         if (u instanceof Date)
@@ -8637,8 +8638,8 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
             if (!I || isNaN(I.getTime())) return null;
             const J = new Date(I);
             J.setHours(0, 0, 0, 0);
-            const U = new Date(I);
-            return U.setHours(23, 59, 0, 0), [J, U];
+            const q = new Date(I);
+            return q.setHours(23, 59, 0, 0), [J, q];
           }
           return y.length > 0 ? y : null;
         }
@@ -8668,7 +8669,7 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
         console.warn("DatePicker: Error in getSafeModelValue:", u);
         return;
       }
-    }, f = q(p()), g = q(p()), $ = (u, m = !0) => {
+    }, f = U(p()), g = U(p()), $ = (u, m = !0) => {
       try {
         f.value = u, g.value = u, s.value = u, m && r("change", u);
       } catch (y) {
@@ -8748,9 +8749,14 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
       });
     }, _ = (u) => {
       if (!u) return "";
-      const m = (y, I = !0) => !y || !(y instanceof Date) || isNaN(y.getTime()) ? "" : `${y.getDate()} ${y.toLocaleString("en-US", {
-        month: "short"
-      })}${I && y.getFullYear() !== (/* @__PURE__ */ new Date()).getFullYear() ? ` ${y.getFullYear()}` : ""}, ${y.getHours().toString().padStart(2, "0")}:${y.getMinutes().toString().padStart(2, "0")}`;
+      const m = (y, I = !0) => {
+        if (!y || !(y instanceof Date) || isNaN(y.getTime()))
+          return "";
+        const J = I && y.getFullYear() !== (/* @__PURE__ */ new Date()).getFullYear() ? `${y.getFullYear()}` : "", q = a.showWithoutTime ? "" : `, ${y.getHours().toString().padStart(2, "0")}:${y.getMinutes().toString().padStart(2, "0")}`;
+        return `${y.getDate()} ${y.toLocaleString("en-US", {
+          month: "short"
+        })}${J}${q}`;
+      };
       if (a.isRange && Array.isArray(u) && u.length === 2) {
         const [y, I] = u;
         if (!y || !I || !(y instanceof Date) || !(I instanceof Date) || isNaN(y.getTime()) || isNaN(I.getTime()))
@@ -8782,7 +8788,7 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
       }
     }, B = () => {
       k.value = !1, c.value && typeof c.value.closeMenu == "function" && c.value.closeMenu();
-    }, z = q("calendar"), k = q(!1), R = L(() => a.size === "large" ? "input-height-large" : "input-height-default"), ee = (u) => xd(u, a.displayFormat), j = () => {
+    }, z = U("calendar"), k = U(!1), R = L(() => a.size === "large" ? "input-height-large" : "input-height-default"), ee = (u) => xd(u, a.displayFormat), j = () => {
       c.value && typeof c.value.switchView == "function" && (z.value = z.value === "calendar" ? "time" : "calendar", c.value.switchView(z.value), Ue(() => {
         const u = document.querySelector(
           '[aria-label="Close time Picker"]'
@@ -8913,7 +8919,10 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
         ]),
         "dp-input": be(() => [
           X("div", {
-            class: ie(["date-input-wrapper", [R.value, { active: k.value, disabled: a.disabled }]])
+            class: ie(["date-input-wrapper", [
+              R.value,
+              { active: k.value, disabled: a.disabled }
+            ]])
           }, [
             Fe(wt, {
               name: "calendar-default",
@@ -8982,7 +8991,7 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
   setup(e) {
     const t = e, n = Ct();
     ft();
-    const a = ba(e, "modelValue"), r = q(`checkbox-${Math.random().toString(36).substring(2, 9)}`), l = (i) => {
+    const a = ba(e, "modelValue"), r = U(`checkbox-${Math.random().toString(36).substring(2, 9)}`), l = (i) => {
       if (t.disabled) {
         i.preventDefault(), i.stopPropagation();
         const b = i.target;
@@ -9047,7 +9056,7 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = Ct(), a = ft(), r = ba(e, "modelValue"), l = q(`radiobutton-${Math.random().toString(36).substring(2, 9)}`), s = L(() => r.value === t.value), c = (p) => {
+    const t = e, n = Ct(), a = ft(), r = ba(e, "modelValue"), l = U(`radiobutton-${Math.random().toString(36).substring(2, 9)}`), s = L(() => r.value === t.value), c = (p) => {
       if (t.disabled) {
         p.preventDefault(), p.stopPropagation();
         return;
@@ -9219,7 +9228,7 @@ const oc = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = Ct(), r = ft(), l = t, s = q(!1), c = L(() => n.type === "number"), i = L({
+    const n = e, a = Ct(), r = ft(), l = t, s = U(!1), c = L(() => n.type === "number"), i = L({
       get: () => n.modelValue,
       set: (k) => l("update:modelValue", k)
     }), { handleKeydown: b, handleInput: p } = lc(
@@ -9321,7 +9330,7 @@ const oc = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = Ct(), r = ft(), l = t, s = q(!1), c = q(!1), i = L({
+    const n = e, a = Ct(), r = ft(), l = t, s = U(!1), c = U(!1), i = L({
       get: () => n.modelValue,
       set: (A) => l("update:modelValue", A)
     }), b = L(() => c.value ? "text" : "password"), p = L(() => !!r["icon-left"]), f = tt({
@@ -9424,7 +9433,7 @@ const oc = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = Ct(), r = ft(), l = t, s = q(!1), c = L({
+    const n = e, a = Ct(), r = ft(), l = t, s = U(!1), c = L({
       get: () => n.modelValue,
       set: (_) => l("update:modelValue", _)
     }), i = L(() => {
@@ -9531,7 +9540,7 @@ const oc = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = Ct(), r = ft(), l = t, s = q(!1), c = L({
+    const n = e, a = Ct(), r = ft(), l = t, s = U(!1), c = L({
       get: () => n.modelValue,
       set: (x) => l("update:modelValue", x)
     }), i = tt({
@@ -9728,7 +9737,7 @@ const oc = {
       ])) : W("", !0)
     ], 2));
   }
-}), Wc = /* @__PURE__ */ Le(Ec, [["__scopeId", "data-v-786963ae"]]), zc = 5e3, qc = 3, ua = q([]), Uc = () => ({
+}), Wc = /* @__PURE__ */ Le(Ec, [["__scopeId", "data-v-786963ae"]]), zc = 5e3, qc = 3, ua = U([]), Uc = () => ({
   toasts: ua,
   add: (n) => {
     const a = {
@@ -9843,7 +9852,7 @@ const Jc = {
     const n = e, a = t, r = ba(
       e,
       "modelValue"
-    ), l = q(null), s = q(null), c = q(null), i = q(null), b = q(!1), p = q(""), f = q(-1);
+    ), l = U(null), s = U(null), c = U(null), i = U(null), b = U(!1), p = U(""), f = U(-1);
     function g(D) {
       return typeof D == "string" || typeof D == "number" ? {
         [n.valueKey]: D,
@@ -9964,7 +9973,7 @@ const Jc = {
         }));
       }
     );
-    const I = L(() => Y.value.length), J = q(!1), U = q({});
+    const I = L(() => Y.value.length), J = U(!1), q = U({});
     function ae() {
       const D = l.value;
       if (!D || !c.value) return;
@@ -9986,7 +9995,7 @@ const Jc = {
         );
       }
       const E = V.height, we = Math.max(4, E * 0.1), Z = o - V.bottom - we, oe = V.top - we, d = Z < Te ? oe > Z || oe > Te : !1;
-      J.value = d, U.value = {
+      J.value = d, q.value = {
         position: "fixed",
         left: `${V.left}px`,
         width: `${V.width}px`,
@@ -10085,7 +10094,7 @@ const Jc = {
           class: ie(["ui-kit ui-kit-select ui-kit-select__dropdown", {
             "ui-kit-select__dropdown_above": J.value
           }]),
-          style: ot(U.value),
+          style: ot(q.value),
           onKeydown: V[3] || (V[3] = Rt(() => {
           }, ["stop"]))
         }, [