@quidgest/ui 0.17.1 → 0.17.3

package/esm/components/QDateTimePicker/QDateTimePicker.vue.js

@@ -1,1367 +1,1120 @@
-import { defineComponent as Yn, mergeModels as Pn, useModel as An, computed as s, ref as R, useTemplateRef as ie, watch as se, onBeforeUnmount as Ln, createElementBlock as H, openBlock as f, Fragment as Y, createVNode as i, createBlock as U, createCommentVNode as M, unref as o, normalizeClass as kt, createSlots as On, withCtx as b, mergeProps as te, renderSlot as Bn, createElementVNode as k, normalizeProps as W, guardReactiveProps as j, renderList as ge, toDisplayString as ze, nextTick as F } from "vue";
-import { WEEKDAY_NAMES as Ue, MONTH_NAMES as We, DEFAULT_TEXTS as Kn, DEFAULT_ICONS as $n } from "./constants.js";
-import { QButton as p } from "../QButton/index.js";
-import { QIcon as w } from "../QIcon/index.js";
-import { QOverlay as zn } from "../QOverlay/index.js";
-import { QSwitch as Un } from "../QSwitch/index.js";
-import { QTextField as Te } from "../QTextField/index.js";
-import { useInputMask as Wn, applyMask as xe, clampNumericSegments as _t, resolveCursorPosition as jn } from "../../composables/useInputMask/index.js";
-import { formatUsesTime as Qn, formatUsesSeconds as Gn, uses12HourFormat as Xn, isTimeOnlyFormat as Zn, parseDate as O, formatDate as Q, getFirstDayOfMonth as Jn, getDaysInMonth as Dt, isBetween as ea, isSameDay as He, convertDatePatternToMask as ta, padNumber as je, parseDateWithCompletion as Qe, inputIncludesTimePortion as Mt } from "../../utils/date.js";
-const na = {
-  key: 0,
-  ref: "calendar",
-  class: "q-date-time-picker__calendar"
-}, aa = { class: "q-date-time-picker__header" }, la = { class: "q-date-time-picker__weekdays" }, ra = { class: "q-date-time-picker__time" }, ua = {
-  key: 0,
-  class: "q-date-time-picker__time-period"
-}, oa = { class: "q-date-time-picker__time-inputs" }, ia = { class: "q-date-time-picker__time-input-group" }, sa = { class: "q-date-time-picker__time-input-group" }, ca = { class: "q-date-time-picker__time-input-group" }, da = { class: "q-date-time-picker__month-grid" }, fa = { class: "q-date-time-picker__year" }, va = { class: "q-date-time-picker__year-change" }, ma = { class: "q-date-time-picker__year-interval" }, pa = { class: "q-date-time-picker__year-grid" }, ga = { class: "q-date-time-picker__bottom-bar" }, G = 1001, X = 9999, ce = 26, wt = 'a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable]', xa = /* @__PURE__ */ Yn({
-  inheritAttrs: !1,
-  __name: "QDateTimePicker",
-  props: /* @__PURE__ */ Pn({
-    id: {},
-    class: {},
-    label: {},
-    required: { type: Boolean },
-    for: {},
-    labelPosition: {},
-    size: {},
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    placeholder: {},
-    inline: { type: Boolean, default: !1 },
-    clearable: { type: Boolean },
-    format: { default: "dd/MM/yyyy HH:mm" },
-    range: { type: Boolean },
-    icons: { default: () => $n },
-    texts: { default: () => Kn }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(Ge) {
-    const l = Ge, Xe = An(Ge, "modelValue"), v = s({
-      get: () => Xe.value,
-      set: (e) => Xe.value = e || void 0
-    }), Tt = s(
-      () => l.readonly || l.disabled ? void 0 : l.placeholder
-    ), ne = s(() => Qn(l.format)), ye = s(() => Gn(l.format)), Z = s(() => Xn(l.format)), J = s(() => Zn(l.format)), xt = s(
-      () => g.value === (/* @__PURE__ */ new Date()).getMonth() && h.value === (/* @__PURE__ */ new Date()).getFullYear()
-    ), T = R(!1), Se = R(!1), _ = R(""), S = R(null), P = R(!1);
-    let de = 0;
-    const D = R("date"), g = R((/* @__PURE__ */ new Date()).getMonth()), h = R((/* @__PURE__ */ new Date()).getFullYear()), ae = R((/* @__PURE__ */ new Date()).getFullYear());
-    let le = null, B = !1, fe = !1, Ce = !1;
-    function Ze() {
-      queueMicrotask(() => {
-        requestAnimationFrame(() => {
-          var a, n;
-          const e = oe((a = C.value) == null ? void 0 : a.inputRef), t = document.activeElement;
-          if (e && (t === e || t instanceof Node && ((n = E.value) != null && n.contains(t)))) {
-            B = !0;
-            return;
-          }
-          B = !1;
-        });
-      });
-    }
-    const C = ie("field"), E = ie("menu"), Ie = ie("calendar"), Ht = ie("monthHeader"), St = ie("yearHeader"), Ct = ie("toggleTime"), Re = /* @__PURE__ */ new Map(), qe = /* @__PURE__ */ new Map();
-    function Ee(e) {
-      if (!e) return null;
-      if (e instanceof HTMLElement) return e;
-      if (typeof e == "object" && "$el" in e) {
-        const t = e.$el;
-        return t instanceof HTMLElement ? t : null;
-      }
-      return null;
-    }
-    function It(e, t) {
-      const a = Ee(e);
-      a ? Re.set(t, a) : Re.delete(t);
-    }
-    function Rt(e, t) {
-      const a = Ee(e);
-      a ? qe.set(t, a) : qe.delete(t);
-    }
-    function qt(e) {
-      var t;
-      (t = Ee(e)) == null || t.focus();
-    }
-    const q = s(() => ({
-      getMonthIndex: (e, t) => {
-        const a = e.toLowerCase();
-        return We.findIndex((n) => {
-          const r = l.texts[n] ?? n;
-          return (t ? r.substring(0, 3) : r).toLowerCase() === a;
-        });
-      },
-      getWeekdayIndex: (e, t) => {
-        const a = e.toLowerCase();
-        for (let n = 0; n < 7; n++) {
-          const r = (n + 6) % 7, u = Ue[r], c = l.texts[u] ?? u;
-          if ((t ? c.substring(0, 3) : c).toLowerCase() === a) return n;
-        }
-        return null;
-      }
-    })), x = s(() => {
-      const e = v.value;
-      return e ? e instanceof Date ? e : Array.isArray(e) && e.length > 0 ? e[0] : typeof e == "string" ? O(e, l.format, q.value) : null : null;
-    }), Fe = s(() => {
-      const e = v.value;
-      return Array.isArray(e) && e.length > 1 ? e[1] : null;
-    }), m = R(null), ee = R(null), N = R(null), A = R(!1), Et = s(() => !A.value || !m.value ? x.value : N.value && N.value < m.value ? N.value : m.value), Ft = s(() => {
-      if (!l.range) return x.value;
-      if (!A.value || !m.value)
-        return Fe.value;
-      const e = N.value ?? ee.value;
-      return e ? e < m.value ? m.value : e : null;
-    }), K = s(() => ({
-      getMonthName: (e, t) => {
-        const a = be(e);
-        return t ? a.substring(0, 3) : a;
-      },
-      getWeekdayName: (e, t) => {
-        const a = (e + 6) % 7, n = Ue[a], r = l.texts[n] ?? n;
-        return t ? r.substring(0, 3) : r;
-      }
-    })), Nt = s(() => {
-      const e = v.value;
-      return e ? Array.isArray(e) ? e.map(
-        (t) => t instanceof Date ? Q(t, l.format, K.value) : t
-      ).join(" - ") : e instanceof Date ? Q(e, l.format, K.value) : String(e) : "";
-    }), Je = s(() => S.value ?? Nt.value);
-    function he() {
-      _.value = Je.value;
-    }
-    se(
-      Je,
-      () => {
-        Se.value || he();
-      },
-      { immediate: !0 }
-    );
-    const et = s(() => {
-      const e = Jn(new Date(h.value, g.value, 1)), t = Dt(g.value, h.value), a = (e.getDay() + 6) % 7, n = [], r = g.value === 0 ? 11 : g.value - 1, u = g.value === 0 ? h.value - 1 : h.value, c = Dt(r, u);
-      for (let d = a - 1; d >= 0; d--) {
-        const I = new Date(u, r, c - d);
-        Ne(n, I, !1);
-      }
-      for (let d = 1; d <= t; d++) {
-        const I = new Date(h.value, g.value, d);
-        Ne(n, I, !0);
-      }
-      const y = 7 - n.length % 7, L = y === 7 ? 0 : y;
-      for (let d = 1; d <= L; d++) {
-        const I = new Date(h.value, g.value + 1, d);
-        Ne(n, I, !1);
-      }
-      return n;
-    });
-    function Ne(e, t, a) {
-      const n = Et.value, r = Ft.value, u = t.getFullYear(), c = u < G || u > X;
-      e.push({
-        date: t,
-        isCurrentMonth: a,
-        isToday: He(t, /* @__PURE__ */ new Date()),
-        isSelected: n ? He(t, n) : !1,
-        isRangeStart: !!n && He(t, n),
-        isRangeEnd: !!r && He(t, r),
-        isInRange: n && r ? ea(t, n, r) : !1,
-        isDisabled: c
-      });
-    }
-    const Vt = s(() => Ue.map((e) => {
-      var a;
-      const t = e;
-      return ((a = l.texts[t]) == null ? void 0 : a.substring(0, 2)) ?? e;
-    })), Yt = s(
-      () => Array.from({ length: 12 }, (e, t) => be(t, 3))
-    );
-    function be(e, t = 0) {
-      const a = We[e], n = l.texts[a] ?? We[e];
-      return t <= 0 ? n : n.substring(0, t);
-    }
-    function tt(e) {
-      const t = Math.floor(ce / 2);
-      let a = e - t, n = a + ce;
-      return a < G && (a = G, n = Math.min(a + ce, X)), n > X && (n = X, a = Math.max(G, n - ce)), { startYear: a, endYear: n };
-    }
-    function Pt(e) {
-      const { startYear: t, endYear: a } = tt(e);
-      return Array.from({ length: a - t + 1 }, (n, r) => t + r);
-    }
-    function At() {
-      nt.value && (ae.value -= ce);
-    }
-    function Lt() {
-      at.value && (ae.value += ce);
-    }
-    const ke = s(() => tt(ae.value)), nt = s(
-      () => ke.value.startYear > G
-    ), at = s(() => ke.value.endYear < X), Ot = s(() => g.value === 0 ? h.value - 1 : h.value), Bt = s(() => g.value === 11 ? h.value + 1 : h.value), lt = s(() => Ot.value >= G), rt = s(() => Bt.value <= X), Kt = s(() => Pt(ae.value)), $t = s(() => J.value ? l.icons.clock : l.icons.calendar), ve = s(() => ta(l.format)), Ve = s(
-      () => `${ve.value} - ${ve.value}`
-    );
-    Wn(
-      () => {
-        var e;
-        return (e = C == null ? void 0 : C.value) == null ? void 0 : e.inputRef;
-      },
-      () => l.range ? Ve.value : ve.value
-    ), se(
-      () => {
-        var e;
-        return (e = C == null ? void 0 : C.value) == null ? void 0 : e.inputRef;
-      },
-      (e, t, a) => {
-        const n = oe(e);
-        n && (n.addEventListener("click", gt), n.addEventListener("paste", mt, !0), a(() => {
-          n.removeEventListener("click", gt), n.removeEventListener("paste", mt, !0);
-        }));
-      },
-      { flush: "post" }
-    ), se(v, () => {
-      S.value = null, he();
-    });
-    function zt(e) {
-      return e === void 0 ? !1 : typeof e == "string" ? e.trim().length > 0 : e instanceof Date ? !0 : Array.isArray(e) ? e.length > 0 : !1;
-    }
-    const Ye = s(
-      () => l.clearable && !l.readonly && !l.disabled && zt(v.value)
-    );
-    function Ut() {
-      Ye.value && (m.value = null, ee.value = null, N.value = null, A.value = !1, v.value = void 0, _.value = "", we());
-    }
-    function Pe(e) {
-      !l.range || !A.value || !m.value || e.getFullYear() < G || e.getFullYear() > X || (N.value = new Date(e));
-    }
-    function ut() {
-      N.value = null;
-    }
-    function Wt(e) {
-      const t = e.currentTarget, a = e.relatedTarget;
-      !t || a && t.contains(a) || ut();
-    }
-    function ot(e) {
-      if (!l.range || !A.value || !m.value) return;
-      const t = e.touches.item(0);
-      if (!t) return;
-      const a = document.elementFromPoint(t.clientX, t.clientY), n = a == null ? void 0 : a.closest("[data-day-index]");
-      if (!n) return;
-      const r = Number(n.dataset.dayIndex);
-      if (Number.isNaN(r)) return;
-      const u = et.value[r];
-      u && Pe(u.date);
-    }
-    function jt(e) {
-      if (!(l.readonly || l.disabled) && !(e.getFullYear() < G || e.getFullYear() > X))
-        if (l.range)
-          if (A.value) {
-            const t = m.value ?? new Date(e), a = new Date(e), [n, r] = a < t ? [a, t] : [t, a];
-            ne.value && r.setHours(23, 59, ye.value ? 59 : 0, 0), v.value = [n, r], m.value = null, ee.value = null, N.value = null, A.value = !1;
-          } else {
-            const t = new Date(e);
-            ne.value && m.value && t.setHours(
-              m.value.getHours(),
-              m.value.getMinutes(),
-              m.value.getSeconds(),
-              m.value.getMilliseconds()
-            ), m.value = t, ee.value = null, N.value = null, A.value = !0;
-          }
-        else {
-          const t = new Date(e);
-          x.value && !hn(x.value) ? t.setHours(
-            x.value.getHours(),
-            x.value.getMinutes(),
-            x.value.getSeconds()
-          ) : ne.value && vt(t), v.value = t;
-        }
-    }
-    function re(e, t) {
-      h.value = e, t && Me("year");
-    }
-    function $(e, t) {
-      g.value = e, t && Me("month");
-    }
-    function Qt() {
-      lt.value && (g.value === 0 ? ($(11), re(h.value - 1)) : $(g.value - 1));
-    }
-    function Gt() {
-      rt.value && (g.value === 11 ? ($(0), re(h.value + 1)) : $(g.value + 1));
-    }
-    function Xt() {
-      $((/* @__PURE__ */ new Date()).getMonth()), re((/* @__PURE__ */ new Date()).getFullYear()), De();
-    }
-    function Zt() {
-      let e = x.value;
-      const t = v.value;
-      if (l.range && Array.isArray(t) && t.length > 0) {
-        const a = t[0];
-        a instanceof Date ? e = a : typeof a == "string" && (e = O(a, l.format, q.value));
-      }
-      e = e ?? /* @__PURE__ */ new Date(), $(e.getMonth()), re(e.getFullYear()), De();
-    }
-    function me(e) {
-      return l.range ? e === 1 ? Fe.value ?? ee.value : x.value ?? m.value : x.value;
-    }
-    function Jt(e, t) {
-      if (!l.range) {
-        v.value = t;
-        return;
-      }
-      const a = x.value, n = Fe.value;
-      if (!a || !n) {
-        e === 1 ? ee.value = t : m.value = t;
-        return;
-      }
-      v.value = e === 1 ? [a, t] : [t, n];
-    }
-    function V(e, t) {
-      const a = me(e) ?? (() => {
-        const r = /* @__PURE__ */ new Date();
-        return r.setHours(0, 0, 0, 0), r;
-      })(), n = new Date(a);
-      t(n), Jt(e, n);
-    }
-    function en(e) {
-      const t = me(e);
-      if (!t) return Z.value ? 12 : 0;
-      const a = t.getHours();
-      return Z.value ? a % 12 || 12 : a;
-    }
-    function tn(e) {
-      var t;
-      return ((t = me(e)) == null ? void 0 : t.getMinutes()) ?? 0;
-    }
-    function nn(e) {
-      var t;
-      return ((t = me(e)) == null ? void 0 : t.getSeconds()) ?? 0;
-    }
-    function an(e) {
-      const t = me(e);
-      return t ? t.getHours() >= 12 : !1;
-    }
-    function _e(e, t) {
-      return t ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e;
-    }
-    function ln(e) {
-      V(e, (t) => {
-        if (Z.value) {
-          const a = t.getHours() % 12 || 12, n = a >= 12 ? 1 : a + 1, r = t.getHours() >= 12;
-          t.setHours(_e(n, r));
-        } else
-          t.setHours(t.getHours() >= 23 ? 0 : t.getHours() + 1);
-      });
-    }
-    function rn(e) {
-      V(e, (t) => {
-        if (Z.value) {
-          const a = t.getHours() % 12 || 12, n = a <= 1 ? 12 : a - 1, r = t.getHours() >= 12;
-          t.setHours(_e(n, r));
-        } else
-          t.setHours(t.getHours() <= 0 ? 23 : t.getHours() - 1);
-      });
-    }
-    function un(e) {
-      V(e, (t) => {
-        t.setMinutes(t.getMinutes() >= 59 ? 0 : t.getMinutes() + 1);
-      });
-    }
-    function on(e) {
-      V(e, (t) => {
-        t.setMinutes(t.getMinutes() <= 0 ? 59 : t.getMinutes() - 1);
-      });
-    }
-    function sn(e) {
-      V(e, (t) => {
-        t.setSeconds(t.getSeconds() >= 59 ? 0 : t.getSeconds() + 1);
-      });
-    }
-    function cn(e) {
-      V(e, (t) => {
-        t.setSeconds(t.getSeconds() <= 0 ? 59 : t.getSeconds() - 1);
-      });
-    }
-    function Ae(e) {
-      return (e ?? "").replace(/\D/g, "");
-    }
-    function dn(e) {
-      return Math.min(23, Math.max(0, e));
-    }
-    function fn(e) {
-      return Math.min(12, Math.max(1, e));
-    }
-    function it(e) {
-      return Math.min(59, Math.max(0, e));
-    }
-    function st(e, t) {
-      const a = Ae(e).slice(0, 2);
-      if (a === "") return;
-      const n = Number.parseInt(a, 10);
-      if (Number.isNaN(n)) return;
-      const r = Z.value ? fn(n) : dn(n);
-      V(t, (u) => {
-        Z.value ? u.setHours(_e(r, u.getHours() >= 12)) : u.setHours(r);
-      });
-    }
-    function ct(e, t) {
-      const a = Ae(e).slice(0, 2);
-      if (a === "") return;
-      const n = Number.parseInt(a, 10);
-      if (Number.isNaN(n)) return;
-      const r = it(n);
-      V(t, (u) => {
-        u.setMinutes(r);
-      });
-    }
-    function dt(e, t) {
-      const a = Ae(e).slice(0, 2);
-      if (a === "") return;
-      const n = Number.parseInt(a, 10);
-      if (Number.isNaN(n)) return;
-      const r = it(n);
-      V(t, (u) => {
-        u.setSeconds(r);
-      });
-    }
-    async function Le(e, t, a) {
-      if (e.ctrlKey || e.altKey || e.metaKey || !/^\d$/.test(e.key)) return;
-      const n = e.target;
-      if (!n) return;
-      const r = n.selectionStart, u = n.selectionEnd;
-      if (r === null || u === null || r !== u || n.maxLength <= 0 || n.value.length < n.maxLength || r >= n.value.length)
-        return;
-      e.preventDefault();
-      const c = `${n.value.slice(0, r)}${e.key}${n.value.slice(r + 1)}`;
-      t === "hours" ? st(c, a) : t === "minutes" ? ct(c, a) : dt(c, a);
-      const y = Math.min(r + 1, n.maxLength);
-      await F(), n.setSelectionRange(y, y);
-    }
-    function vn(e, t) {
-      V(t, (a) => {
-        const n = a.getHours() % 12 || 12;
-        a.setHours(_e(n, e));
-      });
-    }
-    async function Oe(e, t, a, n) {
-      if (!e) return;
-      const r = jn(t, a, n), u = () => e.setSelectionRange(r, r);
-      u(), await F(), u(), await new Promise((c) => {
-        requestAnimationFrame(() => {
-          u(), c();
-        });
-      });
-    }
-    async function ft(e, t, a, n) {
-      if (a === t) {
-        _.value !== a && (_.value = a);
-        return;
-      }
-      _.value = a, await Oe(e, t, a, n);
-    }
-    async function mn(e) {
-      var L;
-      if (de > 0) return;
-      if (l.readonly || l.disabled) {
-        he();
-        return;
-      }
-      const t = oe((L = C.value) == null ? void 0 : L.inputRef), a = (t == null ? void 0 : t.selectionStart) ?? 0, n = e ?? "";
-      if (!n) {
-        v.value = void 0, S.value = null, _.value = "", P.value = !1;
-        return;
-      }
-      if (l.range) {
-        const d = xe(n, Ve.value);
-        await ft(t, n, d, a), S.value = d;
-        const I = Be(d);
-        if (I) {
-          v.value = I, S.value = null;
-          const $e = I.map((Vn) => Q(Vn, l.format, K.value)).join(" - ");
-          $e !== d && (_.value = $e, await Oe(t, d, $e, a)), P.value = !1;
-        }
-        return;
-      }
-      const r = xe(n, ve.value), u = _t(r, l.format);
-      let c = u, y = O(u, l.format, q.value);
-      if (!y) {
-        const d = O(n, l.format, q.value);
-        d && (c = n, y = d);
-      }
-      if (await ft(t, n, c, a), S.value = c, y) {
-        const d = ue(y, n);
-        v.value = d, S.value = null;
-        const I = Q(d, l.format, K.value);
-        I !== c && (_.value = I, await Oe(t, c, I, a)), P.value = !1;
-      }
-    }
-    function Be(e, t) {
-      const a = e.split(" - ");
-      if (a.length !== 2) return null;
-      const n = (c) => {
-        const y = c.trim(), L = O(y, l.format, q.value);
-        return L || (t != null && t.complete ? Qe(y, l.format, q.value) : null);
-      }, r = n(a[0] ?? ""), u = n(a[1] ?? "");
-      return !r || !u ? null : u < r ? [u, r] : [r, u];
-    }
-    function pn() {
-      if (l.readonly || l.disabled) return !1;
-      const e = S.value ?? _.value;
-      if (!e) return !1;
-      if (l.range) {
-        const c = xe(e, Ve.value), y = Be(c, { complete: !0 });
-        return y ? (v.value = y, S.value = null, P.value = !1, _.value = y.map((L) => Q(L, l.format, K.value)).join(" - "), !0) : (S.value = null, v.value = void 0, P.value = !0, _.value = "", !1);
-      }
-      const t = xe(e, ve.value), a = _t(t, l.format), n = Qe(
-        a,
-        l.format,
-        q.value
-      );
-      if (!n)
-        return S.value = null, v.value = void 0, P.value = !0, _.value = "", !1;
-      const u = !!O(a, l.format, q.value) || Mt(a, l.format) ? n : ue(n, a);
-      return v.value = u, S.value = null, P.value = !1, _.value = Q(u, l.format, K.value), !0;
-    }
-    function gn(e) {
-      const t = e.replace(/[\sT]+(?:'[^']*'|HH|H|hh|h|mm|m|ss|s|SSS|S|a).*$/i, "").trim();
-      return t && t !== e ? t : null;
-    }
-    function yn(e) {
-      return !ne.value || O(e, l.format, q.value) || Mt(e, l.format) ? !0 : /\dT\d|\d{1,2}:\d{2}/.test(e);
-    }
-    function hn(e) {
-      return e.getHours() === 0 && e.getMinutes() === 0 && e.getSeconds() === 0 && e.getMilliseconds() === 0;
-    }
-    function vt(e) {
-      const t = /* @__PURE__ */ new Date();
-      e.setHours(
-        t.getHours(),
-        t.getMinutes(),
-        ye.value ? t.getSeconds() : 0,
-        ye.value ? t.getMilliseconds() : 0
-      );
-    }
-    function ue(e, t) {
-      if (l.range || !ne.value || t !== void 0 && yn(t)) return e;
-      const a = new Date(e);
-      return vt(a), a;
-    }
-    function bn(e) {
-      if (l.range)
-        return Be(e);
-      const t = O(e, l.format, q.value);
-      if (t) return ue(t, e);
-      const a = In(e);
-      if (a) return ue(a, e);
-      const n = Qe(e, l.format, q.value);
-      if (n) return ue(n, e);
-      const r = gn(l.format);
-      if (r) {
-        const u = O(e, r, q.value);
-        if (u) return ue(u, e);
-      }
-      return null;
-    }
-    function kn(e) {
-      if (P.value = !1, S.value = null, Array.isArray(e)) {
-        const a = e.map((n) => Q(n, l.format, K.value)).join(" - ");
-        de += 1, v.value = e, _.value = a, F(() => {
-          de -= 1;
-        });
-        return;
-      }
-      const t = Q(e, l.format, K.value);
-      de += 1, v.value = e, _.value = t, F(() => {
-        de -= 1;
-      });
-    }
-    function mt(e) {
-      var n, r, u, c;
-      if (l.readonly || l.disabled) {
-        e.preventDefault();
-        return;
-      }
-      const t = ((r = (n = e.clipboardData) == null ? void 0 : n.getData("text/plain")) == null ? void 0 : r.trim()) || ((c = (u = e.clipboardData) == null ? void 0 : u.getData("text")) == null ? void 0 : c.trim()) || "";
-      if (!t) {
-        e.preventDefault();
-        return;
-      }
-      const a = bn(t);
-      if (!a) {
-        e.preventDefault();
-        return;
-      }
-      e.preventDefault(), kn(a);
-    }
-    function _n(e) {
-      const t = e.target;
-      if (!(t instanceof Element) || !E.value) return null;
-      const a = t.closest(
-        "button, input, select, textarea, a[href], [tabindex], [contenteditable]"
-      );
-      return a && E.value.contains(a) ? a : null;
-    }
-    function Dn(e) {
-      return !(e.matches(":disabled") || e.getAttribute("aria-disabled") === "true" || e.getAttribute("tabindex") === "-1");
-    }
-    function Mn(e) {
-      var a;
-      if (!(e.target instanceof Node) || !((a = E.value) != null && a.contains(e.target))) return;
-      fe = !0;
-      const t = _n(e);
-      t && !Dn(t) && e.preventDefault();
-    }
-    function pt() {
-      return E.value ? Array.from(E.value.querySelectorAll(wt)).filter(
-        (e) => e.offsetWidth > 0 || e.offsetHeight > 0 || e.getClientRects().length > 0
-      ) : [];
-    }
-    function wn() {
-      var n, r;
-      const e = oe((n = C.value) == null ? void 0 : n.inputRef);
-      if (!e) return;
-      const t = Array.from(
-        document.querySelectorAll(wt)
-      ).filter(
-        (u) => u.offsetWidth > 0 || u.offsetHeight > 0 || u.getClientRects().length > 0
-      ), a = t.indexOf(e);
-      a >= 0 && a < t.length - 1 && ((r = t[a + 1]) == null || r.focus());
-    }
-    function Tn(e) {
-      if (e.key !== "Tab" || !T.value || l.readonly || l.disabled) return;
-      if (e.shiftKey) {
-        B = !1, T.value = !1;
-        return;
-      }
-      const [t] = pt();
-      t && (e.preventDefault(), fe = !0, t.focus());
-    }
-    async function xn(e) {
-      if (e.key !== "Tab") return;
-      const t = pt();
-      if (!t.length) return;
-      const a = t[0], n = t[t.length - 1], r = document.activeElement;
-      if (e.shiftKey) {
-        if (r !== a) return;
-        e.preventDefault(), fe = !0, we();
-        return;
-      }
-      r === n && (e.preventDefault(), Ce = !0, T.value = !1, await F(), wn());
-    }
-    async function Hn(e) {
-      var r, u, c;
-      if (pn(), fe) {
-        fe = !1;
-        return;
-      }
-      const t = e == null ? void 0 : e.relatedTarget;
-      if (t instanceof Node && ((r = E.value) != null && r.contains(t)))
-        return;
-      await F();
-      const a = oe((u = C.value) == null ? void 0 : u.inputRef), n = document.activeElement;
-      a !== n && (n instanceof Node && ((c = E.value) != null && c.contains(n)) || (B = !1, T.value = !1, Se.value = !1, he()));
-    }
-    function Sn() {
-      if (!(l.readonly || l.disabled)) {
-        if (Se.value = !0, B) {
-          B = !1;
-          return;
-        }
-        T.value || (T.value = !0);
-      }
-    }
-    function gt() {
-      l.readonly || l.disabled || (B = !1, T.value = !0);
-    }
-    function Cn(e) {
-      e || Ze(), T.value = e;
-    }
-    function In(e) {
-      const t = /[A-Za-z]/.test(e), a = /^\d{4}[-/]\d{1,2}[-/]\d{1,2}(?:[ T]\d{1,2}:\d{2}(?::\d{2})?)?$/.test(
-        e
-      );
-      if (!t && !a) return null;
-      const n = new Date(e);
-      return Number.isNaN(n.getTime()) ? null : n;
-    }
-    function oe(e) {
-      return e instanceof HTMLInputElement ? e : typeof e == "object" && e !== null && "value" in e && e.value instanceof HTMLInputElement ? e.value : null;
-    }
-    function Rn(e) {
-      return e.isSelected || e.isRangeStart || e.isRangeEnd ? "bold" : e.isInRange ? "tonal" : "ghost";
-    }
-    function pe(e) {
-      var t;
-      (t = E.value) == null || t.style.setProperty("--q-date-view-height", `${Math.max(0, e)}px`);
-    }
-    async function yt() {
-      var e;
-      if (!T.value || J.value) {
-        pe(0);
-        return;
-      }
-      D.value === "date" && (await F(), pe(((e = Ie.value) == null ? void 0 : e.getBoundingClientRect().height) ?? 0));
-    }
-    function z() {
-      le == null || le.disconnect(), le = null;
-    }
-    async function ht() {
-      !T.value || J.value || D.value !== "date" || (await F(), Ie.value && (z(), le = new MutationObserver(() => {
-        yt();
-      }), le.observe(Ie.value, {
-        childList: !0,
-        subtree: !0,
-        attributes: !0,
-        characterData: !0
-      }), yt()));
-    }
-    function bt() {
-      D.value = "time", z();
-    }
-    function De() {
-      D.value = "date", ht();
-    }
-    async function Me(e) {
-      var a;
-      (a = E.value) == null || a.focus(), De(), await F();
-      const t = e === "year" ? St.value : e === "month" ? Ht.value : e === "time" ? Ct.value : null;
-      qt(t);
-    }
-    function qn() {
-      const e = D.value;
-      e !== "date" && Me(e);
-    }
-    async function En() {
-      z(), D.value = "month", await F();
-      const e = Re.get(g.value);
-      e == null || e.scrollIntoView({ block: "center" }), e == null || e.focus();
-    }
-    async function Fn() {
-      var e;
-      z(), ae.value = h.value, D.value = "year", await F(), (e = qe.get(ae.value)) == null || e.scrollIntoView({ block: "center" });
-    }
-    async function Ke(e) {
-      if (e.key !== "Escape") return;
-      if (B = !0, D.value === "date") {
-        e.preventDefault(), T.value = !1;
-        return;
-      }
-      e.preventDefault();
-      const t = D.value;
-      await Me(t);
-    }
-    function we() {
-      var e, t;
-      (t = (e = C.value) == null ? void 0 : e.inputRef) == null || t.focus();
-    }
-    function Nn() {
-      var a, n;
-      if (Ce) {
-        Ce = !1;
-        return;
-      }
-      const e = oe((a = C.value) == null ? void 0 : a.inputRef), t = document.activeElement;
-      e && t !== e && !(t instanceof Node && ((n = E.value) != null && n.contains(t))) || we();
-    }
-    return se(v, () => {
-      x.value && ($(x.value.getMonth()), re(x.value.getFullYear()));
-    }), se(T, (e, t) => {
-      if (J.value) {
-        z(), pe(0);
-        return;
-      }
-      m.value = null, ee.value = null, N.value = null, A.value = !1, e ? (document.addEventListener("keydown", Ke, { capture: !0 }), Zt(), ht()) : (t && Ze(), document.removeEventListener("keydown", Ke, { capture: !0 }), z(), pe(0));
-    }), se(
-      J,
-      (e) => {
-        e && z(), T.value = !1, e && pe(0), e ? bt() : De();
-      },
-      { immediate: !0 }
-    ), Ln(() => {
-      z(), document.removeEventListener("keydown", Ke, { capture: !0 });
-    }), (e, t) => {
-      var a;
-      return f(), H(
-        Y,
-        null,
-        [
-          i(o(Te), {
-            id: l.id,
-            ref: "field",
-            "model-value": _.value,
-            class: kt(["q-date-time-picker", l.class]),
-            clearable: Ye.value,
-            label: l.label,
-            "label-position": l.labelPosition,
-            readonly: l.readonly,
-            disabled: l.disabled,
-            placeholder: Tt.value,
-            required: l.required,
-            size: l.size,
-            invalid: l.invalid || P.value,
-            "onClick:clear": we,
-            onFocusin: Sn,
-            onKeydown: Tn,
-            onBlur: Hn,
-            "onUpdate:modelValue": mn
-          }, On({
-            prepend: b(() => [
-              i(
-                o(w),
-                te({ class: "q-date-time-picker__input-icon" }, $t.value),
-                null,
-                16
-                /* FULL_PROPS */
-              )
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, [
-            e.$slots.extras ? {
-              name: "extras",
-              fn: b(() => [
-                Bn(e.$slots, "extras")
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["id", "model-value", "class", "clearable", "label", "label-position", "readonly", "disabled", "placeholder", "required", "size", "invalid"]),
-          !l.readonly && !l.disabled ? (f(), U(o(zn), {
-            key: 0,
-            "model-value": T.value,
-            anchor: (a = C.value) == null ? void 0 : a.fieldRef,
-            inline: l.inline,
-            offset: 8,
-            placement: "bottom",
-            trigger: "manual",
-            arrow: "",
-            "non-modal": "",
-            spy: "",
-            onLeave: Nn,
-            "onUpdate:modelValue": Cn
-          }, {
-            default: b(() => [
-              k(
-                "div",
-                {
-                  ref: "menu",
-                  class: "q-date-time-picker__menu",
-                  tabindex: "-1",
-                  onPointerdownCapture: Mn,
-                  onKeydown: xn
-                },
-                [
-                  M(" Calendar View "),
-                  D.value === "date" ? (f(), H(
-                    "div",
-                    na,
-                    [
-                      M(" Header "),
-                      k("div", aa, [
-                        i(o(p), {
-                          variant: "ghost",
-                          disabled: !lt.value,
-                          title: l.texts.previousMonth,
-                          onClick: Qt
-                        }, {
-                          default: b(() => [
-                            i(
-                              o(w),
-                              W(j(l.icons.back)),
-                              null,
-                              16
-                              /* FULL_PROPS */
-                            )
-                          ]),
-                          _: 1
-                          /* STABLE */
-                        }, 8, ["disabled", "title"]),
-                        i(o(p), {
-                          ref: "monthHeader",
-                          "data-testid": "q-date-time-picker-month-header",
-                          variant: "ghost",
-                          label: be(g.value, 3),
-                          title: l.texts.pickMonth,
-                          onClick: En
-                        }, null, 8, ["label", "title"]),
-                        i(o(p), {
-                          ref: "yearHeader",
-                          "data-testid": "q-date-time-picker-year-header",
-                          variant: "ghost",
-                          label: h.value.toString(),
-                          title: l.texts.pickYear,
-                          onClick: Fn
-                        }, null, 8, ["label", "title"]),
-                        i(o(p), {
-                          variant: "ghost",
-                          disabled: !rt.value,
-                          title: l.texts.nextMonth,
-                          onClick: Gt
-                        }, {
-                          default: b(() => [
-                            i(
-                              o(w),
-                              W(j(l.icons.forward)),
-                              null,
-                              16
-                              /* FULL_PROPS */
-                            )
-                          ]),
-                          _: 1
-                          /* STABLE */
-                        }, 8, ["disabled", "title"])
-                      ]),
-                      M(" Weekday Headers "),
-                      k("div", la, [
-                        (f(!0), H(
-                          Y,
-                          null,
-                          ge(Vt.value, (n) => (f(), H(
-                            "div",
-                            {
-                              key: n,
-                              class: "q-date-time-picker__weekday"
-                            },
-                            ze(n),
-                            1
-                            /* TEXT */
-                          ))),
-                          128
-                          /* KEYED_FRAGMENT */
-                        ))
-                      ]),
-                      M(" Days Grid "),
-                      k(
-                        "div",
-                        {
-                          class: "q-date-time-picker__days",
-                          onMouseleave: ut,
-                          onFocusout: Wt,
-                          onTouchstartPassive: ot,
-                          onTouchmovePassive: ot
-                        },
-                        [
-                          (f(!0), H(
-                            Y,
-                            null,
-                            ge(et.value, (n, r) => (f(), U(o(p), {
-                              key: r,
-                              "data-day-index": r,
-                              class: kt([
-                                "q-date-time-picker__day",
-                                {
-                                  "q-date-time-picker__day--other-month": !n.isCurrentMonth,
-                                  "q-date-time-picker__day--today": n.isToday,
-                                  "q-date-time-picker__day--selected": n.isSelected,
-                                  "q-date-time-picker__day--in-range": n.isInRange,
-                                  "q-date-time-picker__day--range-start": n.isRangeStart,
-                                  "q-date-time-picker__day--range-end": n.isRangeEnd
-                                }
-                              ]),
-                              label: n.date.getDate().toString(),
-                              variant: Rn(n),
-                              disabled: n.isDisabled,
-                              onMouseenter: () => Pe(n.date),
-                              onFocus: () => Pe(n.date),
-                              onClick: () => jt(n.date)
-                            }, null, 8, ["data-day-index", "class", "label", "variant", "disabled", "onMouseenter", "onFocus", "onClick"]))),
-                            128
-                            /* KEYED_FRAGMENT */
-                          ))
-                        ],
-                        32
-                        /* NEED_HYDRATION */
-                      )
-                    ],
-                    512
-                    /* NEED_PATCH */
-                  )) : D.value === "time" ? (f(), H(
-                    Y,
-                    { key: 1 },
-                    [
-                      M(" Time View "),
-                      k("div", ra, [
-                        (f(!0), H(
-                          Y,
-                          null,
-                          ge(l.range ? 2 : 1, (n) => (f(), H("div", {
-                            key: n,
-                            class: "q-date-time-picker__time-group"
-                          }, [
-                            Z.value ? (f(), H("div", ua, [
-                              i(o(Un), {
-                                "model-value": an(n - 1),
-                                "show-state-labels": "",
-                                size: "small",
-                                "false-label": l.texts.am,
-                                "true-label": l.texts.pm,
-                                "onUpdate:modelValue": (r) => vn(r ?? !1, n - 1)
-                              }, null, 8, ["model-value", "false-label", "true-label", "onUpdate:modelValue"])
-                            ])) : M("v-if", !0),
-                            M(" Time Inputs "),
-                            k("div", oa, [
-                              k("div", ia, [
-                                i(o(p), {
-                                  variant: "ghost",
-                                  title: l.texts.increaseHour,
-                                  onClick: (r) => ln(n - 1)
-                                }, {
-                                  default: b(() => [
-                                    i(
-                                      o(w),
-                                      te({ ref_for: !0 }, l.icons.up),
-                                      null,
-                                      16
-                                      /* FULL_PROPS */
-                                    )
-                                  ]),
-                                  _: 1
-                                  /* STABLE */
-                                }, 8, ["title", "onClick"]),
-                                i(o(Te), {
-                                  class: "q-date-time-picker__time-number",
-                                  size: "small",
-                                  inputmode: "numeric",
-                                  "max-length": 2,
-                                  "model-value": o(je)(en(n - 1)),
-                                  onKeydown: (r) => Le(r, "hours", n - 1),
-                                  "onUpdate:modelValue": (r) => st(r, n - 1)
-                                }, null, 8, ["model-value", "onKeydown", "onUpdate:modelValue"]),
-                                i(o(p), {
-                                  variant: "ghost",
-                                  title: l.texts.decreaseHour,
-                                  onClick: (r) => rn(n - 1)
-                                }, {
-                                  default: b(() => [
-                                    i(
-                                      o(w),
-                                      te({ ref_for: !0 }, l.icons.down),
-                                      null,
-                                      16
-                                      /* FULL_PROPS */
-                                    )
-                                  ]),
-                                  _: 1
-                                  /* STABLE */
-                                }, 8, ["title", "onClick"])
-                              ]),
-                              t[1] || (t[1] = k(
-                                "div",
-                                { class: "q-date-time-picker__time-separator" },
-                                ":",
-                                -1
-                                /* CACHED */
-                              )),
-                              k("div", sa, [
-                                i(o(p), {
-                                  variant: "ghost",
-                                  title: l.texts.increaseMinute,
-                                  onClick: (r) => un(n - 1)
-                                }, {
-                                  default: b(() => [
-                                    i(
-                                      o(w),
-                                      te({ ref_for: !0 }, l.icons.up),
-                                      null,
-                                      16
-                                      /* FULL_PROPS */
-                                    )
-                                  ]),
-                                  _: 1
-                                  /* STABLE */
-                                }, 8, ["title", "onClick"]),
-                                i(o(Te), {
-                                  class: "q-date-time-picker__time-number",
-                                  size: "small",
-                                  inputmode: "numeric",
-                                  "max-length": 2,
-                                  "model-value": o(je)(tn(n - 1)),
-                                  onKeydown: (r) => Le(r, "minutes", n - 1),
-                                  "onUpdate:modelValue": (r) => ct(r, n - 1)
-                                }, null, 8, ["model-value", "onKeydown", "onUpdate:modelValue"]),
-                                i(o(p), {
-                                  variant: "ghost",
-                                  title: l.texts.decreaseMinute,
-                                  onClick: (r) => on(n - 1)
-                                }, {
-                                  default: b(() => [
-                                    i(
-                                      o(w),
-                                      te({ ref_for: !0 }, l.icons.down),
-                                      null,
-                                      16
-                                      /* FULL_PROPS */
-                                    )
-                                  ]),
-                                  _: 1
-                                  /* STABLE */
-                                }, 8, ["title", "onClick"])
-                              ]),
-                              ye.value ? (f(), H(
-                                Y,
-                                { key: 0 },
-                                [
-                                  t[0] || (t[0] = k(
-                                    "div",
-                                    { class: "q-date-time-picker__time-separator" },
-                                    ":",
-                                    -1
-                                    /* CACHED */
-                                  )),
-                                  k("div", ca, [
-                                    i(o(p), {
-                                      variant: "ghost",
-                                      title: l.texts.increaseSecond,
-                                      onClick: (r) => sn(n - 1)
-                                    }, {
-                                      default: b(() => [
-                                        i(
-                                          o(w),
-                                          te({ ref_for: !0 }, l.icons.up),
-                                          null,
-                                          16
-                                          /* FULL_PROPS */
-                                        )
-                                      ]),
-                                      _: 1
-                                      /* STABLE */
-                                    }, 8, ["title", "onClick"]),
-                                    i(o(Te), {
-                                      class: "q-date-time-picker__time-number",
-                                      size: "small",
-                                      inputmode: "numeric",
-                                      "max-length": 2,
-                                      "model-value": o(je)(nn(n - 1)),
-                                      onKeydown: (r) => Le(r, "seconds", n - 1),
-                                      "onUpdate:modelValue": (r) => dt(r, n - 1)
-                                    }, null, 8, ["model-value", "onKeydown", "onUpdate:modelValue"]),
-                                    i(o(p), {
-                                      variant: "ghost",
-                                      title: l.texts.decreaseSecond,
-                                      onClick: (r) => cn(n - 1)
-                                    }, {
-                                      default: b(() => [
-                                        i(
-                                          o(w),
-                                          te({ ref_for: !0 }, l.icons.down),
-                                          null,
-                                          16
-                                          /* FULL_PROPS */
-                                        )
-                                      ]),
-                                      _: 1
-                                      /* STABLE */
-                                    }, 8, ["title", "onClick"])
-                                  ])
-                                ],
-                                64
-                                /* STABLE_FRAGMENT */
-                              )) : M("v-if", !0)
-                            ])
-                          ]))),
-                          128
-                          /* KEYED_FRAGMENT */
-                        ))
-                      ])
-                    ],
-                    2112
-                    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                  )) : D.value === "month" ? (f(), H(
-                    Y,
-                    { key: 2 },
-                    [
-                      M(" Month View "),
-                      k("div", da, [
-                        (f(!0), H(
-                          Y,
-                          null,
-                          ge(Yt.value, (n, r) => (f(), U(o(p), {
-                            key: r,
-                            ref_for: !0,
-                            ref: (u) => It(u, r),
-                            "data-testid": "q-date-time-picker-month-option",
-                            "data-month-index": r,
-                            disabled: g.value === r,
-                            label: n,
-                            title: be(r),
-                            variant: "ghost",
-                            onClick: () => $(r, !0)
-                          }, null, 8, ["data-month-index", "disabled", "label", "title", "onClick"]))),
-                          128
-                          /* KEYED_FRAGMENT */
-                        ))
-                      ])
-                    ],
-                    2112
-                    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                  )) : D.value === "year" ? (f(), H(
-                    Y,
-                    { key: 3 },
-                    [
-                      M(" Year View "),
-                      k("div", fa, [
-                        k("div", va, [
-                          i(o(p), {
-                            variant: "ghost",
-                            disabled: !nt.value,
-                            title: l.texts.previousYears,
-                            onClick: At
-                          }, {
-                            default: b(() => [
-                              i(
-                                o(w),
-                                W(j(l.icons.back)),
-                                null,
-                                16
-                                /* FULL_PROPS */
-                              )
-                            ]),
-                            _: 1
-                            /* STABLE */
-                          }, 8, ["disabled", "title"]),
-                          k(
-                            "div",
-                            ma,
-                            ze(ke.value.startYear) + " - " + ze(ke.value.endYear),
-                            1
-                            /* TEXT */
-                          ),
-                          i(o(p), {
-                            variant: "ghost",
-                            disabled: !at.value,
-                            title: l.texts.nextYears,
-                            onClick: Lt
-                          }, {
-                            default: b(() => [
-                              i(
-                                o(w),
-                                W(j(l.icons.forward)),
-                                null,
-                                16
-                                /* FULL_PROPS */
-                              )
-                            ]),
-                            _: 1
-                            /* STABLE */
-                          }, 8, ["disabled", "title"])
-                        ]),
-                        k("div", pa, [
-                          (f(!0), H(
-                            Y,
-                            null,
-                            ge(Kt.value, (n, r) => (f(), U(o(p), {
-                              key: r,
-                              ref_for: !0,
-                              ref: (u) => Rt(u, n),
-                              "data-testid": "q-date-time-picker-year-option",
-                              "data-year": n,
-                              disabled: h.value === n,
-                              label: n.toString(),
-                              title: n,
-                              variant: "ghost",
-                              onClick: () => re(n, !0)
-                            }, null, 8, ["data-year", "disabled", "label", "title", "onClick"]))),
-                            128
-                            /* KEYED_FRAGMENT */
-                          ))
-                        ])
-                      ])
-                    ],
-                    2112
-                    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                  )) : M("v-if", !0),
-                  k("div", ga, [
-                    J.value ? M("v-if", !0) : (f(), U(o(p), {
-                      key: 0,
-                      variant: "ghost",
-                      disabled: xt.value,
-                      title: l.texts.today,
-                      onClick: Xt
-                    }, {
-                      default: b(() => [
-                        i(
-                          o(w),
-                          W(j(l.icons.today)),
-                          null,
-                          16
-                          /* FULL_PROPS */
-                        )
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    }, 8, ["disabled", "title"])),
-                    ne.value && D.value === "date" ? (f(), U(o(p), {
-                      key: 1,
-                      ref: "toggleTime",
-                      "data-testid": "q-date-time-picker-toggle-time",
-                      variant: "ghost",
-                      title: l.texts.toggleMode,
-                      onClick: bt
-                    }, {
-                      default: b(() => [
-                        i(
-                          o(w),
-                          W(j(l.icons.clock)),
-                          null,
-                          16
-                          /* FULL_PROPS */
-                        )
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    }, 8, ["title"])) : D.value !== "date" && !J.value ? (f(), U(o(p), {
-                      key: 2,
-                      "data-testid": "q-date-time-picker-toggle-date",
-                      variant: "ghost",
-                      title: l.texts.toggleMode,
-                      onClick: qn
-                    }, {
-                      default: b(() => [
-                        i(
-                          o(w),
-                          W(j(l.icons.calendar)),
-                          null,
-                          16
-                          /* FULL_PROPS */
-                        )
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    }, 8, ["title"])) : M("v-if", !0),
-                    l.clearable ? (f(), U(o(p), {
-                      key: 3,
-                      "data-testid": "q-date-time-picker-clear",
-                      variant: "ghost",
-                      disabled: !Ye.value,
-                      title: l.texts.clearValue,
-                      onClick: Ut
-                    }, {
-                      default: b(() => [
-                        i(
-                          o(w),
-                          W(j(l.icons.delete)),
-                          null,
-                          16
-                          /* FULL_PROPS */
-                        )
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    }, 8, ["disabled", "title"])) : M("v-if", !0)
-                  ])
-                ],
-                544
-                /* NEED_HYDRATION, NEED_PATCH */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["model-value", "anchor", "inline"])) : M("v-if", !0)
-        ],
-        64
-        /* STABLE_FRAGMENT */
-      );
-    };
-  }
+import { QButton as e } from "../QButton/index.js";
+import { QIcon as t } from "../QIcon/index.js";
+import { QTextField as n } from "../QTextField/index.js";
+import { QOverlay as r } from "../QOverlay/index.js";
+import { DEFAULT_ICONS as i, DEFAULT_TEXTS as a, MONTH_NAMES as o, WEEKDAY_NAMES as s } from "./constants.js";
+import { QSwitch as c } from "../QSwitch/index.js";
+import { applyMask as ee, clampNumericSegments as te, resolveCursorPosition as ne, useInputMask as re } from "../../composables/useInputMask/index.js";
+import { convertDatePatternToMask as ie, formatDate as l, formatUsesSeconds as ae, formatUsesTime as oe, getDaysInMonth as se, getFirstDayOfMonth as ce, inputIncludesTimePortion as le, isBetween as ue, isSameDay as de, isTimeOnlyFormat as fe, padNumber as pe, parseDate as u, parseDateWithCompletion as me, parseIsoDate as he, uses12HourFormat as ge } from "../../utils/date.js";
+import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as _e, createVNode as _, defineComponent as ve, guardReactiveProps as v, mergeModels as y, mergeProps as b, nextTick as x, normalizeClass as ye, normalizeProps as S, onBeforeUnmount as be, openBlock as C, ref as w, renderList as xe, renderSlot as Se, toDisplayString as Ce, unref as T, useModel as we, useTemplateRef as E, watch as Te, withCtx as D } from "vue";
+//#region src/components/QDateTimePicker/QDateTimePicker.vue?vue&type=script&setup=true&lang.ts
+var Ee = {
+	key: 0,
+	ref: "calendar",
+	class: "q-date-time-picker__calendar"
+}, De = { class: "q-date-time-picker__header" }, Oe = { class: "q-date-time-picker__weekdays" }, ke = { class: "q-date-time-picker__time" }, Ae = {
+	key: 0,
+	class: "q-date-time-picker__time-period"
+}, je = { class: "q-date-time-picker__time-inputs" }, Me = { class: "q-date-time-picker__time-input-group" }, Ne = { class: "q-date-time-picker__time-input-group" }, Pe = { class: "q-date-time-picker__time-input-group" }, Fe = { class: "q-date-time-picker__month-grid" }, Ie = { class: "q-date-time-picker__year" }, Le = { class: "q-date-time-picker__year-change" }, Re = { class: "q-date-time-picker__year-interval" }, ze = { class: "q-date-time-picker__year-grid" }, Be = { class: "q-date-time-picker__bottom-bar" }, O = 1001, k = 9999, Ve = 26, He = "a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex=\"-1\"]), [contenteditable]", Ue = /*@__PURE__*/ ve({
+	inheritAttrs: !1,
+	__name: "QDateTimePicker",
+	props: /*@__PURE__*/ y({
+		id: {},
+		class: {},
+		label: {},
+		required: { type: Boolean },
+		for: {},
+		labelPosition: {},
+		size: {},
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		invalid: { type: Boolean },
+		placeholder: {},
+		inline: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: { type: Boolean },
+		format: { default: "dd/MM/yyyy HH:mm" },
+		range: { type: Boolean },
+		icons: { default: () => i },
+		texts: { default: () => a }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(i) {
+		let a = i, ve = we(i, "modelValue"), y = f({
+			get: () => ve.value,
+			set: (e) => ve.value = e || void 0
+		}), Ue = f(() => a.readonly || a.disabled ? void 0 : a.placeholder), We = f(() => oe(a.format)), Ge = f(() => ae(a.format)), A = f(() => ge(a.format)), j = f(() => fe(a.format)), Ke = f(() => L.value === (/* @__PURE__ */ new Date()).getMonth() && R.value === (/* @__PURE__ */ new Date()).getFullYear()), M = w(!1), qe = w(!1), N = w(""), P = w(null), F = w(!1), Je = 0, I = w("date"), L = w((/* @__PURE__ */ new Date()).getMonth()), R = w((/* @__PURE__ */ new Date()).getFullYear()), Ye = w((/* @__PURE__ */ new Date()).getFullYear()), Xe = null, z = !1, Ze = !1, Qe = !1, B = null;
+		function $e() {
+			queueMicrotask(() => {
+				requestAnimationFrame(() => {
+					let e = Q(), t = document.activeElement;
+					e && (t === e || t instanceof Node && V.value?.contains(t)) && (z = !0);
+				});
+			});
+		}
+		let et = E("field"), V = E("menu"), tt = E("calendar"), nt = E("monthHeader"), rt = E("yearHeader"), it = E("toggleTime"), at = /* @__PURE__ */ new Map(), ot = /* @__PURE__ */ new Map();
+		function st(e) {
+			if (!e) return null;
+			if (e instanceof HTMLElement) return e;
+			if (typeof e == "object" && "$el" in e) {
+				let t = e.$el;
+				return t instanceof HTMLElement ? t : null;
+			}
+			return null;
+		}
+		function ct(e, t) {
+			let n = st(e);
+			n ? at.set(t, n) : at.delete(t);
+		}
+		function lt(e, t) {
+			let n = st(e);
+			n ? ot.set(t, n) : ot.delete(t);
+		}
+		function ut(e) {
+			st(e)?.focus();
+		}
+		let H = f(() => ({
+			getMonthIndex: (e, t) => {
+				let n = e.toLowerCase();
+				return o.findIndex((e) => {
+					let r = a.texts[e] ?? e;
+					return (t ? r.substring(0, 3) : r).toLowerCase() === n;
+				});
+			},
+			getWeekdayIndex: (e, t) => {
+				let n = e.toLowerCase();
+				for (let e = 0; e < 7; e++) {
+					let r = s[(e + 6) % 7], i = a.texts[r] ?? r;
+					if ((t ? i.substring(0, 3) : i).toLowerCase() === n) return e;
+				}
+				return null;
+			}
+		})), U = f(() => {
+			let e = y.value;
+			return e ? e instanceof Date ? e : Array.isArray(e) && e.length > 0 ? e[0] : typeof e == "string" ? X(e) : null : null;
+		}), dt = f(() => {
+			let e = y.value;
+			return Array.isArray(e) && e.length > 1 ? e[1] : null;
+		}), W = w(null), ft = w(null), G = w(null), K = w(!1), pt = f(() => !K.value || !W.value ? U.value : G.value && G.value < W.value ? G.value : W.value), mt = f(() => {
+			if (!a.range) return U.value;
+			if (!K.value || !W.value) return dt.value;
+			let e = G.value ?? ft.value;
+			return e ? e < W.value ? W.value : e : null;
+		}), q = f(() => ({
+			getMonthName: (e, t) => {
+				let n = St(e);
+				return t ? n.substring(0, 3) : n;
+			},
+			getWeekdayName: (e, t) => {
+				let n = s[(e + 6) % 7], r = a.texts[n] ?? n;
+				return t ? r.substring(0, 3) : r;
+			}
+		})), ht = f(() => {
+			let e = y.value;
+			if (!e) return "";
+			if (Array.isArray(e)) return e.map((e) => e instanceof Date ? l(e, a.format, q.value) : e).join(" - ");
+			if (e instanceof Date) return l(e, a.format, q.value);
+			if (typeof e == "string") {
+				let t = X(e);
+				return t ? l(t, a.format, q.value) : String(e);
+			}
+			return String(e);
+		}), gt = f(() => P.value ?? ht.value);
+		function _t() {
+			N.value = gt.value;
+		}
+		Te(gt, () => {
+			qe.value || _t();
+		}, { immediate: !0 });
+		let vt = f(() => {
+			let e = ce(new Date(R.value, L.value, 1)), t = se(L.value, R.value), n = (e.getDay() + 6) % 7, r = [], i = L.value === 0 ? 11 : L.value - 1, a = L.value === 0 ? R.value - 1 : R.value, o = se(i, a);
+			for (let e = n - 1; e >= 0; e--) yt(r, new Date(a, i, o - e), !1);
+			for (let e = 1; e <= t; e++) yt(r, new Date(R.value, L.value, e), !0);
+			let s = 7 - r.length % 7, c = s === 7 ? 0 : s;
+			for (let e = 1; e <= c; e++) yt(r, new Date(R.value, L.value + 1, e), !1);
+			return r;
+		});
+		function yt(e, t, n) {
+			let r = pt.value, i = mt.value, a = t.getFullYear(), o = a < O || a > k;
+			e.push({
+				date: t,
+				isCurrentMonth: n,
+				isToday: de(t, /* @__PURE__ */ new Date()),
+				isSelected: r ? de(t, r) : !1,
+				isRangeStart: !!r && de(t, r),
+				isRangeEnd: !!i && de(t, i),
+				isInRange: r && i ? ue(t, r, i) : !1,
+				isDisabled: o
+			});
+		}
+		let bt = f(() => s.map((e) => {
+			let t = e;
+			return a.texts[t]?.substring(0, 2) ?? e;
+		})), xt = f(() => Array.from({ length: 12 }, (e, t) => St(t, 3)));
+		function St(e, t = 0) {
+			let n = o[e], r = a.texts[n] ?? o[e];
+			return t <= 0 ? r : r.substring(0, t);
+		}
+		function Ct(e) {
+			let t = e - Math.floor(Ve / 2), n = t + Ve;
+			return t < O && (t = O, n = Math.min(t + Ve, k)), n > k && (n = k, t = Math.max(O, n - Ve)), {
+				startYear: t,
+				endYear: n
+			};
+		}
+		function wt(e) {
+			let { startYear: t, endYear: n } = Ct(e);
+			return Array.from({ length: n - t + 1 }, (e, n) => t + n);
+		}
+		function Tt() {
+			Ot.value && (Ye.value -= Ve);
+		}
+		function Et() {
+			kt.value && (Ye.value += Ve);
+		}
+		let Dt = f(() => Ct(Ye.value)), Ot = f(() => Dt.value.startYear > O), kt = f(() => Dt.value.endYear < k), At = f(() => L.value === 0 ? R.value - 1 : R.value), jt = f(() => L.value === 11 ? R.value + 1 : R.value), Mt = f(() => At.value >= O), Nt = f(() => jt.value <= k), Pt = f(() => wt(Ye.value)), Ft = f(() => j.value ? a.icons.clock : a.icons.calendar), It = f(() => ie(a.format)), Lt = f(() => `${It.value} - ${It.value}`);
+		re(() => et?.value?.inputRef, () => a.range ? Lt.value : It.value), Te(() => et?.value?.inputRef, (e, t, n) => {
+			let r = qn(e);
+			B = r, r && (r.addEventListener("click", Wn), r.addEventListener("paste", Pn, !0), n(() => {
+				B = null, r.removeEventListener("click", Wn), r.removeEventListener("paste", Pn, !0);
+			}));
+		}, { flush: "post" }), Te(y, () => {
+			P.value = null, _t();
+		});
+		function Rt(e) {
+			return e === void 0 ? !1 : typeof e == "string" ? e.trim().length > 0 : e instanceof Date ? !0 : Array.isArray(e) ? e.length > 0 : !1;
+		}
+		let zt = f(() => a.clearable && !a.readonly && !a.disabled && Rt(y.value));
+		function Bt() {
+			zt.value && (Qt(), y.value = void 0, N.value = "", ar());
+		}
+		function Vt(e) {
+			!a.range || !K.value || !W.value || e.getFullYear() < O || e.getFullYear() > k || (G.value = new Date(e));
+		}
+		function Ht() {
+			G.value = null;
+		}
+		function Ut(e) {
+			let t = e.currentTarget, n = e.relatedTarget;
+			!t || n && t.contains(n) || Ht();
+		}
+		function Wt(e) {
+			if (!a.range || !K.value || !W.value) return;
+			let t = e.touches.item(0);
+			if (!t) return;
+			let n = document.elementFromPoint(t.clientX, t.clientY)?.closest("[data-day-index]");
+			if (!n) return;
+			let r = Number(n.dataset.dayIndex);
+			if (Number.isNaN(r)) return;
+			let i = vt.value[r];
+			i && Vt(i.date);
+		}
+		function Gt(e) {
+			if (!(a.readonly || a.disabled) && !(e.getFullYear() < O || e.getFullYear() > k)) if (a.range) if (K.value) {
+				let t = W.value ?? new Date(e), n = new Date(e), [r, i] = n < t ? [n, t] : [t, n];
+				We.value && i.setHours(23, 59, Ge.value ? 59 : 0, 0), y.value = [r, i], W.value = null, ft.value = null, G.value = null, K.value = !1;
+			} else {
+				let t = new Date(e);
+				We.value && W.value && t.setHours(W.value.getHours(), W.value.getMinutes(), W.value.getSeconds(), W.value.getMilliseconds()), W.value = t, ft.value = null, G.value = null, K.value = !0;
+			}
+			else {
+				let t = new Date(e);
+				U.value && !An(U.value) ? t.setHours(U.value.getHours(), U.value.getMinutes(), U.value.getSeconds()) : We.value && jn(t), y.value = t;
+			}
+		}
+		function Kt(e, t) {
+			R.value = e, t && er("year");
+		}
+		function J(e, t) {
+			L.value = e, t && er("month");
+		}
+		function qt() {
+			Mt.value && (L.value === 0 ? (J(11), Kt(R.value - 1)) : J(L.value - 1));
+		}
+		function Jt() {
+			Nt.value && (L.value === 11 ? (J(0), Kt(R.value + 1)) : J(L.value + 1));
+		}
+		function Yt() {
+			J((/* @__PURE__ */ new Date()).getMonth()), Kt((/* @__PURE__ */ new Date()).getFullYear()), $n();
+		}
+		function Xt() {
+			let e = U.value, t = y.value;
+			if (a.range && Array.isArray(t) && t.length > 0) {
+				let n = t[0];
+				n instanceof Date ? e = n : typeof n == "string" && (e = u(n, a.format, H.value));
+			}
+			e ??= /* @__PURE__ */ new Date(), J(e.getMonth()), Kt(e.getFullYear()), $n();
+		}
+		function Zt(e) {
+			return a.range ? e === 1 ? dt.value ?? ft.value : U.value ?? W.value : U.value;
+		}
+		function Qt() {
+			W.value = null, ft.value = null, G.value = null, K.value = !1;
+		}
+		function $t(e, t) {
+			return t < e ? [new Date(t), new Date(e)] : [new Date(e), new Date(t)];
+		}
+		function en() {
+			if (!a.range || !j.value) return;
+			let e = y.value;
+			if (!Array.isArray(e) || e.length < 2) return;
+			let t = e[0], n = e[1];
+			!(t instanceof Date) || !(n instanceof Date) || n >= t || (y.value = $t(t, n));
+		}
+		function tn(e, t) {
+			if (!a.range) {
+				y.value = t;
+				return;
+			}
+			if (j.value) {
+				e === 0 ? W.value = t : ft.value = t;
+				let n = e === 0 ? t : U.value ?? W.value, r = e === 1 ? t : dt.value;
+				if (!n || !r) return;
+				y.value = [new Date(n), new Date(r)], Qt();
+				return;
+			}
+			if (K.value) {
+				e === 0 && (W.value = t);
+				return;
+			}
+			let n = U.value, r = dt.value;
+			!n || !r || (y.value = e === 1 ? [n, t] : [t, r]);
+		}
+		function Y(e, t) {
+			let n = Zt(e) ?? (() => {
+				let e = /* @__PURE__ */ new Date();
+				return e.setHours(0, 0, 0, 0), e;
+			})(), r = new Date(n);
+			t(r), tn(e, r);
+		}
+		function nn(e) {
+			let t = Zt(e);
+			if (!t) return A.value ? 12 : 0;
+			let n = t.getHours();
+			return A.value ? n % 12 || 12 : n;
+		}
+		function rn(e) {
+			return Zt(e)?.getMinutes() ?? 0;
+		}
+		function an(e) {
+			return Zt(e)?.getSeconds() ?? 0;
+		}
+		function on(e) {
+			let t = Zt(e);
+			return t ? t.getHours() >= 12 : !1;
+		}
+		function sn(e, t) {
+			return t ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e;
+		}
+		function cn(e) {
+			Y(e, (e) => {
+				if (A.value) {
+					let t = e.getHours() % 12 || 12, n = t >= 12 ? 1 : t + 1, r = e.getHours() >= 12;
+					e.setHours(sn(n, r));
+				} else e.setHours(e.getHours() >= 23 ? 0 : e.getHours() + 1);
+			});
+		}
+		function ln(e) {
+			Y(e, (e) => {
+				if (A.value) {
+					let t = e.getHours() % 12 || 12, n = t <= 1 ? 12 : t - 1, r = e.getHours() >= 12;
+					e.setHours(sn(n, r));
+				} else e.setHours(e.getHours() <= 0 ? 23 : e.getHours() - 1);
+			});
+		}
+		function un(e) {
+			Y(e, (e) => {
+				e.setMinutes(e.getMinutes() >= 59 ? 0 : e.getMinutes() + 1);
+			});
+		}
+		function dn(e) {
+			Y(e, (e) => {
+				e.setMinutes(e.getMinutes() <= 0 ? 59 : e.getMinutes() - 1);
+			});
+		}
+		function fn(e) {
+			Y(e, (e) => {
+				e.setSeconds(e.getSeconds() >= 59 ? 0 : e.getSeconds() + 1);
+			});
+		}
+		function pn(e) {
+			Y(e, (e) => {
+				e.setSeconds(e.getSeconds() <= 0 ? 59 : e.getSeconds() - 1);
+			});
+		}
+		function mn(e) {
+			return (e ?? "").replace(/\D/g, "");
+		}
+		function hn(e) {
+			return Math.min(23, Math.max(0, e));
+		}
+		function gn(e) {
+			return Math.min(12, Math.max(1, e));
+		}
+		function _n(e) {
+			return Math.min(59, Math.max(0, e));
+		}
+		function vn(e, t) {
+			let n = mn(e).slice(0, 2);
+			if (n === "") return;
+			let r = Number.parseInt(n, 10);
+			if (Number.isNaN(r)) return;
+			let i = A.value ? gn(r) : hn(r);
+			Y(t, (e) => {
+				A.value ? e.setHours(sn(i, e.getHours() >= 12)) : e.setHours(i);
+			});
+		}
+		function yn(e, t) {
+			let n = mn(e).slice(0, 2);
+			if (n === "") return;
+			let r = Number.parseInt(n, 10);
+			if (Number.isNaN(r)) return;
+			let i = _n(r);
+			Y(t, (e) => {
+				e.setMinutes(i);
+			});
+		}
+		function bn(e, t) {
+			let n = mn(e).slice(0, 2);
+			if (n === "") return;
+			let r = Number.parseInt(n, 10);
+			if (Number.isNaN(r)) return;
+			let i = _n(r);
+			Y(t, (e) => {
+				e.setSeconds(i);
+			});
+		}
+		async function xn(e, t, n) {
+			if (e.ctrlKey || e.altKey || e.metaKey || !/^\d$/.test(e.key)) return;
+			let r = e.target;
+			if (!r) return;
+			let i = r.selectionStart, a = r.selectionEnd;
+			if (i === null || a === null || i !== a || r.maxLength <= 0 || r.value.length < r.maxLength || i >= r.value.length) return;
+			e.preventDefault();
+			let o = `${r.value.slice(0, i)}${e.key}${r.value.slice(i + 1)}`;
+			t === "hours" ? vn(o, n) : t === "minutes" ? yn(o, n) : bn(o, n);
+			let s = Math.min(i + 1, r.maxLength);
+			await x(), r.setSelectionRange(s, s);
+		}
+		function Sn(e, t) {
+			Y(t, (t) => {
+				let n = t.getHours() % 12 || 12;
+				t.setHours(sn(n, e));
+			});
+		}
+		async function Cn(e, t, n, r) {
+			if (!e) return;
+			let i = ne(t, n, r), a = () => e.setSelectionRange(i, i);
+			a(), await x(), a(), await new Promise((e) => {
+				requestAnimationFrame(() => {
+					a(), e();
+				});
+			});
+		}
+		async function wn(e, t, n, r) {
+			if (n === t) {
+				N.value !== n && (N.value = n);
+				return;
+			}
+			N.value = n, await Cn(e, t, n, r);
+		}
+		function X(e, t) {
+			let n = e.trim();
+			return n ? u(n, a.format, H.value) || he(n) || Kn(n) || (t?.complete ? me(n, a.format, H.value) : null) : null;
+		}
+		async function Tn(e) {
+			if (Je > 0) return;
+			if (a.readonly || a.disabled) {
+				_t();
+				return;
+			}
+			let t = Q(), n = t?.selectionStart ?? 0, r = e ?? "";
+			if (!r) {
+				y.value = void 0, P.value = null, N.value = "", F.value = !1;
+				return;
+			}
+			if (a.range) {
+				let e = En(r);
+				if (e) {
+					y.value = e, P.value = null, N.value = e.map((e) => l(e, a.format, q.value)).join(" - "), F.value = !1;
+					return;
+				}
+				let i = ee(r, Lt.value);
+				await wn(t, r, i, n), P.value = i;
+				let o = En(i);
+				if (o) {
+					y.value = o, P.value = null;
+					let e = o.map((e) => l(e, a.format, q.value)).join(" - ");
+					e !== i && (N.value = e, await Cn(t, i, e, n)), F.value = !1;
+				}
+				return;
+			}
+			let i = X(r);
+			if (i) {
+				let e = Z(i, r);
+				y.value = e, P.value = null, N.value = l(e, a.format, q.value), F.value = !1;
+				return;
+			}
+			let o = te(ee(r, It.value), a.format), s = o, c = u(o, a.format, H.value);
+			if (!c) {
+				let e = u(r, a.format, H.value);
+				e && (s = r, c = e);
+			}
+			if (!c) {
+				let e = On(a.format);
+				e && (c = u(o, e, H.value) ?? u(r, e, H.value));
+			}
+			if (await wn(t, r, s, n), P.value = s, c) {
+				let e = Z(c, r);
+				y.value = e, P.value = null;
+				let i = l(e, a.format, q.value);
+				i !== s && (N.value = i, await Cn(t, s, i, n)), F.value = !1;
+			}
+		}
+		function En(e, t) {
+			let n = e.split(" - ");
+			if (n.length !== 2) return null;
+			let r = (e) => X(e, t), i = r(n[0] ?? ""), a = r(n[1] ?? "");
+			return !i || !a ? null : a < i ? [a, i] : [i, a];
+		}
+		function Dn() {
+			if (a.readonly || a.disabled) return !1;
+			let e = P.value ?? N.value;
+			if (!e) return !1;
+			if (a.range) {
+				let t = En(ee(e, Lt.value), { complete: !0 });
+				return t ? (y.value = t, P.value = null, F.value = !1, N.value = t.map((e) => l(e, a.format, q.value)).join(" - "), !0) : (P.value = null, y.value = void 0, F.value = !0, N.value = "", !1);
+			}
+			let t = te(ee(e, It.value), a.format), n = X(e, { complete: !0 }) ?? me(t, a.format, H.value);
+			if (!n) return P.value = null, y.value = void 0, F.value = !0, N.value = "", !1;
+			let r = X(e) || le(t, a.format) ? n : Z(n, t);
+			return y.value = r, P.value = null, F.value = !1, N.value = l(r, a.format, q.value), !0;
+		}
+		function On(e) {
+			let t = e.replace(/[\sT]+(?:'[^']*'|HH|H|hh|h|mm|m|ss|s|SSS|S|a).*$/i, "").trim();
+			return t && t !== e ? t : null;
+		}
+		function kn(e) {
+			return !We.value || X(e) || le(e, a.format) ? !0 : /\dT\d|\d{1,2}:\d{2}/.test(e);
+		}
+		function An(e) {
+			return e.getHours() === 0 && e.getMinutes() === 0 && e.getSeconds() === 0 && e.getMilliseconds() === 0;
+		}
+		function jn(e) {
+			let t = /* @__PURE__ */ new Date();
+			e.setHours(t.getHours(), t.getMinutes(), Ge.value ? t.getSeconds() : 0, Ge.value ? t.getMilliseconds() : 0);
+		}
+		function Z(e, t) {
+			if (a.range || !We.value || t !== void 0 && kn(t)) return e;
+			let n = new Date(e);
+			return jn(n), n;
+		}
+		function Mn(e) {
+			if (a.range) return En(e);
+			let t = u(e, a.format, H.value);
+			if (t) return Z(t, e);
+			let n = he(e);
+			if (n) return Z(n, e);
+			let r = Kn(e);
+			if (r) return Z(r, e);
+			let i = me(e, a.format, H.value);
+			if (i) return Z(i, e);
+			let o = On(a.format);
+			if (o) {
+				let t = u(e, o, H.value);
+				if (t) return Z(t, e);
+			}
+			return null;
+		}
+		async function Nn(e) {
+			if (F.value = !1, P.value = null, Array.isArray(e)) {
+				let t = e.map((e) => l(e, a.format, q.value)).join(" - ");
+				Je += 1, y.value = e, N.value = t, await x(), --Je;
+				return;
+			}
+			let t = l(e, a.format, q.value);
+			Je += 1, y.value = e, N.value = t, await x(), --Je;
+		}
+		function Pn(e) {
+			if (a.readonly || a.disabled) {
+				e.preventDefault();
+				return;
+			}
+			let t = e.clipboardData?.getData("text/plain")?.trim() || e.clipboardData?.getData("text")?.trim() || "";
+			if (!t) {
+				e.preventDefault();
+				return;
+			}
+			let n = Mn(t);
+			if (!n) {
+				e.preventDefault();
+				return;
+			}
+			e.preventDefault(), Nn(n);
+		}
+		function Fn(e) {
+			let t = e.target;
+			if (!(t instanceof Element) || !V.value) return null;
+			let n = t.closest("button, input, select, textarea, a[href], [tabindex], [contenteditable]");
+			return n && V.value.contains(n) ? n : null;
+		}
+		function In(e) {
+			return !(e.matches(":disabled") || e.getAttribute("aria-disabled") === "true" || e.getAttribute("tabindex") === "-1");
+		}
+		function Ln(e) {
+			if (!(e.target instanceof Node) || !V.value?.contains(e.target)) return;
+			Ze = !0;
+			let t = Fn(e);
+			t && !In(t) && e.preventDefault();
+		}
+		function Rn() {
+			return V.value ? Array.from(V.value.querySelectorAll(He)).filter((e) => e.offsetWidth > 0 || e.offsetHeight > 0 || e.getClientRects().length > 0) : [];
+		}
+		function zn() {
+			let e = Q();
+			if (!e) return;
+			let t = Array.from(document.querySelectorAll(He)).filter((e) => e.offsetWidth > 0 || e.offsetHeight > 0 || e.getClientRects().length > 0), n = t.indexOf(e);
+			n >= 0 && n < t.length - 1 && t[n + 1]?.focus();
+		}
+		function Bn(e) {
+			if (e.key !== "Tab" || !M.value || a.readonly || a.disabled) return;
+			if (e.shiftKey) {
+				z = !1, M.value = !1;
+				return;
+			}
+			let [t] = Rn();
+			t && (e.preventDefault(), Ze = !0, t.focus());
+		}
+		async function Vn(e) {
+			if (e.key !== "Tab") return;
+			let t = Rn();
+			if (!t.length) return;
+			let n = t[0], r = t[t.length - 1], i = document.activeElement;
+			if (e.shiftKey) {
+				if (i !== n) return;
+				e.preventDefault(), Ze = !0, ar();
+				return;
+			}
+			i === r && (e.preventDefault(), Qe = !0, M.value = !1, await x(), zn());
+		}
+		async function Hn(e) {
+			if (Dn(), Ze) {
+				Ze = !1;
+				return;
+			}
+			let t = e?.relatedTarget;
+			if (t instanceof Node && V.value?.contains(t)) return;
+			await x();
+			let n = Q(), r = document.activeElement;
+			n !== r && (r instanceof Node && V.value?.contains(r) || (z = !1, M.value = !1, qe.value = !1, _t()));
+		}
+		function Un() {
+			if (!(a.readonly || a.disabled)) {
+				if (qe.value = !0, z) {
+					z = !1;
+					return;
+				}
+				M.value ||= !0;
+			}
+		}
+		function Wn() {
+			a.readonly || a.disabled || (z = !1, M.value = !0);
+		}
+		function Gn(e) {
+			e || $e(), M.value = e;
+		}
+		function Kn(e) {
+			let t = he(e);
+			if (t) return t;
+			let n = /[A-Za-z]/.test(e), r = /^\d{4}[-/]\d{1,2}[-/]\d{1,2}(?:[ T]\d{1,2}:\d{2}(?::\d{2})?)?$/.test(e);
+			if (!n && !r) return null;
+			let i = new Date(e);
+			return Number.isNaN(i.getTime()) ? null : i;
+		}
+		function qn(e) {
+			return e instanceof HTMLInputElement ? e : typeof e == "object" && e && "value" in e && e.value instanceof HTMLInputElement ? e.value : null;
+		}
+		function Q() {
+			if (B) return B;
+			let e = qn(et.value?.inputRef);
+			if (e) return B = e, e;
+			let t = st(et.value?.fieldRef)?.querySelector(".q-text-field__input") ?? null;
+			return t ? (B = t, t) : null;
+		}
+		function Jn(e) {
+			return e.isSelected || e.isRangeStart || e.isRangeEnd ? "bold" : e.isInRange ? "tonal" : "ghost";
+		}
+		function Yn(e) {
+			V.value?.style.setProperty("--q-date-view-height", `${Math.max(0, e)}px`);
+		}
+		async function Xn() {
+			if (!M.value || j.value) {
+				Yn(0);
+				return;
+			}
+			I.value === "date" && (await x(), Yn(tt.value?.getBoundingClientRect().height ?? 0));
+		}
+		function $() {
+			Xe?.disconnect(), Xe = null;
+		}
+		async function Zn() {
+			!M.value || j.value || I.value !== "date" || (await x(), tt.value && ($(), Xe = new MutationObserver(() => {
+				Xn();
+			}), Xe.observe(tt.value, {
+				childList: !0,
+				subtree: !0,
+				attributes: !0,
+				characterData: !0
+			}), Xn()));
+		}
+		function Qn() {
+			I.value = "time", $();
+		}
+		function $n() {
+			I.value = "date", Zn();
+		}
+		async function er(e) {
+			V.value?.focus(), $n(), await x(), ut(e === "year" ? rt.value : e === "month" ? nt.value : e === "time" ? it.value : null);
+		}
+		function tr() {
+			let e = I.value;
+			e !== "date" && er(e);
+		}
+		async function nr() {
+			$(), I.value = "month", await x();
+			let e = at.get(L.value);
+			e?.scrollIntoView({ block: "center" }), e?.focus();
+		}
+		async function rr() {
+			$(), Ye.value = R.value, I.value = "year", await x(), ot.get(Ye.value)?.scrollIntoView({ block: "center" });
+		}
+		async function ir(e) {
+			if (e.key !== "Escape") return;
+			if (z = !0, I.value === "date" || j.value) {
+				e.preventDefault(), M.value = !1, await x(), ur();
+				return;
+			}
+			e.preventDefault();
+			let t = I.value;
+			await er(t);
+		}
+		function ar() {
+			Q()?.focus();
+		}
+		function or(e) {
+			return !e || e === document.body || e === document.documentElement;
+		}
+		function sr(e, t) {
+			return e.closest(".q-date-time-picker__menu") || t.closest(".q-date-time-picker")?.contains(e) || !(e instanceof HTMLElement) ? !1 : e.tabIndex >= 0 || e.matches("input, select, textarea, button, a[href], [tabindex]:not([tabindex=\"-1\"])");
+		}
+		function cr(e) {
+			let t = Q();
+			return t ? e === t || !e || !e.isConnected || or(e) || V.value?.contains(e) ? !0 : !sr(e, t) : !1;
+		}
+		function lr() {
+			if (Qe) return;
+			let e = Q();
+			!e || !cr(document.activeElement) || (z = !0, e.focus());
+		}
+		function ur() {
+			x().then(() => {
+				requestAnimationFrame(() => {
+					requestAnimationFrame(() => {
+						lr();
+					});
+				});
+			});
+		}
+		function dr() {
+			if (Qe) {
+				Qe = !1;
+				return;
+			}
+			ur();
+		}
+		function fr() {
+			$e();
+			let e = Qe;
+			Qe &&= !1, e || (z = !0, ur());
+		}
+		return Te(y, () => {
+			U.value && (J(U.value.getMonth()), Kt(U.value.getFullYear()));
+		}), Te(M, (e, t) => {
+			if (j.value) {
+				$(), Yn(0), e ? (document.addEventListener("keydown", ir, { capture: !0 }), Qn()) : (t && (en(), fr()), document.removeEventListener("keydown", ir, { capture: !0 }));
+				return;
+			}
+			Qt(), e ? (document.addEventListener("keydown", ir, { capture: !0 }), Xt(), Zn()) : (t && fr(), document.removeEventListener("keydown", ir, { capture: !0 }), $(), Yn(0));
+		}), Te(j, (e) => {
+			e && $(), M.value = !1, e && Yn(0), e ? Qn() : $n();
+		}, { immediate: !0 }), be(() => {
+			$(), document.removeEventListener("keydown", ir, { capture: !0 });
+		}), (i, o) => (C(), h(d, null, [_(T(n), b({
+			id: a.id,
+			ref: "field",
+			"model-value": N.value,
+			class: ["q-date-time-picker", a.class],
+			clearable: zt.value,
+			"aria-label": a.label,
+			label: a.label,
+			"label-position": a.labelPosition,
+			readonly: a.readonly,
+			disabled: a.disabled,
+			placeholder: Ue.value,
+			required: a.required,
+			size: a.size,
+			invalid: a.invalid || F.value
+		}, i.$attrs, {
+			onBlur: Hn,
+			"onClick:clear": ar,
+			onFocusin: Un,
+			onKeydown: Bn,
+			"onUpdate:modelValue": Tn
+		}), _e({
+			prepend: D(() => [_(T(t), b({ class: "q-date-time-picker__input-icon" }, Ft.value), null, 16)]),
+			_: 2
+		}, [i.$slots.extras ? {
+			name: "extras",
+			fn: D(() => [Se(i.$slots, "extras")]),
+			key: "0"
+		} : void 0]), 1040, [
+			"id",
+			"model-value",
+			"class",
+			"clearable",
+			"aria-label",
+			"label",
+			"label-position",
+			"readonly",
+			"disabled",
+			"placeholder",
+			"required",
+			"size",
+			"invalid"
+		]), !a.readonly && !a.disabled ? (C(), p(T(r), {
+			key: 0,
+			"model-value": M.value,
+			anchor: et.value?.fieldRef,
+			inline: a.inline,
+			offset: 8,
+			placement: "bottom",
+			trigger: "manual",
+			arrow: "",
+			"non-modal": "",
+			spy: "",
+			onLeave: dr,
+			"onUpdate:modelValue": Gn
+		}, {
+			default: D(() => [g("div", {
+				ref: "menu",
+				class: "q-date-time-picker__menu",
+				tabindex: "-1",
+				onPointerdownCapture: Ln,
+				onKeydown: Vn
+			}, [
+				m(" Calendar View "),
+				I.value === "date" ? (C(), h("div", Ee, [
+					m(" Header "),
+					g("div", De, [
+						_(T(e), {
+							variant: "ghost",
+							disabled: !Mt.value,
+							title: a.texts.previousMonth,
+							onClick: qt
+						}, {
+							default: D(() => [_(T(t), S(v(a.icons.back)), null, 16)]),
+							_: 1
+						}, 8, ["disabled", "title"]),
+						_(T(e), {
+							ref: "monthHeader",
+							"data-testid": "q-date-time-picker-month-header",
+							variant: "ghost",
+							label: St(L.value, 3),
+							title: a.texts.pickMonth,
+							onClick: nr
+						}, null, 8, ["label", "title"]),
+						_(T(e), {
+							ref: "yearHeader",
+							"data-testid": "q-date-time-picker-year-header",
+							variant: "ghost",
+							label: R.value.toString(),
+							title: a.texts.pickYear,
+							onClick: rr
+						}, null, 8, ["label", "title"]),
+						_(T(e), {
+							variant: "ghost",
+							disabled: !Nt.value,
+							title: a.texts.nextMonth,
+							onClick: Jt
+						}, {
+							default: D(() => [_(T(t), S(v(a.icons.forward)), null, 16)]),
+							_: 1
+						}, 8, ["disabled", "title"])
+					]),
+					m(" Weekday Headers "),
+					g("div", Oe, [(C(!0), h(d, null, xe(bt.value, (e) => (C(), h("div", {
+						key: e,
+						class: "q-date-time-picker__weekday"
+					}, Ce(e), 1))), 128))]),
+					m(" Days Grid "),
+					g("div", {
+						class: "q-date-time-picker__days",
+						onMouseleave: Ht,
+						onFocusout: Ut,
+						onTouchstartPassive: Wt,
+						onTouchmovePassive: Wt
+					}, [(C(!0), h(d, null, xe(vt.value, (t, n) => (C(), p(T(e), {
+						key: n,
+						"data-day-index": n,
+						class: ye(["q-date-time-picker__day", {
+							"q-date-time-picker__day--other-month": !t.isCurrentMonth,
+							"q-date-time-picker__day--today": t.isToday,
+							"q-date-time-picker__day--selected": t.isSelected,
+							"q-date-time-picker__day--in-range": t.isInRange,
+							"q-date-time-picker__day--range-start": t.isRangeStart,
+							"q-date-time-picker__day--range-end": t.isRangeEnd
+						}]),
+						label: t.date.getDate().toString(),
+						variant: Jn(t),
+						disabled: t.isDisabled,
+						onMouseenter: () => Vt(t.date),
+						onFocus: () => Vt(t.date),
+						onClick: () => Gt(t.date)
+					}, null, 8, [
+						"data-day-index",
+						"class",
+						"label",
+						"variant",
+						"disabled",
+						"onMouseenter",
+						"onFocus",
+						"onClick"
+					]))), 128))], 32)
+				], 512)) : I.value === "time" ? (C(), h(d, { key: 1 }, [m(" Time View "), g("div", ke, [(C(!0), h(d, null, xe(a.range ? 2 : 1, (r) => (C(), h("div", {
+					key: r,
+					class: "q-date-time-picker__time-group"
+				}, [
+					A.value ? (C(), h("div", Ae, [_(T(c), {
+						"model-value": on(r - 1),
+						"show-state-labels": "",
+						size: "small",
+						"false-label": a.texts.am,
+						"true-label": a.texts.pm,
+						"onUpdate:modelValue": (e) => Sn(e ?? !1, r - 1)
+					}, null, 8, [
+						"model-value",
+						"false-label",
+						"true-label",
+						"onUpdate:modelValue"
+					])])) : m("v-if", !0),
+					m(" Time Inputs "),
+					g("div", je, [
+						g("div", Me, [
+							_(T(e), {
+								variant: "ghost",
+								title: a.texts.increaseHour,
+								onClick: (e) => cn(r - 1)
+							}, {
+								default: D(() => [_(T(t), b({ ref_for: !0 }, a.icons.up), null, 16)]),
+								_: 1
+							}, 8, ["title", "onClick"]),
+							_(T(n), {
+								class: "q-date-time-picker__time-number",
+								size: "small",
+								inputmode: "numeric",
+								"max-length": 2,
+								"model-value": T(pe)(nn(r - 1)),
+								onKeydown: (e) => xn(e, "hours", r - 1),
+								"onUpdate:modelValue": (e) => vn(e, r - 1)
+							}, null, 8, [
+								"model-value",
+								"onKeydown",
+								"onUpdate:modelValue"
+							]),
+							_(T(e), {
+								variant: "ghost",
+								title: a.texts.decreaseHour,
+								onClick: (e) => ln(r - 1)
+							}, {
+								default: D(() => [_(T(t), b({ ref_for: !0 }, a.icons.down), null, 16)]),
+								_: 1
+							}, 8, ["title", "onClick"])
+						]),
+						o[1] ||= g("div", { class: "q-date-time-picker__time-separator" }, ":", -1),
+						g("div", Ne, [
+							_(T(e), {
+								variant: "ghost",
+								title: a.texts.increaseMinute,
+								onClick: (e) => un(r - 1)
+							}, {
+								default: D(() => [_(T(t), b({ ref_for: !0 }, a.icons.up), null, 16)]),
+								_: 1
+							}, 8, ["title", "onClick"]),
+							_(T(n), {
+								class: "q-date-time-picker__time-number",
+								size: "small",
+								inputmode: "numeric",
+								"max-length": 2,
+								"model-value": T(pe)(rn(r - 1)),
+								onKeydown: (e) => xn(e, "minutes", r - 1),
+								"onUpdate:modelValue": (e) => yn(e, r - 1)
+							}, null, 8, [
+								"model-value",
+								"onKeydown",
+								"onUpdate:modelValue"
+							]),
+							_(T(e), {
+								variant: "ghost",
+								title: a.texts.decreaseMinute,
+								onClick: (e) => dn(r - 1)
+							}, {
+								default: D(() => [_(T(t), b({ ref_for: !0 }, a.icons.down), null, 16)]),
+								_: 1
+							}, 8, ["title", "onClick"])
+						]),
+						Ge.value ? (C(), h(d, { key: 0 }, [o[0] ||= g("div", { class: "q-date-time-picker__time-separator" }, ":", -1), g("div", Pe, [
+							_(T(e), {
+								variant: "ghost",
+								title: a.texts.increaseSecond,
+								onClick: (e) => fn(r - 1)
+							}, {
+								default: D(() => [_(T(t), b({ ref_for: !0 }, a.icons.up), null, 16)]),
+								_: 1
+							}, 8, ["title", "onClick"]),
+							_(T(n), {
+								class: "q-date-time-picker__time-number",
+								size: "small",
+								inputmode: "numeric",
+								"max-length": 2,
+								"model-value": T(pe)(an(r - 1)),
+								onKeydown: (e) => xn(e, "seconds", r - 1),
+								"onUpdate:modelValue": (e) => bn(e, r - 1)
+							}, null, 8, [
+								"model-value",
+								"onKeydown",
+								"onUpdate:modelValue"
+							]),
+							_(T(e), {
+								variant: "ghost",
+								title: a.texts.decreaseSecond,
+								onClick: (e) => pn(r - 1)
+							}, {
+								default: D(() => [_(T(t), b({ ref_for: !0 }, a.icons.down), null, 16)]),
+								_: 1
+							}, 8, ["title", "onClick"])
+						])], 64)) : m("v-if", !0)
+					])
+				]))), 128))])], 2112)) : I.value === "month" ? (C(), h(d, { key: 2 }, [m(" Month View "), g("div", Fe, [(C(!0), h(d, null, xe(xt.value, (t, n) => (C(), p(T(e), {
+					key: n,
+					ref_for: !0,
+					ref: (e) => ct(e, n),
+					"data-testid": "q-date-time-picker-month-option",
+					"data-month-index": n,
+					disabled: L.value === n,
+					label: t,
+					title: St(n),
+					variant: "ghost",
+					onClick: () => J(n, !0)
+				}, null, 8, [
+					"data-month-index",
+					"disabled",
+					"label",
+					"title",
+					"onClick"
+				]))), 128))])], 2112)) : I.value === "year" ? (C(), h(d, { key: 3 }, [m(" Year View "), g("div", Ie, [g("div", Le, [
+					_(T(e), {
+						variant: "ghost",
+						disabled: !Ot.value,
+						title: a.texts.previousYears,
+						onClick: Tt
+					}, {
+						default: D(() => [_(T(t), S(v(a.icons.back)), null, 16)]),
+						_: 1
+					}, 8, ["disabled", "title"]),
+					g("div", Re, Ce(Dt.value.startYear) + " - " + Ce(Dt.value.endYear), 1),
+					_(T(e), {
+						variant: "ghost",
+						disabled: !kt.value,
+						title: a.texts.nextYears,
+						onClick: Et
+					}, {
+						default: D(() => [_(T(t), S(v(a.icons.forward)), null, 16)]),
+						_: 1
+					}, 8, ["disabled", "title"])
+				]), g("div", ze, [(C(!0), h(d, null, xe(Pt.value, (t, n) => (C(), p(T(e), {
+					key: n,
+					ref_for: !0,
+					ref: (e) => lt(e, t),
+					"data-testid": "q-date-time-picker-year-option",
+					"data-year": t,
+					disabled: R.value === t,
+					label: t.toString(),
+					title: t,
+					variant: "ghost",
+					onClick: () => Kt(t, !0)
+				}, null, 8, [
+					"data-year",
+					"disabled",
+					"label",
+					"title",
+					"onClick"
+				]))), 128))])])], 2112)) : m("v-if", !0),
+				g("div", Be, [
+					j.value ? m("v-if", !0) : (C(), p(T(e), {
+						key: 0,
+						variant: "ghost",
+						disabled: Ke.value,
+						title: a.texts.today,
+						onClick: Yt
+					}, {
+						default: D(() => [_(T(t), S(v(a.icons.today)), null, 16)]),
+						_: 1
+					}, 8, ["disabled", "title"])),
+					We.value && I.value === "date" ? (C(), p(T(e), {
+						key: 1,
+						ref: "toggleTime",
+						"data-testid": "q-date-time-picker-toggle-time",
+						variant: "ghost",
+						title: a.texts.toggleMode,
+						onClick: Qn
+					}, {
+						default: D(() => [_(T(t), S(v(a.icons.clock)), null, 16)]),
+						_: 1
+					}, 8, ["title"])) : I.value !== "date" && !j.value ? (C(), p(T(e), {
+						key: 2,
+						"data-testid": "q-date-time-picker-toggle-date",
+						variant: "ghost",
+						title: a.texts.toggleMode,
+						onClick: tr
+					}, {
+						default: D(() => [_(T(t), S(v(a.icons.calendar)), null, 16)]),
+						_: 1
+					}, 8, ["title"])) : m("v-if", !0),
+					a.clearable ? (C(), p(T(e), {
+						key: 3,
+						"data-testid": "q-date-time-picker-clear",
+						variant: "ghost",
+						disabled: !zt.value,
+						title: a.texts.clearValue,
+						onClick: Bt
+					}, {
+						default: D(() => [_(T(t), S(v(a.icons.delete)), null, 16)]),
+						_: 1
+					}, 8, ["disabled", "title"])) : m("v-if", !0)
+				])
+			], 544)]),
+			_: 1
+		}, 8, [
+			"model-value",
+			"anchor",
+			"inline"
+		])) : m("v-if", !0)], 64));
+	}
 });
-export {
-  xa as default
-};
+//#endregion
+export { Ue as default };