@quidgest/ui 0.16.75 → 0.17.1

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

@@ -1,18 +1,23 @@
-import { defineComponent as C, mergeModels as V, useModel as P, computed as t, ref as F, createBlock as U, openBlock as w, unref as n, normalizeClass as D, createSlots as E, withCtx as i, createVNode as s, createElementVNode as N, mergeProps as k, renderSlot as Q } from "vue";
-import { DEFAULT_TEXTS as H, DEFAULT_ICONS as I } from "./constants.js";
-import { QClearButton as Z } from "../__internal__/QClearButton/index.js";
-import { QField as $ } from "../QField/index.js";
-import { QIcon as K } from "../QIcon/index.js";
-import L from "../../vendors/@vuepic/vue-datepicker/dist/vue-datepicker.js";
-import { useMaska as R } from "../../composables/maska.js";
-import { convertDatePatternToMask as X } from "../../utils/date/date.js";
-import { isTimeOnlyFormat as j } from "../../utils/date/tokens.js";
-import { formatUsesTime as W, formatUsesSeconds as G, uses12HourFormat as J } from "../../utils/time.js";
-import { useTheme as Y } from "../../composables/theme.js";
-const ee = ["value", "placeholder", "disabled", "readonly", "required", "onInput", "onBlur", "onFocus", "onKeypress", "onKeydown", "onPaste"], pe = /* @__PURE__ */ C({
+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__ */ V({
+  props: /* @__PURE__ */ Pn({
     id: {},
     class: {},
     label: {},
@@ -24,156 +29,1339 @@ const ee = ["value", "placeholder", "disabled", "readonly", "required", "onInput
     disabled: { type: Boolean },
     invalid: { type: Boolean },
     placeholder: {},
-    inline: { type: Boolean },
-    closeOnSelect: { type: Boolean },
+    inline: { type: Boolean, default: !1 },
+    clearable: { type: Boolean },
     format: { default: "dd/MM/yyyy HH:mm" },
-    minTime: {},
-    maxTime: {},
     range: { type: Boolean },
-    locale: { default: "en-US" },
-    icons: { default: () => I },
-    texts: { default: () => H }
+    icons: { default: () => $n },
+    texts: { default: () => Kn }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(d) {
-    const e = d, m = P(d, "modelValue"), u = t({
-      get: () => m.value,
-      set: (o) => m.value = o || void 0
-    }), b = t(() => r.value ? "format" : void 0), v = t(() => ({
-      closeOnAutoApply: e.closeOnSelect,
-      tabOutClosesMenu: !0
-    })), p = Y(), T = t(() => p.current.value.mode === "dark"), x = t(() => W(e.format)), h = t(() => G(e.format)), r = t(() => j(e.format)), _ = t(() => J(e.format)), g = t(() => f(e.minTime)), q = t(() => f(e.maxTime)), B = t(() => r.value ? e.icons.clock : e.icons.calendar), S = t(() => ({
-      mask: X(e.format),
-      tokens: {
-        // Default tokens
-        "#": { pattern: /\d/ },
-        // Any digit (0-9)
-        X: { pattern: /\d/ },
-        // Any alphanumeric character (A-Z, a-z, 0-9)
-        A: { pattern: /[A-Z]/ },
-        // Any uppercase letter (A-Z)
-        a: { pattern: /[a-z]/ },
-        // Any uppercase letter (A-Z)
-        "!": { pattern: /[a-z]/ },
-        // Any letter (A-Z, a-z)
-        "*": { pattern: /[a-z]/ },
-        // Any character (including symbols)
-        // Custom tokens
-        N: { pattern: /\d/, multiple: !0 },
-        // One or more digits (variable length)
-        W: { pattern: /[A-Za-z]/, multiple: !0 },
-        // Letters only (word; no spaces)
-        S: { pattern: /[A-Za-z\s]/, multiple: !0 },
-        // Letters and spaces (sentence)
-        n: { pattern: /\d/, optional: !0 }
-        // Zero or more digits
+  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();
       },
-      eager: !0
-      // Show static characters before the user types them
-    })), c = F();
-    R(c, S);
-    function f(o) {
-      if (!o) return;
-      const a = o.split(":");
-      return {
-        hours: a[0],
-        minutes: a[1],
-        seconds: a[2]
-      };
-    }
-    return (o, a) => (w(), U(n($), {
-      id: e.id,
-      class: D(["q-date-time-picker", e.class]),
-      label: e.label,
-      "label-position": e.labelPosition,
-      readonly: e.readonly,
-      disabled: e.disabled,
-      required: e.required,
-      size: e.size,
-      invalid: e.invalid
-    }, E({
-      prepend: i(() => [
-        s(
-          n(K),
-          k({ class: "q-date-time-picker__input-icon" }, B.value),
-          null,
-          16
-          /* FULL_PROPS */
-        )
-      ]),
-      default: i(() => [
-        s(n(L), {
-          modelValue: u.value,
-          "onUpdate:modelValue": a[0] || (a[0] = (l) => u.value = l),
-          "model-type": b.value,
-          "min-time": g.value,
-          "max-time": q.value,
-          disabled: e.disabled,
-          readonly: e.readonly,
-          range: e.range,
-          format: e.format,
-          is24: !_.value,
-          locale: e.locale,
-          "enable-time-picker": x.value,
-          "enable-seconds": h.value,
-          "time-picker": r.value,
-          config: v.value,
-          teleport: !e.inline,
-          offset: 16,
-          dark: T.value,
-          ui: { menu: ["q-date-time-picker__menu", n(p).class.value] },
-          "text-input": { enterSubmit: !0 },
-          "auto-apply": e.closeOnSelect,
-          "hide-input-icon": "",
-          clearable: ""
-        }, {
-          "dp-input": i(({ value: l, onInput: z, onBlur: M, onFocus: A, onKeypress: y, onPaste: O }) => [
-            N("input", k({
-              ref_key: "inputRef",
-              ref: c,
-              "data-test-id": "dp-input",
-              class: "dp__input",
-              type: "text",
-              value: l,
-              placeholder: e.placeholder,
-              disabled: e.disabled,
-              readonly: e.readonly,
-              required: e.required
-            }, o.$attrs, {
-              onInput: z,
-              onBlur: M,
-              onFocus: A,
-              onKeypress: y,
-              onKeydown: y,
-              onPaste: O
-            }), null, 16, ee)
-          ]),
-          "clear-icon": i(({ clear: l }) => [
-            s(n(Z), {
-              texts: e.texts,
-              onClick: l
-            }, null, 8, ["texts", "onClick"])
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["modelValue", "model-type", "min-time", "max-time", "disabled", "readonly", "range", "format", "is24", "locale", "enable-time-picker", "enable-seconds", "time-picker", "config", "teleport", "dark", "ui", "auto-apply"])
-      ]),
-      _: 2
-      /* DYNAMIC */
-    }, [
-      o.$slots.extras ? {
-        name: "extras",
-        fn: i(() => [
-          Q(o.$slots, "extras")
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["id", "class", "label", "label-position", "readonly", "disabled", "required", "size", "invalid"]));
+      { 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 */
+      );
+    };
   }
 });
 export {
-  pe as default
+  xa as default
 };