@fewangsit/wangsvue-fats 1.0.1-alpha.55 → 1.0.1-alpha.56

package/basecalendartimezone/index.es.js

@@ -1,30 +1,32 @@
-import { defineComponent as Ct, onMounted as Ft, useAttrs as Vt, ref as I, shallowRef as x, computed as H, watch as be, createBlock as ke, openBlock as v, withCtx as Me, renderSlot as R, createVNode as S, createElementVNode as f, mergeProps as u, unref as j, createElementBlock as h, createCommentVNode as $, withDirectives as Yt, toDisplayString as C, Fragment as te, renderList as de, createTextVNode as Bt, normalizeProps as It, withKeys as b, vShow as Ht } from "vue";
-import { D as J } from "../vendor/luxon/src/datetime.es.js";
+import { defineComponent as Ht, onMounted as At, useAttrs as Pt, ref as B, shallowRef as $, computed as x, watch as Se, createBlock as ae, openBlock as v, withCtx as $e, renderSlot as j, createVNode as S, createElementVNode as g, mergeProps as c, unref as q, createElementBlock as h, createCommentVNode as C, withDirectives as Nt, toDisplayString as P, Fragment as le, renderList as fe, createTextVNode as Ut, normalizeProps as Ot, withKeys as b, vShow as Jt } from "vue";
+import { D as O } from "../vendor/luxon/src/datetime.es.js";
 import "../vendor/luxon/src/duration.es.js";
-import { u as At } from "../plugins/WangsVue.es.js";
-import { s as Pt } from "../vendor/primevue/overlaypanel/overlaypanel.esm.es.js";
-import { s as xt } from "../vendor/primevue/selectbutton/selectbutton.esm.es.js";
-import { s as Nt } from "../vendor/primevue/skeleton/skeleton.esm.es.js";
-import { _ as ce } from "../button/index.es.js";
-import { _ as Ot } from "../fieldwrapper/index.es.js";
-import { _ as ae } from "../icon/index.es.js";
-import { _ as Jt } from "../inputgroup/index.es.js";
-import { _ as Ut } from "../validatormessage/index.es.js";
-const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value"], Kt = { class: "flex gap-1" }, zt = { key: 2 }, Wt = {
+import { u as Kt } from "../plugins/WangsVue.es.js";
+import { s as Zt } from "../vendor/primevue/overlaypanel/overlaypanel.esm.es.js";
+import { s as zt } from "../vendor/primevue/selectbutton/selectbutton.esm.es.js";
+import { s as Et } from "../vendor/primevue/skeleton/skeleton.esm.es.js";
+import { _ as pe } from "../button/index.es.js";
+import { _ as Wt } from "../fieldwrapper/index.es.js";
+import { _ as ne } from "../icon/index.es.js";
+import { _ as Lt } from "../inputgroup/index.es.js";
+import { _ as Le } from "../inputtext/index.es.js";
+import { _ as Rt } from "../validatormessage/index.es.js";
+import { d as jt } from "../vendor/lodash-es/debounce.es.js";
+const qt = ["id"], Gt = ["id", "aria-invalid", "disabled", "placeholder", "value"], Qt = { class: "flex gap-1" }, Xt = { key: 2 }, _t = {
   key: 0,
   class: "flex flex-col",
   "data-wv-section": "datepicker"
-}, Lt = { "data-wv-section": "tableheader" }, Rt = {
+}, ea = { "data-wv-section": "tableheader" }, ta = {
   class: "grid grid-cols-7 justify-between h-[26.8px] items-center",
   "data-wv-section": "weekdays"
-}, jt = {
+}, aa = {
   class: "grid grid-cols-7",
   "data-wv-section": "tablebody"
-}, qt = ["aria-label", "data-wv-other-month", "data-wv-today"], Gt = ["aria-disabled", "data-p-disabled", "onClick"], Qt = ["data-p-disabled", "data-p-highlight", "onClick"], Xt = ["data-p-disabled", "data-p-highlight", "onClick"], _t = ["aria-label", "disabled"], ea = ["aria-label", "disabled"], ta = ["aria-label", "disabled"], aa = ["aria-label", "disabled"], la = {
+}, la = ["aria-label", "data-wv-other-month", "data-wv-today"], na = ["aria-disabled", "data-p-disabled", "onClick"], oa = ["data-p-disabled", "data-p-highlight", "onClick"], ra = ["data-p-disabled", "data-p-highlight", "onClick"], sa = ["aria-label", "disabled"], ia = ["aria-label", "disabled"], ua = ["aria-label", "disabled"], da = ["aria-label", "disabled"], ca = {
   key: 1,
   class: "w-full flex items-center justify-end gap-1",
   "data-wv-section": "calendarbuttons"
-}, ha = /* @__PURE__ */ Ct({
+}, $a = /* @__PURE__ */ Ht({
   __name: "BaseCalendarTimeZone",
   props: {
     modelValue: {},
@@ -69,16 +71,16 @@ const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value
     exactSelection: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "update:epochTimeMillis", "monthChange", "yearChange", "dateSelect"],
-  setup(Ee, { emit: Ke }) {
-    var Ze;
-    const l = Ee, N = Ke;
-    Ft(() => {
-      W();
+  setup(Re, { emit: je }) {
+    var We;
+    const l = Re, N = je;
+    At(() => {
+      L();
     });
-    const ze = Vt(), F = At("Calendar"), We = (1969 * 365 + Math.floor(1970 / 4) - Math.floor(1970 / 100) + Math.floor(1970 / 400)) * 24 * 60 * 60 * 1e7, ve = JSON.parse(localStorage.getItem("user") || "{}"), A = (Ze = ve == null ? void 0 : ve.generalSetting) == null ? void 0 : Ze.timezone, g = (e) => {
-      const t = A && J.local().setZone(A).isValid, a = e instanceof Date && !isNaN(e.getTime());
+    const qe = Pt(), F = Kt("Calendar"), Ge = (1969 * 365 + Math.floor(1970 / 4) - Math.floor(1970 / 100) + Math.floor(1970 / 400)) * 24 * 60 * 60 * 1e7, he = JSON.parse(localStorage.getItem("user") || "{}"), H = (We = he == null ? void 0 : he.generalSetting) == null ? void 0 : We.timezone, y = (e) => {
+      const t = H && O.local().setZone(H).isValid, a = e instanceof Date && !isNaN(e.getTime());
       if (t) {
-        const o = a ? J.fromJSDate(e).setZone(A) : J.now().setZone(A);
+        const o = a ? O.fromJSDate(e).setZone(H) : O.now().setZone(H);
         return {
           Date: o.toJSDate(),
           date: o.day,
@@ -106,22 +108,22 @@ const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value
         minute: n.getMinutes(),
         second: n.getSeconds()
       };
-    }, Te = I(), le = I(), me = I(), Le = g().Date, y = I(g().month), d = I(g().year), c = I(g().hour), D = I(g().minute), V = I(g().second), U = I(l.modelValue), ne = I(!1), fe = x(), p = x(l.view ?? "date"), Se = x([]), $e = x(!1), w = x(!1), pe = x(), Ce = x(!1), he = x(), Fe = x([]), r = H(() => l.showButtons || l.showTime ? U.value : l.modelValue), oe = H(() => Se.value.flatMap((e) => e)), Re = H(() => c.value < 10 ? "0" + c.value : c.value), je = H(() => D.value < 10 ? "0" + D.value : D.value), qe = H(() => l.dateFormat || F.locale.global.dateFormat), Ge = H(() => {
+    }, Ce = B(), oe = B(), ge = B(), Qe = y().Date, D = B(y().month), u = B(y().year), d = B(y().hour), f = B(y().minute), I = B(y().second), J = B(l.modelValue), re = B(!1), Fe = $(0), Ie = $(0), ye = $(), p = $(l.view ?? "date"), Ve = $([]), Ye = $(!1), w = $(!1), De = $(), Be = $(!1), we = $(), xe = $([]), r = x(() => l.showButtons || l.showTime ? J.value : l.modelValue), se = x(() => Ve.value.flatMap((e) => e)), Xe = x(() => d.value < 10 ? "0" + d.value : d.value), _e = x(() => f.value < 10 ? "0" + f.value : f.value), et = x(() => l.dateFormat || F.locale.global.dateFormat), tt = x(() => {
       const e = [], t = (a) => {
         if (l.minDate) {
           const n = l.minDate.getMonth(), o = l.minDate.getFullYear();
-          if (d.value < o || d.value === o && a < n)
+          if (u.value < o || u.value === o && a < n)
             return !1;
         }
         if (l.maxDate) {
           const n = l.maxDate.getMonth(), o = l.maxDate.getFullYear();
-          if (d.value > o || d.value === o && a > n)
+          if (u.value > o || u.value === o && a > n)
             return !1;
         }
         if (l.maxMonth && l.maxMonth === "current") {
           const n = /* @__PURE__ */ new Date(), o = n.getMonth(), s = n.getFullYear();
-          return a <= o && d.value == s || // In current year
-          d.value < s;
+          return a <= o && u.value == s || // In current year
+          u.value < s;
         }
         return !0;
       };
@@ -131,8 +133,8 @@ const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value
           selectable: t(a)
         });
       return e;
-    }), re = H(() => {
-      const e = [], t = d.value - d.value % 10, a = (n) => {
+    }), ie = x(() => {
+      const e = [], t = u.value - u.value % 10, a = (n) => {
         if (l.minDate && l.minDate.getFullYear() > n || l.maxDate && l.maxDate.getFullYear() < n)
           return !1;
         if (l.maxYear && l.maxYear === "current") {
@@ -147,70 +149,70 @@ const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value
           selectable: a(t + n)
         });
       return e;
-    }), q = H(() => {
+    }), G = x(() => {
       let e;
-      if (r.value && Q(r.value) ? e = r.value[k(r.value)] || r.value[0] : e = r.value, e && typeof e != "string" && e.toString() !== "Invalid Date")
+      if (r.value && Q(r.value) ? e = r.value[M(r.value)] || r.value[0] : e = r.value, e && typeof e != "string" && e.toString() !== "Invalid Date")
         return e;
-      const t = J.now().setZone(A).toUTC().toJSDate();
+      const t = O.now().setZone(H).toUTC().toJSDate();
       return l.maxDate && l.maxDate < t ? l.maxDate : l.minDate && l.minDate > t ? l.minDate : t;
-    }), Qe = H(() => l.invalid || !!ze["error-message"]), G = H(() => {
+    }), at = x(() => l.invalid || !!qe["error-message"]), K = x(() => {
       var e;
       return Q(r.value) ? !r.value || ((e = r.value) == null ? void 0 : e.length) === 0 : !1;
-    }), k = (e) => (e == null ? void 0 : e.length) > 2 ? (e == null ? void 0 : e.length) - 1 : 1, Xe = () => {
-      const e = new Date(d.value, y.value, 1), t = new Date(d.value, y.value + 1, 0), a = t.getDate(), n = e.getDay(), o = t.getDay(), s = [];
+    }), M = (e) => (e == null ? void 0 : e.length) > 2 ? (e == null ? void 0 : e.length) - 1 : 1, lt = () => {
+      const e = new Date(u.value, D.value, 1), t = new Date(u.value, D.value + 1, 0), a = t.getDate(), n = e.getDay(), o = t.getDay(), s = [];
       let m = 1 - n;
       for (; m <= a; ) {
         const i = [];
-        for (let O = 0; O < 7; O++)
+        for (let U = 0; U < 7; U++)
           i.push({
             day: m,
-            month: y.value,
-            year: d.value,
+            month: D.value,
+            year: u.value,
             otherMonth: m < 1 || m > a,
-            today: m === Le.getDate() && y.value === (/* @__PURE__ */ new Date()).getMonth() && d.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            selectable: ut(
+            today: m === Qe.getDate() && D.value === (/* @__PURE__ */ new Date()).getMonth() && u.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            selectable: ft(
               m,
-              y.value,
-              d.value
+              D.value,
+              u.value
             )
           }), m++;
         s.push(i);
       }
       if (o !== 6) {
         const i = s[s.length - 1];
-        let O = 1;
-        for (let B = o + 1; B < 7; B++)
-          i[B].day = O++, i[B].otherMonth = !0;
+        let U = 1;
+        for (let Y = o + 1; Y < 7; Y++)
+          i[Y].day = U++, i[Y].otherMonth = !0;
       }
       return s;
-    }, _e = () => {
-      y.value === 0 ? (d.value--, y.value = 11) : y.value--, W();
-    }, et = () => {
-      d.value--;
-    }, Ve = () => {
-      d.value++;
-    }, tt = () => {
-      y.value === 11 ? (Ve(), y.value = 0) : y.value++, W();
-    }, at = () => {
-      d.value -= 10;
-    }, lt = () => {
-      d.value += 10;
     }, nt = () => {
-      p.value === "date" ? _e() : p.value === "month" ? et() : at();
+      D.value === 0 ? (u.value--, D.value = 11) : D.value--, L();
     }, ot = () => {
-      p.value === "date" ? tt() : p.value === "month" ? Ve() : lt();
-    }, W = () => {
-      Se.value = Xe();
-    }, Z = () => r.value != null && typeof r.value != "string", E = (e) => l.selectionMode === "single" && (!Array.isArray(r.value) || r.value == null), Y = () => l.selectionMode === "range" && (Array.isArray(r.value) || r.value == null), P = () => l.selectionMode === "multiple" && (Array.isArray(r.value) || r.value == null), Q = (e) => P() || Y(), K = (e, t) => {
+      u.value--;
+    }, He = () => {
+      u.value++;
+    }, rt = () => {
+      D.value === 11 ? (He(), D.value = 0) : D.value++, L();
+    }, st = () => {
+      u.value -= 10;
+    }, it = () => {
+      u.value += 10;
+    }, ut = () => {
+      p.value === "date" ? nt() : p.value === "month" ? ot() : st();
+    }, dt = () => {
+      p.value === "date" ? rt() : p.value === "month" ? He() : it();
+    }, L = () => {
+      Ve.value = lt();
+    }, Z = () => r.value != null && typeof r.value != "string", z = (e) => l.selectionMode === "single" && (!Array.isArray(r.value) || r.value == null), V = () => l.selectionMode === "range" && (Array.isArray(r.value) || r.value == null), A = () => l.selectionMode === "multiple" && (Array.isArray(r.value) || r.value == null), Q = (e) => A() || V(), E = (e, t) => {
       if (e) {
-        if (A) {
-          const a = J.fromJSDate(e).setZone(A);
+        if (H) {
+          const a = O.fromJSDate(e).setZone(H);
           return a.day === t.day && a.month === t.month + 1 && a.year === t.year;
         }
         return e.getDate() === t.day && e.getMonth() === t.month && e.getFullYear() === t.year;
       }
       return !1;
-    }, rt = (e, t, a) => {
+    }, ct = (e, t, a) => {
       if (e && t) {
         const o = new Date(a.year, a.month, a.day);
         return e.getTime() <= o.getTime() && t.getTime() >= o.getTime();
@@ -220,65 +222,65 @@ const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value
       if (!Z())
         return !1;
       if (r.value) {
-        if (E(r.value))
-          return K(r.value, e);
-        if (P())
+        if (z(r.value))
+          return E(r.value, e);
+        if (A())
           return r.value.some(
-            (t) => K(t, e)
+            (t) => E(t, e)
           );
-        if (Y())
-          return r.value[k(r.value)] ? K(r.value[0], e) || K(
-            r.value[k(r.value)],
+        if (V())
+          return r.value[M(r.value)] ? E(r.value[0], e) || E(
+            r.value[M(r.value)],
             e
-          ) || rt(
+          ) || ct(
             r.value[0],
-            r.value[k(r.value)],
+            r.value[M(r.value)],
             e
-          ) : K(r.value[0], e);
+          ) : E(r.value[0], e);
       }
       return !1;
-    }, st = (e) => E(r.value) || P() ? X(e) : Y() ? X(e) && (K(r.value[0], e) || r.value[0] == null) : !1, it = (e) => E(r.value) || P() ? X(e) : Y() ? X(e) && (K(
-      r.value[k(r.value)],
+    }, vt = (e) => z(r.value) || A() ? X(e) : V() ? X(e) && (E(r.value[0], e) || r.value[0] == null) : !1, mt = (e) => z(r.value) || A() ? X(e) : V() ? X(e) && (E(
+      r.value[M(r.value)],
       e
-    ) || r.value[k(r.value)] == null) : !1, Ye = (e) => {
+    ) || r.value[M(r.value)] == null) : !1, Ae = (e) => {
       if (Z()) {
-        if (E(r.value))
-          return r.value.getMonth() === e && r.value.getFullYear() === d.value;
-        if (P())
+        if (z(r.value))
+          return r.value.getMonth() === e && r.value.getFullYear() === u.value;
+        if (A())
           return r.value.some(
-            (t) => t.getMonth() === e && t.getFullYear() === d.value
+            (t) => t.getMonth() === e && t.getFullYear() === u.value
           );
-        if (Y()) {
+        if (V()) {
           const [t, a] = r.value;
           if (t && a) {
             const n = new Date(
-              g(t).year,
-              g(t).month
+              y(t).year,
+              y(t).month
             ), o = new Date(
-              g(a).year,
-              g(a).month
-            ), s = new Date(d.value, e);
+              y(a).year,
+              y(a).month
+            ), s = new Date(u.value, e);
             return s >= n && s <= o;
           }
         }
       }
       return !1;
-    }, Be = (e) => {
+    }, Pe = (e) => {
       var t;
       if (Z()) {
-        if (E(r.value))
+        if (z(r.value))
           return ((t = r.value) == null ? void 0 : t.getFullYear()) === e;
-        if (P())
+        if (A())
           return r.value.some(
             (a) => a.getFullYear() === e
           );
-        if (Y()) {
+        if (V()) {
           const [a, n] = r.value;
           return e >= a.getFullYear() && e <= (n ?? a).getFullYear();
         }
       }
       return !1;
-    }, ut = (e, t, a) => {
+    }, ft = (e, t, a) => {
       let n = !0, o = !0, s = !0, m = !0;
       if (l.onlyWeekdays) {
         const i = new Date(a, t, e).getDay();
@@ -287,182 +289,182 @@ const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value
       return l.excludeDates && (m = !l.excludeDates.some(
         (i) => i.getFullYear() === a && i.getMonth() === t && i.getDate() === e
       )), l.minDate && (l.minDate.getFullYear() > a || l.minDate.getFullYear() === a && (l.minDate.getMonth() > t || l.minDate.getMonth() === t && l.minDate.getDate() > e)) && (n = !1), l.maxDate && (l.maxDate.getFullYear() < a || l.maxDate.getFullYear() === a && (l.maxDate.getMonth() < t || l.maxDate.getMonth() === t && l.maxDate.getDate() < e)) && (o = !1), n && o && s && m;
-    }, ge = (e, t) => {
-      e.currentTarget instanceof HTMLElement && e.currentTarget.focus(), t.selectable && Tt(t), l.selectionMode === "single" && (!l.showTime || l.hideOnDateTimeSelect) && ee();
-    }, dt = (e, t) => {
-      t.selectable && (l.view === "month" ? ge(e, {
-        year: d.value,
+    }, be = (e, t) => {
+      e.currentTarget instanceof HTMLElement && e.currentTarget.focus(), t.selectable && It(t), l.selectionMode === "single" && (!l.showTime || l.hideOnDateTimeSelect) && te();
+    }, pt = (e, t) => {
+      t.selectable && (l.view === "month" ? be(e, {
+        year: u.value,
         month: t.value,
         day: 1,
         selectable: !0,
         today: !1,
         otherMonth: !1
-      }) : (y.value = t.value, p.value = "date", N("monthChange", {
-        month: y.value,
-        year: d.value
-      })), W());
-    }, ct = (e, t) => {
-      t.selectable && (l.view === "year" ? ge(e, {
+      }) : (D.value = t.value, p.value = "date", N("monthChange", {
+        month: D.value,
+        year: u.value
+      })), L());
+    }, ht = (e, t) => {
+      t.selectable && (l.view === "year" ? be(e, {
         year: t.value,
         month: 0,
         day: 1,
         selectable: !0,
         otherMonth: !1,
         today: !1
-      }) : (d.value = t.value, p.value = "month", N("yearChange", {
-        month: y.value + 1,
-        year: d.value
-      })), W());
-    }, M = (e, t, a) => {
-      !l.disabled && !l.readonly && (Ae(e, null, t, a), e.preventDefault());
+      }) : (u.value = t.value, p.value = "month", N("yearChange", {
+        month: D.value + 1,
+        year: u.value
+      })), L());
+    }, k = (e, t, a) => {
+      !l.disabled && !l.readonly && (Oe(e, null, t, a), e.preventDefault());
     }, T = (e) => {
-      !l.disabled && !l.readonly && (ye(), Pe(), e.preventDefault());
-    }, se = () => {
-      ye();
-    }, ie = (e) => {
+      !l.disabled && !l.readonly && (Me(), ee(), e.preventDefault());
+    }, ue = () => {
+      Me();
+    }, de = (e) => {
       switch (e.code) {
         case "Tab":
           break;
         case "Escape":
-          ee(), e.preventDefault();
+          te(), e.preventDefault();
           break;
       }
-    }, Ie = (e) => {
+    }, Ne = (e) => {
       l.disabled || setTimeout(() => {
-        le.value.show(e, He(e));
+        oe.value.show(e, Ue(e));
       }, 0);
-    }, vt = (e) => {
+    }, gt = (e) => {
       l.disabled || setTimeout(() => {
         var t;
-        (t = le.value) == null || t.toggle(e, He(e));
+        (t = oe.value) == null || t.toggle(e, Ue(e));
       }, 0);
-    }, mt = () => {
-      p.value = l.view, De(), ne.value || Oe();
-    }, He = (e) => ("$el" in me.value ? me.value.$el : Te.value) ?? e.currentTarget, Ae = (e, t, a, n) => {
-      switch (t || (t = 500), ye(), pe.value = setTimeout(() => {
-        Ae(e, 100, a, n);
+    }, yt = () => {
+      p.value = l.view, ke(), re.value || Ze();
+    }, Ue = (e) => ("$el" in ge.value ? ge.value.$el : Ce.value) ?? e.currentTarget, Oe = (e, t, a, n) => {
+      switch (t || (t = 500), Me(), De.value = setTimeout(() => {
+        Oe(e, 100, a, n);
       }, t), a) {
         case 0:
-          n === 1 ? ft(e) : pt(e);
+          n === 1 ? Dt(e) : wt(e);
           break;
         case 1:
-          n === 1 ? ht(e) : gt(e);
+          n === 1 ? bt(e) : Mt(e);
           break;
       }
-    }, ft = (e) => {
-      const t = c.value;
-      let a = c.value + Number(l.stepHour), n = w.value;
-      l.hourFormat == "24" ? a = a >= 24 ? a - 24 : a : l.hourFormat == "12" && (t < 12 && a > 11 && (n = !w.value), a = a >= 13 ? a - 12 : a), _(a, D.value, V.value, n) && (c.value = a, w.value = n), e.preventDefault();
-    }, pt = (e) => {
-      let t = c.value - l.stepHour, a = w.value;
-      l.hourFormat == "24" ? t = t < 0 ? 24 + t : t : l.hourFormat == "12" && (c.value === 12 && (a = !w.value), t = t <= 0 ? 12 + t : t), _(t, D.value, V.value, a) && (c.value = t, w.value = a), e.preventDefault();
-    }, ht = (e) => {
-      const t = D.value + Number(l.stepMinute);
-      _(c.value, t, V.value, w.value) && (D.value = t > 59 ? t - 60 : t), e.preventDefault();
-    }, gt = (e) => {
-      let t = D.value - l.stepMinute;
-      t = t < 0 ? 60 + t : t, _(c.value, t, V.value, w.value) && (D.value = t), e.preventDefault();
-    }, ye = () => {
-      pe.value && clearInterval(pe.value);
+    }, Dt = (e) => {
+      const t = d.value;
+      let a = d.value + Number(l.stepHour), n = w.value;
+      l.hourFormat == "24" ? a = a >= 24 ? a - 24 : a : l.hourFormat == "12" && (t < 12 && a > 11 && (n = !w.value), a = a >= 13 ? a - 12 : a), _(a, f.value, I.value, n) && (d.value = a, w.value = n), e.preventDefault();
+    }, wt = (e) => {
+      let t = d.value - l.stepHour, a = w.value;
+      l.hourFormat == "24" ? t = t < 0 ? 24 + t : t : l.hourFormat == "12" && (d.value === 12 && (a = !w.value), t = t <= 0 ? 12 + t : t), _(t, f.value, I.value, a) && (d.value = t, w.value = a), e.preventDefault();
+    }, bt = (e) => {
+      const t = f.value + Number(l.stepMinute);
+      _(d.value, t, I.value, w.value) && (f.value = t > 59 ? t - 60 : t), e.preventDefault();
+    }, Mt = (e) => {
+      let t = f.value - l.stepMinute;
+      t = t < 0 ? 60 + t : t, _(d.value, t, I.value, w.value) && (f.value = t), e.preventDefault();
+    }, Me = () => {
+      De.value && clearInterval(De.value);
     }, _ = (e, t, a, n) => {
       let o;
-      const s = yt(e, n);
+      const s = kt(e, n);
       if (Q(r.value)) {
-        const i = Z() ? r.value : q.value;
-        o = i[k(i)] || i[0];
+        const i = Z() ? r.value : G.value;
+        o = i[M(i)] || i[0];
       } else
-        o = Z() ? r.value : q.value;
+        o = Z() ? r.value : G.value;
       const m = o ? o.toDateString() : null;
       return !(l.minDate && m && l.minDate.toDateString() === m && (l.minDate.getHours() > s || l.minDate.getHours() === s && (l.minDate.getMinutes() > t || l.minDate.getMinutes() === t && l.minDate.getSeconds() > a)) || l.maxDate && m && l.maxDate.toDateString() === m && (l.maxDate.getHours() < s || l.maxDate.getHours() === s && (l.maxDate.getMinutes() < t || l.maxDate.getMinutes() === t && l.maxDate.getSeconds() < a)));
-    }, yt = (e, t) => l.hourFormat == "12" ? e === 12 ? t ? 12 : 0 : t ? e + 12 : e : e, Pe = () => {
+    }, kt = (e, t) => l.hourFormat == "12" ? e === 12 ? t ? 12 : 0 : t ? e + 12 : e : e, ee = () => {
       const e = (o) => {
-        const s = g(o);
-        return Ue({
+        const s = y(o);
+        return Ee({
           day: s.date,
           // Use dateTz.date to match Date.getDate(), because dateTz.day is 0-6 (Sunday-Saturday)
           month: s.month,
           year: s.year
         });
       };
-      Ce.value = !0;
+      Be.value = !0;
       let t;
       const a = Array.isArray(r.value) ? r.value.map((o) => e(o)) : e(r.value);
       if (Q(r.value)) {
-        const o = Z() ? a : e(q.value);
-        t = o[k(o)] || o[0];
+        const o = Z() ? a : e(G.value);
+        t = o[M(o)] || o[0];
       } else
-        t = Z() ? a : e(q.value);
-      t = t && !Array.isArray(t) ? t : e(), l.hourFormat == "12" ? c.value === 12 ? t = t.set({ hour: w.value ? 12 : 0 }) : t = t.set({
-        hour: w.value ? c.value + 12 : c.value
-      }) : t = t.set({ hour: c.value }), t = t.set({
-        minute: D.value,
-        second: V.value
-      }), Q(r.value) && (P() ? t = a == null ? void 0 : a.map(
-        (o) => J.fromISO(o.toISO())
-      ) : Y() && (r.value[k(r.value)] ? t = [a[0], t] : t = [t, null]));
+        t = Z() ? a : e(G.value);
+      t = t && !Array.isArray(t) ? t : e(), l.hourFormat == "12" ? d.value === 12 ? t = t.set({ hour: w.value ? 12 : 0 }) : t = t.set({
+        hour: w.value ? d.value + 12 : d.value
+      }) : t = t.set({ hour: d.value }), t = t.set({
+        minute: f.value,
+        second: I.value
+      }), Q(r.value) && (A() ? t = a == null ? void 0 : a.map(
+        (o) => O.fromISO(o.toISO())
+      ) : V() && (r.value[M(r.value)] ? t = [a[0], t] : t = [t, null]));
       const n = Array.isArray(t) ? t.map((o) => o == null ? void 0 : o.toJSDate()) : t.toJSDate();
-      Ne(n), N("dateSelect", n), setTimeout(() => Ce.value = !1, 0);
-    }, xe = (e) => e ? Array.isArray(e) ? e.map((a) => a == null ? void 0 : a.getTime()) : e.getTime() : null, Ne = (e) => {
-      l.showButtons || l.showTime ? (U.value = e, ne.value = !1) : (N("update:epochTimeMillis", xe(e)), N("update:modelValue", e));
-    }, Dt = () => {
-      N("update:epochTimeMillis", xe(U.value)), N("update:modelValue", U.value), ne.value = !0, ee();
-    }, Oe = () => {
-      U.value = l.modelValue, ne.value = !0, ee();
-    }, wt = () => {
+      Ke(n), N("dateSelect", n), setTimeout(() => Be.value = !1, 0);
+    }, Je = (e) => e ? Array.isArray(e) ? e.map((a) => a == null ? void 0 : a.getTime()) : e.getTime() : null, Ke = (e) => {
+      l.showButtons || l.showTime ? (J.value = e, re.value = !1) : (N("update:epochTimeMillis", Je(e)), N("update:modelValue", e));
+    }, Tt = () => {
+      N("update:epochTimeMillis", Je(J.value)), N("update:modelValue", J.value), re.value = !0, te();
+    }, Ze = () => {
+      J.value = l.modelValue, re.value = !0, te();
+    }, St = () => {
       !_(
-        c.value,
-        D.value,
-        V.value,
+        d.value,
+        f.value,
+        I.value,
         !w.value
-      ) && (l.maxDate || l.minDate) || (w.value = !w.value, Pe());
-    }, De = () => {
-      const e = g(q.value);
-      y.value = e.month, d.value = e.year, l.showTime && bt(e);
-    }, bt = (e) => {
+      ) && (l.maxDate || l.minDate) || (w.value = !w.value, ee());
+    }, ke = () => {
+      const e = y(G.value);
+      D.value = e.month, u.value = e.year, l.showTime && $t(e);
+    }, $t = (e) => {
       let { hour: t } = e;
-      l.hourFormat === "12" && (w.value = t > 11, t >= 12 ? t = t == 12 ? 12 : t - 12 : t = t == 0 ? 12 : t), c.value = Math.floor(t / l.stepHour) * l.stepHour, D.value = Math.floor(e.minute / l.stepMinute) * l.stepMinute;
-    }, Je = () => {
-      const e = l.showButtons || l.showTime ? U.value : r.value;
+      l.hourFormat === "12" && (w.value = t > 11, t >= 12 ? t = t == 12 ? 12 : t - 12 : t = t == 0 ? 12 : t), d.value = Math.floor(t / l.stepHour) * l.stepHour, f.value = Math.floor(e.minute / l.stepMinute) * l.stepMinute;
+    }, ze = () => {
+      const e = l.showButtons || l.showTime ? J.value : r.value;
       if (typeof e == "string")
         return e;
       let t = "";
       if (e)
         try {
-          if (E(e))
-            e.toString() !== "Invalid Date" && (t = ue(e));
-          else if (P())
-            e && e.length && (t = e.map((a) => ue(a)).join(", "));
-          else if (Y() && e && e.length) {
-            const a = e[0], n = e[k(e)];
-            a.toString() !== "Invalid Date" && (t = ue(a)), n && n.toString() !== "Invalid Date" && (t += " - " + ue(n));
+          if (z(e))
+            e.toString() !== "Invalid Date" && (t = ce(e));
+          else if (A())
+            e && e.length && (t = e.map((a) => ce(a)).join(", "));
+          else if (V() && e && e.length) {
+            const a = e[0], n = e[M(e)];
+            a.toString() !== "Invalid Date" && (t = ce(a)), n && n.toString() !== "Invalid Date" && (t += " - " + ce(n));
           }
         } catch {
           t = e.toString();
         }
       return t;
-    }, ue = (e) => {
+    }, ce = (e) => {
       let t = null;
-      return e && (t = kt(e, qe.value), l.showTime && (t += " " + Mt(e))), t;
-    }, kt = (e, t) => {
+      return e && (t = Ct(e, et.value), l.showTime && (t += " " + Ft(e))), t;
+    }, Ct = (e, t) => {
       if (!e)
         return "";
-      const a = g(e);
+      const a = y(e);
       let n;
-      const o = (B) => {
-        const z = n + 1 < t.length && t.charAt(n + 1) === B;
-        return z && n++, z;
-      }, s = (B, z, we) => {
-        let L = "" + z;
-        if (o(B))
-          for (; L.length < we; )
-            L = "0" + L;
-        return L;
-      }, m = (B, z, we, L) => o(B) ? L[z] : we[z];
-      let i = "", O = !1;
+      const o = (Y) => {
+        const W = n + 1 < t.length && t.charAt(n + 1) === Y;
+        return W && n++, W;
+      }, s = (Y, W, Te) => {
+        let R = "" + W;
+        if (o(Y))
+          for (; R.length < Te; )
+            R = "0" + R;
+        return R;
+      }, m = (Y, W, Te, R) => o(Y) ? R[W] : Te[W];
+      let i = "", U = !1;
       if (e)
         for (n = 0; n < t.length; n++)
-          if (O)
-            t.charAt(n) === "'" && !o("'") ? O = !1 : i += t.charAt(n);
+          if (U)
+            t.charAt(n) === "'" && !o("'") ? U = !1 : i += t.charAt(n);
           else
             switch (t.charAt(n)) {
               case "d":
@@ -507,43 +509,43 @@ const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value
                 i += a.time;
                 break;
               case "!":
-                i += a.time * 1e4 + We;
+                i += a.time * 1e4 + Ge;
                 break;
               case "'":
-                o("'") ? i += "'" : O = !0;
+                o("'") ? i += "'" : U = !0;
                 break;
               default:
                 i += t.charAt(n);
             }
       return i;
-    }, Mt = (e) => {
+    }, Ft = (e) => {
       if (!e)
         return "";
-      const t = g(e);
+      const t = y(e);
       let a = "", n = t.hour;
       const o = t.minute;
       return l.hourFormat === "12" && n > 11 && n !== 12 && (n -= 12), l.hourFormat === "12" ? a += n === 0 ? 12 : n < 10 ? "0" + n : n : a += n < 10 ? "0" + n : n, a += ":", a += o < 10 ? "0" + o : o, l.hourFormat === "12" && (a += t.hour > 11 ? ` ${F.locale.global.pm}` : ` ${F.locale.global.am}`), a;
-    }, Ue = (e) => {
-      const { year: t, month: a, day: n } = e, o = J.local().setZone(A).isValid ? A : Intl.DateTimeFormat().resolvedOptions().timeZone;
-      return J.fromObject(
+    }, Ee = (e) => {
+      const { year: t, month: a, day: n } = e, o = O.local().setZone(H).isValid ? H : Intl.DateTimeFormat().resolvedOptions().timeZone;
+      return O.fromObject(
         {
           year: t,
           month: a + 1,
           day: n,
-          hour: l.showTime ? c.value : 0,
-          minute: l.showTime ? D.value : 0,
-          second: l.showTime ? V.value : 0
+          hour: l.showTime ? d.value : 0,
+          minute: l.showTime ? f.value : 0,
+          second: l.showTime ? I.value : 0
         },
         { zone: o }
       );
-    }, Tt = (e) => {
-      const t = Ue(e);
+    }, It = (e) => {
+      const t = Ee(e);
       if (l.showTime && t.set({
-        hour: c.value + (l.hourFormat === "12" && c.value !== 12 && w.value ? 12 : 0),
-        minute: D.value,
-        second: V.value
+        hour: d.value + (l.hourFormat === "12" && d.value !== 12 && w.value ? 12 : 0),
+        minute: f.value,
+        second: I.value
       }), l.minDate && l.minDate > t.toUTC().toJSDate()) {
-        const n = g(l.minDate);
+        const n = y(l.minDate);
         t.set({
           year: n.year,
           month: n.month,
@@ -551,10 +553,10 @@ const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value
           hour: n.hour,
           minute: n.minute,
           second: n.second
-        }), c.value = t.hour, D.value = t.minute, V.value = t.second;
+        }), d.value = t.hour, f.value = t.minute, I.value = t.second;
       }
       if (l.maxDate && l.maxDate < t.toUTC().toJSDate()) {
-        const n = g(l.maxDate);
+        const n = y(l.maxDate);
         t.set({
           year: n.year,
           month: n.month,
@@ -562,12 +564,12 @@ const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value
           hour: n.hour,
           minute: n.minute,
           second: n.second
-        }), c.value = t.hour, D.value = t.minute, V.value = t.second;
+        }), d.value = t.hour, f.value = t.minute, I.value = t.second;
       }
       let a = null;
-      if (E(r.value))
+      if (z(r.value))
         a = t.toUTC().toJSDate();
-      else if (P()) {
+      else if (A()) {
         let n = r.value;
         if (n && n.length) {
           const o = n.findIndex(
@@ -577,37 +579,59 @@ const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value
         } else n = [t.toUTC().toJSDate()];
         a = n;
       } else if (l.exactSelection)
-        a = $t(e, t.toUTC().toJSDate());
-      else if (Y())
+        a = Yt(e, t.toUTC().toJSDate());
+      else if (V())
         if (r.value && r.value.length) {
-          let n = r.value[0], o = r.value[k(r.value)];
+          let n = r.value[0], o = r.value[M(r.value)];
           !o && t.toMillis() >= n.getTime() ? o = t.toUTC().toJSDate() : (n = t.toUTC().toJSDate(), o = null), a = [n, o];
         } else
           a = [t.toUTC().toJSDate(), null];
-      a !== null && Ne(a), St(a), N("dateSelect", t.toUTC().toJSDate());
-    }, St = (e) => {
-      const t = l.exactSelection ? e.length > 1 : e && e[k(e)] !== null;
-      Y() && l.hideOnRangeSelection && !l.showButtons && !l.showTime && t && ee();
-    }, $t = (e, t) => {
-      const a = he.value;
-      if (!he.value || a.day === e.day)
-        return he.value = e, Fe.value = oe.value, [t];
-      const n = a.month === e.month ? oe.value.filter((o) => o.day > a.day && o.day < e.day).map((o) => new Date(o.year, o.month, o.day)) : [
-        ...Fe.value.filter((o) => !o.otherMonth && o.day > a.day).map((o) => new Date(o.year, o.month, o.day)),
-        ...oe.value.filter((o) => !o.otherMonth && o.day < e.day).map((o) => new Date(o.year, o.month, o.day))
+      a !== null && Ke(a), Vt(a), N("dateSelect", t.toUTC().toJSDate());
+    }, Vt = (e) => {
+      const t = l.exactSelection ? e.length > 1 : e && e[M(e)] !== null;
+      V() && l.hideOnRangeSelection && !l.showButtons && !l.showTime && t && te();
+    }, Yt = (e, t) => {
+      const a = we.value;
+      if (!we.value || a.day === e.day)
+        return we.value = e, xe.value = se.value, [t];
+      const n = a.month === e.month ? se.value.filter((o) => o.day > a.day && o.day < e.day).map((o) => new Date(o.year, o.month, o.day)) : [
+        ...xe.value.filter((o) => !o.otherMonth && o.day > a.day).map((o) => new Date(o.year, o.month, o.day)),
+        ...se.value.filter((o) => !o.otherMonth && o.day < e.day).map((o) => new Date(o.year, o.month, o.day))
       ];
       return [
         new Date(a.year, a.month, a.day),
         ...n,
         t
       ];
-    }, ee = () => {
+    }, te = () => {
       setTimeout(() => {
         var e;
-        (e = le.value) == null || e.hide();
+        (e = oe.value) == null || e.hide();
       }, 150);
-    };
-    return be(
+    }, ve = (e) => {
+      e === "hour" ? Fe.value++ : Ie.value++, ee();
+    }, Bt = (e) => {
+      const t = "hour";
+      if (!e || parseInt(e) === 0)
+        me(t, e);
+      else {
+        me.cancel();
+        const a = parseInt(e);
+        l.hourFormat === "12" && a > 12 ? (d.value = Math.min(Math.max(a, 1), 12), ve(t)) : l.hourFormat === "24" && a > 23 ? (d.value = Math.min(Math.max(a, 0), 23), ve(t)) : (d.value = a, ee());
+      }
+    }, xt = (e) => {
+      const t = "minute";
+      if (!e || parseInt(e) === 0)
+        me(t, e);
+      else {
+        me.cancel();
+        const a = parseInt(e);
+        a > 59 ? (f.value = Math.min(Math.max(a, 0), 59), ve(t)) : (f.value = a, ee());
+      }
+    }, me = jt((e, t) => {
+      (!t || parseInt(t) === 0) && (e === "hour" ? d.value = l.hourFormat === "12" ? 1 : 0 : f.value = 0, ve(e));
+    }, 2e3);
+    return Se(
       () => [
         l.minDate,
         l.maxDate,
@@ -615,86 +639,86 @@ const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value
         l.maxYear,
         l.maxMonth
       ],
-      () => W()
-    ), be(
+      () => L()
+    ), Se(
       () => r.value,
       () => {
-        De(), fe.value = Je();
+        ke(), ye.value = ze();
       },
       {
         immediate: !0
       }
-    ), (l.showButtons || l.showTime) && be(
-      U,
+    ), (l.showButtons || l.showTime) && Se(
+      J,
       () => {
-        De(), fe.value = Je();
+        ke(), ye.value = ze();
       },
       {
         immediate: !0,
         deep: !0
       }
-    ), (e, t) => (v(), ke(Ot, {
+    ), (e, t) => (v(), ae(Wt, {
       ref_key: "wrapper",
-      ref: me,
+      ref: ge,
       info: e.fieldInfo,
       label: e.label,
       mandatory: e.mandatory,
       "show-optional-text": e.showOptionalText
     }, {
-      default: Me(() => [
-        R(e.$slots, "default", { onClick: Ie }, () => [
-          S(Jt, {
+      default: $e(() => [
+        j(e.$slots, "default", { onClick: Ne }, () => [
+          S(Lt, {
             disabled: e.disabled,
-            invalid: Qe.value
+            invalid: at.value
           }, {
-            default: Me(() => [
-              f("span", u(e.$preset.calendar.root({ props: l }), {
+            default: $e(() => [
+              g("span", c(e.$preset.calendar.root({ props: l }), {
                 id: e.id,
                 "data-wv-name": "calendar",
                 "data-wv-section": "root"
               }), [
-                f("input", u({
+                g("input", c({
                   id: e.inputId,
                   ref_key: "input",
-                  ref: Te,
+                  ref: Ce,
                   "aria-invalid": e.invalid || void 0,
                   disabled: e.disabled,
-                  placeholder: e.placeholder ?? j(F).locale.defaultPlaceholder,
+                  placeholder: e.placeholder ?? q(F).locale.defaultPlaceholder,
                   tabindex: 0,
-                  value: fe.value,
-                  onClick: Ie,
+                  value: ye.value,
+                  onClick: Ne,
                   "aria-autocomplete": "none",
                   autocomplete: "off",
                   inputmode: "none",
                   readonly: "",
                   role: "combobox",
                   type: "text"
-                }, e.$preset.calendar.input({ props: l })), null, 16, Et),
-                S(ae, u({
-                  onClick: vt,
+                }, e.$preset.calendar.input({ props: l })), null, 16, Gt),
+                S(ne, c({
+                  onClick: gt,
                   icon: "calendar"
                 }, e.$preset.calendar.inputicon), null, 16)
-              ], 16, Zt)
+              ], 16, qt)
             ]),
             _: 1
           }, 8, ["disabled", "invalid"])
         ]),
-        S(j(Pt), {
+        S(q(Zt), {
           ref_key: "overlayPanel",
-          ref: le,
+          ref: oe,
           pt: {
             root: {
               class: [e.$preset.overlaypanel.root.class, "!mt-0", l.overlayClass]
             }
           },
-          onHide: mt
+          onHide: yt
         }, {
-          default: Me(() => [
-            f("div", u(e.$preset.calendar.panel({ props: l }), { "data-wv-section": "panel" }), [
-              f("div", u(e.$preset.calendar.container, { "data-wv-section": "container" }), [
-                f("div", u(e.$preset.calendar.header({ props: l, state: { currentView: p.value } }), { "data-wv-section": "navigation" }), [
-                  S(ce, {
-                    onClick: nt,
+          default: $e(() => [
+            g("div", c(e.$preset.calendar.panel({ props: l }), { "data-wv-section": "panel" }), [
+              g("div", c(e.$preset.calendar.container, { "data-wv-section": "container" }), [
+                g("div", c(e.$preset.calendar.header({ props: l, state: { currentView: p.value } }), { "data-wv-section": "navigation" }), [
+                  S(pe, {
+                    onClick: ut,
                     class: "rotate-180 !p-1",
                     "data-wv-section": "prevbutton",
                     icon: "arrow-right",
@@ -702,17 +726,17 @@ const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value
                     severity: "secondary",
                     text: ""
                   }),
-                  f("div", Kt, [
-                    p.value == "date" ? (v(), h("button", u({ key: 0 }, e.$preset.calendar.monthTitle, {
+                  g("div", Qt, [
+                    p.value == "date" ? (v(), h("button", c({ key: 0 }, e.$preset.calendar.monthTitle, {
                       onClick: t[0] || (t[0] = (a) => p.value = "month")
-                    }), C(e.$wangsvue.config.locale.global.monthNamesShort[y.value]), 17)) : $("", !0),
-                    p.value != "year" ? (v(), h("button", u({ key: 1 }, e.$preset.calendar.yearTitle({ props: l }), {
+                    }), P(e.$wangsvue.config.locale.global.monthNamesShort[D.value]), 17)) : C("", !0),
+                    p.value != "year" ? (v(), h("button", c({ key: 1 }, e.$preset.calendar.yearTitle({ props: l }), {
                       onClick: t[1] || (t[1] = (a) => p.value = "year")
-                    }), C(d.value), 17)) : $("", !0),
-                    p.value == "year" ? (v(), h("span", zt, C(re.value[0].value) + " - " + C(re.value[re.value.length - 1].value), 1)) : $("", !0)
+                    }), P(u.value), 17)) : C("", !0),
+                    p.value == "year" ? (v(), h("span", Xt, P(ie.value[0].value) + " - " + P(ie.value[ie.value.length - 1].value), 1)) : C("", !0)
                   ]),
-                  S(ce, {
-                    onClick: ot,
+                  S(pe, {
+                    onClick: dt,
                     class: "!p-1",
                     "data-wv-section": "nextbutton",
                     icon: "arrow-right",
@@ -721,35 +745,35 @@ const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value
                     text: ""
                   })
                 ], 16),
-                p.value === "date" ? (v(), h("div", Wt, [
-                  f("div", Lt, [
-                    f("div", Rt, [
-                      (v(!0), h(te, null, de(e.$wangsvue.config.locale.global.dayNamesShort, (a) => (v(), h("span", {
+                p.value === "date" ? (v(), h("div", _t, [
+                  g("div", ea, [
+                    g("div", ta, [
+                      (v(!0), h(le, null, fe(e.$wangsvue.config.locale.global.dayNamesShort, (a) => (v(), h("span", {
                         key: a,
                         abbr: "day",
                         class: "text-center",
                         "data-wv-section": "weekday"
-                      }, C(a), 1))), 128))
+                      }, P(a), 1))), 128))
                     ])
                   ]),
-                  f("div", jt, [
-                    (v(!0), h(te, null, de(oe.value, (a, n) => (v(), h("span", {
+                  g("div", aa, [
+                    (v(!0), h(le, null, fe(se.value, (a, n) => (v(), h("span", {
                       key: n,
                       "aria-label": a.day.toString(),
                       "data-wv-other-month": a.otherMonth,
                       "data-wv-today": a.today,
                       "data-wv-section": "day"
                     }, [
-                      $e.value && !a.otherMonth ? (v(), ke(j(Nt), {
+                      Ye.value && !a.otherMonth ? (v(), ae(q(Et), {
                         key: 0,
                         class: "!w-8 !h-8",
                         shape: "circle"
-                      })) : $e.value ? $("", !0) : (v(), h("span", u(
+                      })) : Ye.value ? C("", !0) : (v(), h("span", c(
                         {
                           key: 1,
                           "aria-disabled": !a.selectable,
                           "data-p-disabled": a.otherMonth || !a.selectable,
-                          onClick: (o) => ge(o, a),
+                          onClick: (o) => be(o, a),
                           ref_for: !0
                         },
                         e.$preset.calendar.daylabel({
@@ -758,8 +782,8 @@ const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value
                             today: a.today,
                             otherMonth: a.otherMonth,
                             selected: X(a),
-                            firstSelected: st(a),
-                            lastSelected: it(a),
+                            firstSelected: vt(a),
+                            lastSelected: mt(a),
                             disabled: !a.selectable
                           }
                         }),
@@ -769,18 +793,18 @@ const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value
                           tabindex: "0"
                         }
                       ), [
-                        a.otherMonth ? $("", !0) : (v(), h(te, { key: 0 }, [
-                          Bt(C(a.day), 1)
+                        a.otherMonth ? C("", !0) : (v(), h(le, { key: 0 }, [
+                          Ut(P(a.day), 1)
                         ], 64))
-                      ], 16, Gt))
-                    ], 8, qt))), 128))
+                      ], 16, na))
+                    ], 8, la))), 128))
                   ])
-                ])) : $("", !0),
-                p.value === "month" ? (v(), h("div", u({
+                ])) : C("", !0),
+                p.value === "month" ? (v(), h("div", c({
                   key: 1,
                   "data-wv-section": "monthpicker"
                 }, e.$preset.calendar.monthpicker), [
-                  (v(!0), h(te, null, de(Ge.value, (a, n) => (v(), h("span", u(
+                  (v(!0), h(le, null, fe(tt.value, (a, n) => (v(), h("span", c(
                     {
                       key: a.value,
                       ref_for: !0
@@ -789,19 +813,19 @@ const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value
                       context: {
                         month: a,
                         monthIndex: n,
-                        selected: Ye(n),
+                        selected: Ae(n),
                         disabled: !a.selectable
                       }
                     }),
                     {
                       "data-p-disabled": !a.selectable,
-                      "data-p-highlight": Ye(n),
-                      onClick: (o) => dt(o, a)
+                      "data-p-highlight": Ae(n),
+                      onClick: (o) => pt(o, a)
                     }
-                  ), C(e.$wangsvue.config.locale.global.monthNamesShort[a.value]), 17, Qt))), 128))
-                ], 16)) : $("", !0),
-                p.value === "year" ? (v(), h("div", It(u({ key: 2 }, e.$preset.calendar.yearpicker)), [
-                  (v(!0), h(te, null, de(re.value, (a) => (v(), h("span", u(
+                  ), P(e.$wangsvue.config.locale.global.monthNamesShort[a.value]), 17, oa))), 128))
+                ], 16)) : C("", !0),
+                p.value === "year" ? (v(), h("div", Ot(c({ key: 2 }, e.$preset.calendar.yearpicker)), [
+                  (v(!0), h(le, null, fe(ie.value, (a) => (v(), h("span", c(
                     {
                       key: a.value,
                       ref_for: !0
@@ -809,177 +833,194 @@ const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value
                     e.$preset.calendar.year({
                       context: {
                         year: a,
-                        selected: Be(a.value),
+                        selected: Pe(a.value),
                         disabled: !a.selectable
                       }
                     }),
                     {
                       "data-p-disabled": !a.selectable,
-                      "data-p-highlight": Be(a.value),
-                      onClick: (n) => ct(n, a)
+                      "data-p-highlight": Pe(a.value),
+                      onClick: (n) => ht(n, a)
                     }
-                  ), C(a.value), 17, Xt))), 128))
-                ], 16)) : $("", !0)
+                  ), P(a.value), 17, ra))), 128))
+                ], 16)) : C("", !0)
               ], 16),
-              e.showTime && p.value === "date" ? (v(), h("div", u({ key: 0 }, e.$preset.calendar.timepicker, { "data-wv-section": "timepicker" }), [
-                f("div", u(e.$preset.calendar.hourpicker, { "data-wv-section": "hourpicker" }), [
-                  f("button", u({
+              e.showTime && p.value === "date" ? (v(), h("div", c({ key: 0 }, e.$preset.calendar.timepicker, { "data-wv-section": "timepicker" }), [
+                g("div", c(e.$preset.calendar.hourpicker, { "data-wv-section": "hourpicker" }), [
+                  g("button", c({
                     "aria-label": e.$wangsvue.config.locale.global.nextHour,
-                    disabled: G.value,
+                    disabled: K.value,
                     onKeydown: [
-                      ie,
-                      t[2] || (t[2] = b((a) => M(a, 0, 1), ["enter"])),
-                      t[3] || (t[3] = b((a) => M(a, 0, 1), ["space"]))
+                      de,
+                      t[2] || (t[2] = b((a) => k(a, 0, 1), ["enter"])),
+                      t[3] || (t[3] = b((a) => k(a, 0, 1), ["space"]))
                     ],
                     onKeyup: [
                       t[4] || (t[4] = b((a) => T(a), ["enter"])),
                       t[5] || (t[5] = b((a) => T(a), ["space"]))
                     ],
-                    onMousedown: t[6] || (t[6] = (a) => M(a, 0, 1)),
-                    onMouseleave: t[7] || (t[7] = (a) => se()),
+                    onMousedown: t[6] || (t[6] = (a) => k(a, 0, 1)),
+                    onMouseleave: t[7] || (t[7] = (a) => ue()),
                     onMouseup: t[8] || (t[8] = (a) => T(a))
                   }, e.$preset.calendar.incrementbutton, {
                     "data-wv-group-section": "hourpicker",
                     "data-wv-section": "incrementbutton",
                     type: "button"
                   }), [
-                    R(e.$slots, "incrementicon", {}, () => [
-                      S(ae, u({
+                    j(e.$slots, "incrementicon", {}, () => [
+                      S(ne, c({
                         "data-wv-group-section": "hourpicker",
                         "data-wv-section": "incrementicon",
                         icon: "arrow-up-s"
                       }, e.$preset.calendar.incrementicon), null, 16)
                     ])
-                  ], 16, _t),
-                  f("span", u(e.$preset.calendar.timepickerlabel, {
-                    "data-wv-group-section": "hourpicker",
-                    "data-wv-section": "timepickerlabel"
-                  }), C(Re.value), 17),
-                  f("button", u({
+                  ], 16, sa),
+                  (v(), ae(Le, {
+                    key: Fe.value,
+                    "allowed-characters": /^\d+$/,
+                    disabled: K.value,
+                    "max-length": 2,
+                    "model-value": Xe.value.toString(),
+                    "onUpdate:modelValue": Bt,
+                    class: "!w-[39px]",
+                    placeholder: "",
+                    "prevent-input-on-max-length": ""
+                  }, null, 8, ["disabled", "model-value"])),
+                  g("button", c({
                     "aria-label": e.$wangsvue.config.locale.global.prevHour,
-                    disabled: G.value,
+                    disabled: K.value,
                     onKeydown: [
-                      ie,
-                      t[9] || (t[9] = b((a) => M(a, 0, -1), ["enter"])),
-                      t[10] || (t[10] = b((a) => M(a, 0, -1), ["space"]))
+                      de,
+                      t[9] || (t[9] = b((a) => k(a, 0, -1), ["enter"])),
+                      t[10] || (t[10] = b((a) => k(a, 0, -1), ["space"]))
                     ],
                     onKeyup: [
                       t[11] || (t[11] = b((a) => T(a), ["enter"])),
                       t[12] || (t[12] = b((a) => T(a), ["space"]))
                     ],
-                    onMousedown: t[13] || (t[13] = (a) => M(a, 0, -1)),
-                    onMouseleave: t[14] || (t[14] = (a) => se()),
+                    onMousedown: t[13] || (t[13] = (a) => k(a, 0, -1)),
+                    onMouseleave: t[14] || (t[14] = (a) => ue()),
                     onMouseup: t[15] || (t[15] = (a) => T(a))
                   }, e.$preset.calendar.decrementbutton, {
                     "data-wv-group-section": "hourpicker",
                     "data-wv-section": "decrementbutton",
                     type: "button"
                   }), [
-                    R(e.$slots, "decrementicon", {}, () => [
-                      S(ae, u({
+                    j(e.$slots, "decrementicon", {}, () => [
+                      S(ne, c({
                         "data-wv-group-section": "hourpicker",
                         "data-wv-section": "decrementicon",
                         icon: "arrow-down"
                       }, e.$preset.calendar.decrementicon), null, 16)
                     ])
-                  ], 16, ea)
+                  ], 16, ia)
                 ], 16),
-                f("div", u(e.$preset.calendar.separatorcontainer, { "data-wv-section": "separatorcontainer" }), [
-                  f("span", u(e.$preset.calendar.separator, { "data-wv-section": "separator" }), C(e.timeSeparator), 17)
+                g("div", c(e.$preset.calendar.separatorcontainer, { "data-wv-section": "separatorcontainer" }), [
+                  g("span", c(e.$preset.calendar.separator, { "data-wv-section": "separator" }), P(e.timeSeparator), 17)
                 ], 16),
-                f("div", u(e.$preset.calendar.minutepicker, { "data-wv-section": "minutepicker" }), [
-                  f("button", u({
+                g("div", c(e.$preset.calendar.minutepicker, { "data-wv-section": "minutepicker" }), [
+                  g("button", c({
                     "aria-label": e.$wangsvue.config.locale.global.nextMinute,
-                    disabled: e.disabled || G.value,
+                    disabled: e.disabled || K.value,
                     onKeydown: [
-                      ie,
-                      t[16] || (t[16] = b((a) => M(a, 1, 1), ["enter"])),
-                      t[17] || (t[17] = b((a) => M(a, 1, 1), ["space"]))
+                      de,
+                      t[16] || (t[16] = b((a) => k(a, 1, 1), ["enter"])),
+                      t[17] || (t[17] = b((a) => k(a, 1, 1), ["space"]))
                     ],
                     onKeyup: [
                       t[18] || (t[18] = b((a) => T(a), ["enter"])),
                       t[19] || (t[19] = b((a) => T(a), ["space"]))
                     ],
-                    onMousedown: t[20] || (t[20] = (a) => M(a, 1, 1)),
-                    onMouseleave: t[21] || (t[21] = (a) => se()),
+                    onMousedown: t[20] || (t[20] = (a) => k(a, 1, 1)),
+                    onMouseleave: t[21] || (t[21] = (a) => ue()),
                     onMouseup: t[22] || (t[22] = (a) => T(a))
                   }, e.$preset.calendar.incrementbutton, {
                     "data-wv-group-section": "minutepicker",
                     "data-wv-section": "incrementbutton",
                     type: "button"
                   }), [
-                    R(e.$slots, "incrementicon", {}, () => [
-                      S(ae, u({
+                    j(e.$slots, "incrementicon", {}, () => [
+                      S(ne, c({
                         "data-wv-group-section": "minutepicker",
                         "data-wv-section": "incrementicon",
                         icon: "arrow-up-s"
                       }, e.$preset.calendar.incrementicon), null, 16)
                     ])
-                  ], 16, ta),
-                  f("span", u(e.$preset.calendar.timepickerlabel, { "data-wv-section": "timepickerlabel" }), C(je.value), 17),
-                  f("button", u({
+                  ], 16, ua),
+                  (v(), ae(Le, {
+                    key: Ie.value,
+                    "allowed-characters": /^\d+$/,
+                    disabled: K.value,
+                    "max-length": 2,
+                    "model-value": _e.value.toString(),
+                    "onUpdate:modelValue": xt,
+                    class: "!w-[39px]",
+                    placeholder: "",
+                    "prevent-input-on-max-length": ""
+                  }, null, 8, ["disabled", "model-value"])),
+                  g("button", c({
                     "aria-label": e.$wangsvue.config.locale.global.prevMinute,
-                    disabled: e.disabled || G.value,
+                    disabled: e.disabled || K.value,
                     onKeydown: [
-                      ie,
-                      t[23] || (t[23] = b((a) => M(a, 1, -1), ["enter"])),
-                      t[24] || (t[24] = b((a) => M(a, 1, -1), ["space"]))
+                      de,
+                      t[23] || (t[23] = b((a) => k(a, 1, -1), ["enter"])),
+                      t[24] || (t[24] = b((a) => k(a, 1, -1), ["space"]))
                     ],
                     onKeyup: [
                       t[25] || (t[25] = b((a) => T(a), ["enter"])),
                       t[26] || (t[26] = b((a) => T(a), ["space"]))
                     ],
-                    onMousedown: t[27] || (t[27] = (a) => M(a, 1, -1)),
-                    onMouseleave: t[28] || (t[28] = (a) => se()),
+                    onMousedown: t[27] || (t[27] = (a) => k(a, 1, -1)),
+                    onMouseleave: t[28] || (t[28] = (a) => ue()),
                     onMouseup: t[29] || (t[29] = (a) => T(a))
                   }, e.$preset.calendar.decrementbutton, {
                     "data-wv-group-section": "minutepicker",
                     "data-wv-section": "decrementbutton",
                     type: "button"
                   }), [
-                    R(e.$slots, "decrementicon", {}, () => [
-                      S(ae, u({
+                    j(e.$slots, "decrementicon", {}, () => [
+                      S(ne, c({
                         "data-wv-group-section": "minutepicker",
                         "data-wv-section": "decrementicon",
                         icon: "arrow-down"
                       }, e.$preset.calendar.decrementicon), null, 16)
                     ])
-                  ], 16, aa)
+                  ], 16, da)
                 ], 16),
-                e.hourFormat === "12" ? (v(), ke(j(xt), {
+                e.hourFormat === "12" ? (v(), ae(q(zt), {
                   key: 0,
-                  disabled: G.value,
+                  disabled: K.value,
                   "model-value": w.value,
                   options: [
                     { label: "AM", value: !1 },
                     { label: "PM", value: !0 }
                   ],
-                  "onUpdate:modelValue": wt,
+                  "onUpdate:modelValue": St,
                   "option-label": "label",
                   "option-value": "value"
-                }, null, 8, ["disabled", "model-value"])) : $("", !0)
-              ], 16)) : $("", !0),
-              R(e.$slots, "addon-overlay"),
-              e.showButtons || e.showTime ? Yt((v(), h("div", la, [
-                S(ce, {
-                  label: j(F).locale.cancelFooterButtonLabel,
-                  onClick: Oe,
+                }, null, 8, ["disabled", "model-value"])) : C("", !0)
+              ], 16)) : C("", !0),
+              j(e.$slots, "addon-overlay"),
+              e.showButtons || e.showTime ? Nt((v(), h("div", ca, [
+                S(pe, {
+                  label: q(F).locale.cancelFooterButtonLabel,
+                  onClick: Ze,
                   severity: "secondary",
                   text: ""
                 }, null, 8, ["label"]),
-                S(ce, {
+                S(pe, {
                   disabled: !r.value,
-                  label: j(F).locale.applyFooterButtonLabel,
-                  onClick: Dt
+                  label: q(F).locale.applyFooterButtonLabel,
+                  onClick: Tt
                 }, null, 8, ["disabled", "label"])
               ], 512)), [
-                [Ht, p.value === "date"]
-              ]) : $("", !0)
+                [Jt, p.value === "date"]
+              ]) : C("", !0)
             ], 16)
           ]),
           _: 3
         }, 8, ["pt"]),
-        S(Ut, {
+        S(Rt, {
           message: e.$attrs["error-message"]
         }, null, 8, ["message"])
       ]),
@@ -988,5 +1029,5 @@ const Zt = ["id"], Et = ["id", "aria-invalid", "disabled", "placeholder", "value
   }
 });
 export {
-  ha as _
+  $a as _
 };