v-datepicker-lite 0.1.9 → 0.1.10

package/index.js

@@ -1,74 +1,74 @@
-import { defineComponent as x, computed as $, createElementBlock as k, openBlock as h, createElementVNode as p, Fragment as F, renderList as I, unref as g, toDisplayString as A, normalizeClass as C, ref as P, watch as q, nextTick as R, onMounted as ne, createCommentVNode as B, createBlock as W, createVNode as G, renderSlot as K, normalizeProps as Q, guardReactiveProps as X, withCtx as J } from "vue";
-import se from "v-tooltip-lite";
-const Z = (e, o = "YYYY-MM-DD") => {
-  const l = e.getFullYear(), a = String(e.getMonth() + 1).padStart(2, "0"), t = String(e.getDate()).padStart(2, "0"), u = String(e.getHours()).padStart(2, "0"), i = String(e.getMinutes()).padStart(2, "0"), c = String(e.getSeconds()).padStart(2, "0"), s = String(e.getMilliseconds()).padStart(3, "0");
-  return o.replace("YYYY", l.toString()).replace("MM", a).replace("DD", t).replace("HH", u).replace("mm", i).replace("ss", c).replace("sss", s);
-}, U = (e) => {
-  if (!e) return null;
-  if (/^\d{4}-\d{2}-\d{2}$/.test(e)) {
-    const [l, a, t] = e.split("-").map(Number);
-    return new Date(l, a - 1, t);
+import { defineComponent as x, computed as H, createElementBlock as k, openBlock as h, createElementVNode as f, Fragment as I, renderList as A, unref as D, toDisplayString as N, normalizeClass as F, ref as P, watch as B, nextTick as L, onMounted as K, shallowRef as oe, isMemoSame as re, createTextVNode as Z, withMemo as ie, createCommentVNode as q, createBlock as W, createVNode as E, renderSlot as Q, normalizeProps as ee, guardReactiveProps as te, withCtx as G } from "vue";
+import ce from "v-tooltip-lite";
+const U = (t, i = "YYYY-MM-DD") => {
+  const a = t.getFullYear(), s = String(t.getMonth() + 1).padStart(2, "0"), e = String(t.getDate()).padStart(2, "0"), u = String(t.getHours()).padStart(2, "0"), n = String(t.getMinutes()).padStart(2, "0"), c = String(t.getSeconds()).padStart(2, "0"), o = String(t.getMilliseconds()).padStart(3, "0");
+  return i.replace("YYYY", a.toString()).replace("MM", s).replace("DD", e).replace("HH", u).replace("mm", n).replace("ss", c).replace("sss", o);
+}, J = (t) => {
+  if (!t) return null;
+  if (/^\d{4}-\d{2}-\d{2}$/.test(t)) {
+    const [a, s, e] = t.split("-").map(Number);
+    return new Date(a, s - 1, e);
   }
-  const o = new Date(e);
-  return isNaN(o.getTime()) ? null : o;
-}, L = (e, o) => e.getFullYear() === o.getFullYear() && e.getMonth() === o.getMonth() && e.getDate() === o.getDate(), oe = (e, o) => e.getFullYear() === o.getFullYear() && e.getMonth() === o.getMonth(), re = (e) => {
-  const o = new Date(e.getFullYear(), 0, 1), l = (e.getTime() - o.getTime()) / 864e5;
-  return Math.ceil((l + o.getDay() + 1) / 7);
-}, ee = (e, o) => {
-  const l = new Date(e, o, 1), t = new Date(e, o + 1, 0).getDate(), u = l.getDay(), i = [], c = /* @__PURE__ */ new Date(), s = o === 0 ? 11 : o - 1, f = o === 0 ? e - 1 : e, M = new Date(f, s + 1, 0).getDate();
-  for (let d = u - 1; d >= 0; d--) {
-    const n = new Date(f, s, M - d);
-    i.push({
-      date: n,
-      day: M - d,
-      month: s,
-      year: f,
+  const i = new Date(t);
+  return isNaN(i.getTime()) ? null : i;
+}, R = (t, i) => t.getFullYear() === i.getFullYear() && t.getMonth() === i.getMonth() && t.getDate() === i.getDate(), ue = (t, i) => t.getFullYear() === i.getFullYear() && t.getMonth() === i.getMonth(), de = (t) => {
+  const i = new Date(t.getFullYear(), 0, 1), a = (t.getTime() - i.getTime()) / 864e5;
+  return Math.ceil((a + i.getDay() + 1) / 7);
+}, le = (t, i) => {
+  const a = new Date(t, i, 1), e = new Date(t, i + 1, 0).getDate(), u = a.getDay(), n = [], c = /* @__PURE__ */ new Date(), o = i === 0 ? 11 : i - 1, g = i === 0 ? t - 1 : t, S = new Date(g, o + 1, 0).getDate();
+  for (let v = u - 1; v >= 0; v--) {
+    const r = new Date(g, o, S - v);
+    n.push({
+      date: r,
+      day: S - v,
+      month: o,
+      year: g,
       isCurrentMonth: !1,
-      isToday: L(n, c),
+      isToday: R(r, c),
       isSelected: !1,
       isDisabled: !1
     });
   }
-  for (let d = 1; d <= t; d++) {
-    const n = new Date(e, o, d);
-    i.push({
-      date: n,
-      day: d,
-      month: o,
-      year: e,
+  for (let v = 1; v <= e; v++) {
+    const r = new Date(t, i, v);
+    n.push({
+      date: r,
+      day: v,
+      month: i,
+      year: t,
       isCurrentMonth: !0,
-      isToday: L(n, c),
+      isToday: R(r, c),
       isSelected: !1,
       isDisabled: !1
     });
   }
-  const m = 42 - i.length, S = o === 11 ? 0 : o + 1, y = o === 11 ? e + 1 : e;
-  for (let d = 1; d <= m; d++) {
-    const n = new Date(y, S, d);
-    i.push({
-      date: n,
-      day: d,
-      month: S,
-      year: y,
+  const M = 42 - n.length, T = i === 11 ? 0 : i + 1, $ = i === 11 ? t + 1 : t;
+  for (let v = 1; v <= M; v++) {
+    const r = new Date($, T, v);
+    n.push({
+      date: r,
+      day: v,
+      month: T,
+      year: $,
       isCurrentMonth: !1,
-      isToday: L(n, c),
+      isToday: R(r, c),
       isSelected: !1,
       isDisabled: !1
     });
   }
-  return i;
-}, ie = (e, o) => {
-  const l = ee(e, o), a = [];
-  for (let t = 0; t < l.length; t += 7) {
-    const u = l.slice(t, t + 7), i = re(u[0].date);
-    a.push({
-      weekNumber: i,
+  return n;
+}, me = (t, i) => {
+  const a = le(t, i), s = [];
+  for (let e = 0; e < a.length; e += 7) {
+    const u = a.slice(e, e + 7), n = de(u[0].date);
+    s.push({
+      weekNumber: n,
       days: u,
       isSelected: !1
     });
   }
-  return a;
-}, te = (e) => [
+  return s;
+}, ae = (t) => [
   "January",
   "February",
   "March",
@@ -81,16 +81,16 @@ const Z = (e, o = "YYYY-MM-DD") => {
   "October",
   "November",
   "December"
-].map((l, a) => ({
-  month: a,
-  year: e,
-  name: l,
+].map((a, s) => ({
+  month: s,
+  year: t,
+  name: a,
   isSelected: !1,
   isDisabled: !1
-})), le = (e, o, l, a) => {
-  const t = Z(e, "YYYY-MM-DD");
-  return o && t < o || l && t > l ? !0 : a ? a.some((u) => u.end ? t >= u.start && t <= u.end : t === u.start) : !1;
-}, E = [
+})), se = (t, i, a, s) => {
+  const e = U(t, "YYYY-MM-DD");
+  return i && e < i || a && e > a ? !0 : s ? s.some((u) => u.end ? e >= u.start && e <= u.end : e === u.start) : !1;
+}, X = [
   "January",
   "February",
   "March",
@@ -103,7 +103,7 @@ const Z = (e, o = "YYYY-MM-DD") => {
   "October",
   "November",
   "December"
-], ae = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], ce = { class: "date-picker-content dates" }, ue = { class: "date-picker-table" }, de = { class: "date-picker-weekdays-row" }, me = { class: "date-picker-days-body" }, ve = ["onClick", "disabled"], pe = /* @__PURE__ */ x({
+], ne = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], ve = { class: "date-picker-content dates" }, pe = { class: "date-picker-table" }, he = { class: "date-picker-weekdays-row" }, fe = { class: "date-picker-days-body" }, ge = ["onClick", "disabled"], ke = /* @__PURE__ */ x({
   __name: "DateView",
   props: {
     currentDate: {},
@@ -113,197 +113,197 @@ const Z = (e, o = "YYYY-MM-DD") => {
     disabledDates: {}
   },
   emits: ["select"],
-  setup(e, { emit: o }) {
-    const l = e, a = o, t = $(() => ee(l.currentDate.getFullYear(), l.currentDate.getMonth()).map((s) => ({
-      ...s,
-      isSelected: l.selectedDate ? L(s.date, l.selectedDate) : !1,
-      isDisabled: le(s.date, l.minDate, l.maxDate, l.disabledDates)
-    }))), u = $(() => {
+  setup(t, { emit: i }) {
+    const a = t, s = i, e = H(() => le(a.currentDate.getFullYear(), a.currentDate.getMonth()).map((o) => ({
+      ...o,
+      isSelected: a.selectedDate ? R(o.date, a.selectedDate) : !1,
+      isDisabled: se(o.date, a.minDate, a.maxDate, a.disabledDates)
+    }))), u = H(() => {
       const c = [];
-      for (let s = 0; s < t.value.length; s += 7)
-        c.push(t.value.slice(s, s + 7));
-      return c.filter((s) => s.some((f) => f.isCurrentMonth));
-    }), i = (c) => {
-      c.isDisabled || a("select", c.date);
+      for (let o = 0; o < e.value.length; o += 7)
+        c.push(e.value.slice(o, o + 7));
+      return c.filter((o) => o.some((g) => g.isCurrentMonth));
+    }), n = (c) => {
+      c.isDisabled || s("select", c.date);
     };
-    return (c, s) => (h(), k("div", ce, [
-      p("table", ue, [
-        p("thead", null, [
-          p("tr", de, [
-            (h(!0), k(F, null, I(g(ae), (f) => (h(), k("th", { key: f }, A(f), 1))), 128))
+    return (c, o) => (h(), k("div", ve, [
+      f("table", pe, [
+        f("thead", null, [
+          f("tr", he, [
+            (h(!0), k(I, null, A(D(ne), (g) => (h(), k("th", { key: g }, N(g), 1))), 128))
           ])
         ]),
-        p("tbody", me, [
-          (h(!0), k(F, null, I(u.value, (f, M) => (h(), k("tr", {
-            key: M,
+        f("tbody", fe, [
+          (h(!0), k(I, null, A(u.value, (g, S) => (h(), k("tr", {
+            key: S,
             class: "date-picker-week-row"
           }, [
-            (h(!0), k(F, null, I(f, (m) => (h(), k("td", {
-              key: `${m.year}-${m.month}-${m.day}`,
+            (h(!0), k(I, null, A(g, (M) => (h(), k("td", {
+              key: `${M.year}-${M.month}-${M.day}`,
               class: "date-picker-day-cell"
             }, [
-              p("button", {
-                class: C([
+              f("button", {
+                class: F([
                   "date-picker-day",
                   {
-                    "other-month": !m.isCurrentMonth,
-                    today: m.isToday,
-                    selected: m.isSelected,
-                    disabled: m.isDisabled
+                    "other-month": !M.isCurrentMonth,
+                    today: M.isToday,
+                    selected: M.isSelected,
+                    disabled: M.isDisabled
                   }
                 ]),
-                onClick: (S) => i(m),
-                disabled: m.isDisabled
-              }, A(m.day), 11, ve)
+                onClick: (T) => n(M),
+                disabled: M.isDisabled
+              }, N(M.day), 11, ge)
             ]))), 128))
           ]))), 128))
         ])
       ])
     ]));
   }
-}), he = { class: "date-picker-content" }, fe = {
+}), De = { class: "date-picker-content" }, ye = {
   class: "date-picker-table date-picker-week-table",
   cellpadding: "0",
   cellspacing: "0"
-}, ge = { class: "date-picker-weekdays-row" }, ke = { class: "date-picker-weeks-body" }, De = ["onClick"], ye = { class: "date-picker-week-number-cell" }, Me = { class: "date-picker-week-number" }, be = /* @__PURE__ */ x({
+}, Me = { class: "date-picker-weekdays-row" }, be = { class: "date-picker-weeks-body" }, Se = ["onClick"], _e = { class: "date-picker-week-number-cell" }, we = { class: "date-picker-week-number" }, Ye = /* @__PURE__ */ x({
   __name: "WeekView",
   props: {
     currentDate: {},
     selectedDate: {}
   },
   emits: ["select"],
-  setup(e, { emit: o }) {
-    const l = e, a = o, t = $(() => ie(l.currentDate.getFullYear(), l.currentDate.getMonth()).map((c) => {
-      const s = l.selectedDate ? c.days.some((f) => L(f.date, l.selectedDate)) : !1;
+  setup(t, { emit: i }) {
+    const a = t, s = i, e = H(() => me(a.currentDate.getFullYear(), a.currentDate.getMonth()).map((c) => {
+      const o = a.selectedDate ? c.days.some((g) => R(g.date, a.selectedDate)) : !1;
       return {
         ...c,
-        isSelected: s
+        isSelected: o
       };
-    })), u = (i) => {
-      var s;
-      const c = ((s = i.days.find((f) => f.isCurrentMonth)) == null ? void 0 : s.date) || i.days[0].date;
-      a("select", c);
+    })), u = (n) => {
+      var o;
+      const c = ((o = n.days.find((g) => g.isCurrentMonth)) == null ? void 0 : o.date) || n.days[0].date;
+      s("select", c);
     };
-    return (i, c) => (h(), k("div", he, [
-      p("table", fe, [
-        p("thead", null, [
-          p("tr", ge, [
-            c[0] || (c[0] = p("th", { class: "date-picker-weekday date-picker-week-header" }, "Wk", -1)),
-            (h(!0), k(F, null, I(g(ae), (s) => (h(), k("th", { key: s }, A(s), 1))), 128))
+    return (n, c) => (h(), k("div", De, [
+      f("table", ye, [
+        f("thead", null, [
+          f("tr", Me, [
+            c[0] || (c[0] = f("th", { class: "date-picker-weekday date-picker-week-header" }, "Wk", -1)),
+            (h(!0), k(I, null, A(D(ne), (o) => (h(), k("th", { key: o }, N(o), 1))), 128))
           ])
         ]),
-        p("tbody", ke, [
-          (h(!0), k(F, null, I(t.value, (s) => (h(), k("tr", {
-            key: s.weekNumber,
-            class: C([
+        f("tbody", be, [
+          (h(!0), k(I, null, A(e.value, (o) => (h(), k("tr", {
+            key: o.weekNumber,
+            class: F([
               "date-picker-week-row",
               {
-                selected: s.isSelected
+                selected: o.isSelected
               }
             ]),
-            onClick: (f) => u(s)
+            onClick: (g) => u(o)
           }, [
-            p("td", ye, [
-              p("div", Me, A(s.weekNumber), 1)
+            f("td", _e, [
+              f("div", we, N(o.weekNumber), 1)
             ]),
-            (h(!0), k(F, null, I(s.days, (f) => (h(), k("td", {
-              key: `${f.year}-${f.month}-${f.day}`,
+            (h(!0), k(I, null, A(o.days, (g) => (h(), k("td", {
+              key: `${g.year}-${g.month}-${g.day}`,
               class: "date-picker-day-cell"
             }, [
-              p("button", {
-                class: C([
+              f("button", {
+                class: F([
                   "date-picker-day",
                   {
-                    "other-month": !f.isCurrentMonth,
-                    today: f.isToday
+                    "other-month": !g.isCurrentMonth,
+                    today: g.isToday
                   }
                 ])
-              }, A(f.day), 3)
+              }, N(g.day), 3)
             ]))), 128))
-          ], 10, De))), 128))
+          ], 10, Se))), 128))
         ])
       ])
     ]));
   }
 });
-function Se(e, o = "24h", l = 1, a) {
-  const t = P(0), u = P(0), i = P([]), c = P(!1), s = $(() => o === "12h"), f = () => {
-    if (e)
-      t.value = e.getHours(), u.value = e.getMinutes(), c.value = !0;
+function $e(t, i = "24h", a = 1, s) {
+  const e = P(0), u = P(0), n = P([]), c = P(!1), o = H(() => i === "12h"), g = () => {
+    if (t)
+      e.value = t.getHours(), u.value = t.getMinutes(), c.value = !0;
     else {
-      const r = /* @__PURE__ */ new Date();
-      t.value = r.getHours(), u.value = r.getMinutes(), c.value = !1;
+      const l = /* @__PURE__ */ new Date();
+      e.value = l.getHours(), u.value = l.getMinutes(), c.value = !1;
     }
-    m();
-  }, M = (r) => {
-    r ? (t.value = r.getHours(), u.value = r.getMinutes(), c.value = !0) : c.value = !1;
-  }, m = () => {
-    const r = [], D = s.value ? 1 : 0;
-    for (let b = 0; b < (s.value ? 2 : 1); b++) {
-      const V = s.value ? b === 0 ? " AM" : " PM" : "";
-      for (let Y = D; Y <= (s.value ? 12 : 23); Y++)
-        for (let T = 0; T < 60; T += l) {
-          const v = (s.value, Y), w = s.value ? Y === 12 ? b === 0 ? 0 : 12 : Y + b * 12 : Y, z = `${String(v).padStart(2, "0")}:${String(T).padStart(2, "0")}` + V;
-          r.push({
-            display: z,
-            value: `${String(w).padStart(2, "0")}:${String(T).padStart(2, "0")}`,
-            hour: w,
-            minute: T
+    M();
+  }, S = (l) => {
+    l ? (e.value = l.getHours(), u.value = l.getMinutes(), c.value = !0) : c.value = !1;
+  }, M = () => {
+    const l = [], d = o.value ? 1 : 0;
+    for (let p = 0; p < (o.value ? 2 : 1); p++) {
+      const C = o.value ? p === 0 ? " AM" : " PM" : "";
+      for (let y = d; y <= (o.value ? 12 : 23); y++)
+        for (let b = 0; b < 60; b += a) {
+          const m = (o.value, y), _ = o.value ? y === 12 ? p === 0 ? 0 : 12 : y + p * 12 : y, O = `${String(m).padStart(2, "0")}:${String(b).padStart(2, "0")}` + C;
+          l.push({
+            display: O,
+            value: `${String(_).padStart(2, "0")}:${String(b).padStart(2, "0")}`,
+            hour: _,
+            minute: b
           });
         }
     }
-    s.value ? i.value = r.map((b) => b.display) : i.value = r.map((b) => b.value);
-  }, S = () => {
+    o.value ? n.value = l.map((p) => p.display) : n.value = l.map((p) => p.value);
+  }, T = () => {
     if (!c.value) return "";
-    if (s.value) {
-      const r = t.value === 0 ? 12 : t.value > 12 ? t.value - 12 : t.value, D = t.value < 12 ? " AM" : " PM";
-      return `${String(r).padStart(2, "0")}:${String(u.value).padStart(
+    if (o.value) {
+      const l = e.value === 0 ? 12 : e.value > 12 ? e.value - 12 : e.value, d = e.value < 12 ? " AM" : " PM";
+      return `${String(l).padStart(2, "0")}:${String(u.value).padStart(
         2,
         "0"
-      )}${D}`;
+      )}${d}`;
     }
-    return `${String(t.value).padStart(2, "0")}:${String(u.value).padStart(2, "0")}`;
+    return `${String(e.value).padStart(2, "0")}:${String(u.value).padStart(2, "0")}`;
   };
   return {
-    hours: t,
+    hours: e,
     minutes: u,
-    timeOptions: i,
-    is12HourFormat: s,
-    initializeTime: f,
-    updateTime: M,
-    generateTimeOptions: m,
-    getCurrentTimeString: S,
-    selectTime: (r) => {
-      let D, b;
-      if (s.value) {
-        const [Y, T] = r.split(" "), [v, w] = Y.split(":");
-        D = parseInt(v), b = parseInt(w), T === "AM" ? D === 12 && (D = 0) : D !== 12 && (D += 12);
+    timeOptions: n,
+    is12HourFormat: o,
+    initializeTime: g,
+    updateTime: S,
+    generateTimeOptions: M,
+    getCurrentTimeString: T,
+    selectTime: (l) => {
+      let d, p;
+      if (o.value) {
+        const [y, b] = l.split(" "), [m, _] = y.split(":");
+        d = parseInt(m), p = parseInt(_), b === "AM" ? d === 12 && (d = 0) : d !== 12 && (d += 12);
       } else {
-        const [Y, T] = r.split(":");
-        D = parseInt(Y), b = parseInt(T);
+        const [y, b] = l.split(":");
+        d = parseInt(y), p = parseInt(b);
       }
-      if (c.value && t.value === D && u.value === b) {
-        c.value = !1, a("update", null);
+      if (c.value && e.value === d && u.value === p) {
+        c.value = !1, s("update", null);
         return;
       }
-      t.value = D, u.value = b, c.value = !0;
-      const V = e ? new Date(e.getTime()) : /* @__PURE__ */ new Date();
-      V.setHours(D, b, 0, 0), a("update", V);
+      e.value = d, u.value = p, c.value = !0;
+      const C = t ? new Date(t.getTime()) : /* @__PURE__ */ new Date();
+      C.setHours(d, p, 0, 0), s("update", C);
     },
-    scrollToSelected: (r) => {
-      if (!r || !c.value) return;
-      const D = i.value.findIndex((b) => b === S());
-      if (D >= 0) {
-        const V = r.clientHeight, Y = D * 30 - V / 2 + 30 / 2;
-        r.scrollTop = Math.max(0, Y);
+    scrollToSelected: (l) => {
+      if (!l || !c.value) return;
+      const d = n.value.findIndex((p) => p === T());
+      if (d >= 0) {
+        const C = l.clientHeight, y = d * 30 - C / 2 + 30 / 2;
+        l.scrollTop = Math.max(0, y);
       }
     },
-    onTimeUpdate: (r) => {
-      t.value = r.getHours(), u.value = r.getMinutes(), c.value = !0, a("update", r);
+    onTimeUpdate: (l) => {
+      e.value = l.getHours(), u.value = l.getMinutes(), c.value = !0, s("update", l);
     }
   };
 }
-const _e = { class: "time-picker-container" }, we = ["aria-selected", "onClick"], j = /* @__PURE__ */ x({
+const Te = { class: "time-picker-container" }, He = ["aria-selected", "onClick"], j = /* @__PURE__ */ x({
   __name: "TimeView",
   props: {
     selectedTime: {},
@@ -311,121 +311,182 @@ const _e = { class: "time-picker-container" }, we = ["aria-selected", "onClick"]
     minuteInterval: { default: 1 }
   },
   emits: ["update"],
-  setup(e, { emit: o }) {
-    const l = e, a = o, t = P(null), { timeOptions: u, initializeTime: i, updateTime: c, getCurrentTimeString: s, selectTime: f, scrollToSelected: M } = Se(l.selectedTime, l.timeFormat, l.minuteInterval, a);
-    return q(
-      () => l.selectedTime,
-      (m) => {
-        c(m), R(() => {
-          M(t.value);
+  setup(t, { emit: i }) {
+    const a = t, s = i, e = P(null), { timeOptions: u, initializeTime: n, updateTime: c, getCurrentTimeString: o, selectTime: g, scrollToSelected: S } = $e(a.selectedTime, a.timeFormat, a.minuteInterval, s);
+    return B(
+      () => a.selectedTime,
+      (M) => {
+        c(M), L(() => {
+          S(e.value);
         });
       },
       { immediate: !0 }
-    ), q(
-      () => l.timeFormat,
+    ), B(
+      () => a.timeFormat,
       () => {
-        i(), R(() => {
-          M(t.value);
+        n(), L(() => {
+          S(e.value);
         });
       }
-    ), q(
-      () => l.minuteInterval,
+    ), B(
+      () => a.minuteInterval,
       () => {
-        i(), R(() => {
-          M(t.value);
+        n(), L(() => {
+          S(e.value);
         });
       }
-    ), ne(() => {
-      i(), R(() => {
+    ), K(() => {
+      n(), L(() => {
         setTimeout(() => {
-          M(t.value);
+          S(e.value);
         }, 3);
       });
-    }), (m, S) => (h(), k("div", _e, [
-      p("div", {
+    }), (M, T) => (h(), k("div", Te, [
+      f("div", {
         ref_key: "timeListRef",
-        ref: t,
+        ref: e,
         class: "time-wheel",
         role: "listbox",
         "aria-label": "Time Selection"
       }, [
-        (h(!0), k(F, null, I(g(u), (y) => (h(), k("div", {
-          key: y,
-          class: C(["time-option", {
-            selected: y === g(s)()
+        (h(!0), k(I, null, A(D(u), ($) => (h(), k("div", {
+          key: $,
+          class: F(["time-option", {
+            selected: $ === D(o)()
           }]),
           role: "option",
-          "aria-selected": y === g(s)(),
-          onClick: (d) => g(f)(y)
-        }, A(y), 11, we))), 128))
+          "aria-selected": $ === D(o)(),
+          onClick: (v) => D(g)($)
+        }, N($), 11, He))), 128))
       ], 512)
     ]));
   }
-}), $e = { class: "year-view-layout" }, Ye = { class: "years-section" }, Te = { class: "years-list" }, He = ["onClick"], Ce = { class: "months-section" }, Pe = { class: "date-picker-table date-picker-months-table" }, Fe = { class: "date-picker-months-body" }, Ie = ["onClick", "disabled"], Ae = /* @__PURE__ */ x({
+}), Ce = { class: "year-view-layout" }, Pe = { class: "years-section" }, Fe = { class: "months-section" }, Ie = { class: "date-picker-table date-picker-months-table" }, Ae = { class: "date-picker-months-body" }, Ne = /* @__PURE__ */ x({
   __name: "YearView",
   props: {
     currentDate: {},
     selectedDate: {}
   },
   emits: ["select", "month-select"],
-  setup(e, { emit: o }) {
-    const l = e, a = o, t = $(() => l.currentDate.getFullYear()), u = $(() => {
-      var m;
-      return (m = l.selectedDate) == null ? void 0 : m.getFullYear();
-    }), i = $(() => {
-      const m = Math.floor(t.value / 10) * 10;
-      return Array.from({ length: 12 }, (S, y) => m + y - 1);
-    }), c = $(() => te(t.value).map((m) => ({
-      ...m,
-      isSelected: l.selectedDate ? m.month === l.selectedDate.getMonth() && m.year === l.selectedDate.getFullYear() : !1
-    }))), s = $(() => {
-      const m = [];
-      for (let S = 0; S < c.value.length; S += 3)
-        m.push(c.value.slice(S, S + 3));
-      return m;
-    }), f = (m) => {
-      a("select", m);
-    }, M = (m) => {
-      a("month-select", m.month);
+  setup(t, { emit: i }) {
+    const a = t, s = i, e = H(() => a.currentDate.getFullYear()), u = H(() => {
+      var l;
+      return (l = a.selectedDate) == null ? void 0 : l.getFullYear();
+    }), n = oe([]), c = P(null), o = P(!1), g = () => {
+      const d = (/* @__PURE__ */ new Date()).getFullYear() + 20, p = u.value || e.value, C = Math.max(1900, p - 40), y = Math.min(d, p + 9), b = [];
+      for (let m = C; m <= y; m++)
+        b.push(m);
+      n.value = b;
     };
-    return (m, S) => (h(), k("div", $e, [
-      p("div", Ye, [
-        p("div", Te, [
-          (h(!0), k(F, null, I(i.value, (y) => (h(), k("button", {
-            key: y,
-            class: C([
-              "year-item",
-              {
-                selected: y === u.value,
-                current: y === t.value
-              }
-            ]),
-            onClick: (d) => f(y)
-          }, A(y), 11, He))), 128))
-        ])
+    K(() => {
+      g(), S(!1);
+    }), B(
+      () => a.currentDate,
+      (l, d) => {
+        if (l.getFullYear() !== d.getFullYear()) {
+          const p = l.getFullYear();
+          (!n.value.includes(p) || n.value.indexOf(p) < 10 || n.value.indexOf(p) > n.value.length - 10) && g(), S(!0);
+        }
+      }
+    );
+    const S = (l = !1) => {
+      L(() => {
+        setTimeout(() => {
+          if (!c.value) return;
+          const d = c.value.querySelector(".year-item.selected") || c.value.querySelector(".year-item.current");
+          d && d.scrollIntoView({ block: "center", behavior: l ? "smooth" : "auto" });
+        }, 50);
+      });
+    }, M = async (l) => {
+      const d = l.target;
+      if (!d || o.value) return;
+      const p = 1900, C = (/* @__PURE__ */ new Date()).getFullYear() + 30;
+      if (d.scrollTop === 0) {
+        const y = n.value[0];
+        if (y > p) {
+          o.value = !0;
+          const b = Math.min(20, y - p), m = Array.from({ length: b }, (O, w) => y - b + w), _ = d.scrollHeight;
+          n.value = [...m, ...n.value], await L();
+          const Y = d.scrollHeight;
+          d.scrollTop = Y - _, setTimeout(() => {
+            o.value = !1;
+          }, 50);
+        }
+      } else if (d.scrollTop + d.clientHeight >= d.scrollHeight - 5) {
+        const y = n.value[n.value.length - 1];
+        if (y < C) {
+          o.value = !0;
+          const b = Math.min(10, C - y), m = Array.from({ length: b }, (_, Y) => y + 1 + Y);
+          n.value = [...n.value, ...m], await L(), setTimeout(() => {
+            o.value = !1;
+          }, 50);
+        }
+      }
+    }, T = H(() => ae(e.value).map((l) => ({
+      ...l,
+      isSelected: a.selectedDate ? l.month === a.selectedDate.getMonth() && l.year === a.selectedDate.getFullYear() : !1
+    }))), $ = H(() => {
+      const l = [];
+      for (let d = 0; d < T.value.length; d += 3)
+        l.push(T.value.slice(d, d + 3));
+      return l;
+    }), v = (l) => {
+      s("select", l);
+    }, r = (l) => {
+      s("month-select", l.month);
+    };
+    return (l, d) => (h(), k("div", Ce, [
+      f("div", Pe, [
+        f("div", {
+          class: "years-list",
+          ref_key: "yearsListRef",
+          ref: c,
+          onScroll: M
+        }, [
+          (h(!0), k(I, null, A(n.value, (p, C, y, b) => {
+            const m = [p, p === u.value, p === e.value];
+            if (b && b.key === p && re(b, m)) return b;
+            const _ = (h(), k("button", {
+              key: p,
+              class: F([
+                "year-item",
+                {
+                  selected: p === u.value,
+                  current: p === e.value
+                }
+              ]),
+              onClick: (Y) => v(p)
+            }, [
+              Z(N(p), 1)
+            ], 10, ["onClick"]));
+            return _.memo = m, _;
+          }, d, 0), 128))
+        ], 544)
       ]),
-      p("div", Ce, [
-        p("table", Pe, [
-          p("tbody", Fe, [
-            (h(!0), k(F, null, I(s.value, (y, d) => (h(), k("tr", {
-              key: d,
+      f("div", Fe, [
+        f("table", Ie, [
+          f("tbody", Ae, [
+            (h(!0), k(I, null, A($.value, (p, C) => (h(), k("tr", {
+              key: C,
               class: "date-picker-months-row"
             }, [
-              (h(!0), k(F, null, I(y, (n) => (h(), k("td", {
-                key: n.month,
+              (h(!0), k(I, null, A(p, (y) => (h(), k("td", {
+                key: y.month,
                 class: "date-picker-month-cell"
               }, [
-                p("button", {
-                  class: C([
+                ie([y.month, y.isSelected, y.isDisabled], () => (h(), k("button", {
+                  class: F([
                     "date-picker-month",
                     {
-                      selected: n.isSelected,
-                      disabled: n.isDisabled
+                      selected: y.isSelected,
+                      disabled: y.isDisabled
                     }
                   ]),
-                  onClick: (r) => M(n),
-                  disabled: n.isDisabled
-                }, A(n.name.substring(0, 3)), 11, Ie)
+                  onClick: (b) => r(y),
+                  disabled: y.isDisabled
+                }, [
+                  Z(N(y.name.substring(0, 3)), 1)
+                ], 10, ["onClick", "disabled"])), d, 2)
               ]))), 128))
             ]))), 128))
           ])
@@ -433,199 +494,199 @@ const _e = { class: "time-picker-container" }, we = ["aria-selected", "onClick"]
       ])
     ]));
   }
-}), Ve = { class: "date-picker-content months" }, Ne = { class: "date-picker-table date-picker-months-table" }, xe = { class: "date-picker-months-body" }, Be = ["onClick", "disabled"], qe = /* @__PURE__ */ x({
+}), Ve = { class: "date-picker-content months" }, xe = { class: "date-picker-table date-picker-months-table" }, qe = { class: "date-picker-months-body" }, Be = ["onClick", "disabled"], Le = /* @__PURE__ */ x({
   __name: "MonthView",
   props: {
     currentDate: {},
     selectedDate: {}
   },
   emits: ["select"],
-  setup(e, { emit: o }) {
-    const l = e, a = o, t = $(() => te(l.currentDate.getFullYear()).map((s) => ({
-      ...s,
-      isSelected: l.selectedDate ? s.month === l.selectedDate.getMonth() && s.year === l.selectedDate.getFullYear() : !1
-    }))), u = $(() => {
+  setup(t, { emit: i }) {
+    const a = t, s = i, e = H(() => ae(a.currentDate.getFullYear()).map((o) => ({
+      ...o,
+      isSelected: a.selectedDate ? o.month === a.selectedDate.getMonth() && o.year === a.selectedDate.getFullYear() : !1
+    }))), u = H(() => {
       const c = [];
-      for (let s = 0; s < t.value.length; s += 3)
-        c.push(t.value.slice(s, s + 3));
+      for (let o = 0; o < e.value.length; o += 3)
+        c.push(e.value.slice(o, o + 3));
       return c;
-    }), i = (c) => {
-      a("select", c.month);
+    }), n = (c) => {
+      s("select", c.month);
     };
-    return (c, s) => (h(), k("div", Ve, [
-      p("table", Ne, [
-        p("tbody", xe, [
-          (h(!0), k(F, null, I(u.value, (f, M) => (h(), k("tr", {
-            key: M,
+    return (c, o) => (h(), k("div", Ve, [
+      f("table", xe, [
+        f("tbody", qe, [
+          (h(!0), k(I, null, A(u.value, (g, S) => (h(), k("tr", {
+            key: S,
             class: "date-picker-months-row"
           }, [
-            (h(!0), k(F, null, I(f, (m) => (h(), k("td", {
-              key: m.month,
+            (h(!0), k(I, null, A(g, (M) => (h(), k("td", {
+              key: M.month,
               class: "date-picker-month-cell"
             }, [
-              p("button", {
-                class: C([
+              f("button", {
+                class: F([
                   "date-picker-month",
                   {
-                    selected: m.isSelected,
-                    disabled: m.isDisabled
+                    selected: M.isSelected,
+                    disabled: M.isDisabled
                   }
                 ]),
-                onClick: (S) => i(m),
-                disabled: m.isDisabled
-              }, A(m.name), 11, Be)
+                onClick: (T) => n(M),
+                disabled: M.isDisabled
+              }, N(M.name), 11, Be)
             ]))), 128))
           ]))), 128))
         ])
       ])
     ]));
   }
-}), Le = /* @__PURE__ */ x({
+}), Re = /* @__PURE__ */ x({
   __name: "DatePickerHeader",
   props: {
     currentDate: {},
     viewMode: {}
   },
   emits: ["header-click"],
-  setup(e, { emit: o }) {
-    const l = e, a = o, t = $(() => {
-      const i = l.currentDate.getFullYear(), c = l.currentDate.getMonth();
-      switch (l.viewMode) {
+  setup(t, { emit: i }) {
+    const a = t, s = i, e = H(() => {
+      const n = a.currentDate.getFullYear(), c = a.currentDate.getMonth();
+      switch (a.viewMode) {
         case "date":
-          return `${E[c]} ${i}`;
+          return `${X[c]} ${n}`;
         case "year":
-          const s = Math.floor(i / 10) * 10, f = s + 9;
-          return `${s}–${f}`;
+          const o = Math.floor(n / 10) * 10, g = o + 9;
+          return `${o}–${g}`;
         default:
-          return `${E[c]} ${i}`;
+          return `${X[c]} ${n}`;
       }
     }), u = () => {
-      a("header-click");
+      s("header-click");
     };
-    return (i, c) => (h(), k("button", {
+    return (n, c) => (h(), k("button", {
       class: "date-picker-title",
       onClick: u,
       type: "button"
-    }, A(t.value), 1));
+    }, N(e.value), 1));
   }
 });
-function ze(e, o) {
-  const l = $(() => e.value ? e.value instanceof Date ? e.value : U(e.value) : null), a = P(l.value ? new Date(l.value) : /* @__PURE__ */ new Date()), t = P("date");
-  q(l, (v) => {
-    v && (a.value.getFullYear() !== v.getFullYear() || a.value.getMonth() !== v.getMonth()) && (a.value = new Date(v));
+function Oe(t, i) {
+  const a = H(() => t.value ? t.value instanceof Date ? t.value : J(t.value) : null), s = P(a.value ? new Date(a.value) : /* @__PURE__ */ new Date()), e = P("date");
+  B(a, (m) => {
+    m && (s.value.getFullYear() !== m.getFullYear() || s.value.getMonth() !== m.getMonth()) && (s.value = new Date(m));
   });
-  const u = (v) => {
-    const w = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z?$/, H = /^\d{4}-\d{2}-\d{2}$/;
-    return w.test(v) ? v.includes(".") ? "YYYY-MM-DDTHH:mm:ss.sssZ" : "YYYY-MM-DDTHH:mm:ssZ" : H.test(v) ? "YYYY-MM-DD" : e.format || "YYYY-MM-DD";
-  }, i = $(() => {
-    if (!e.value) return !1;
-    if (e.value instanceof Date) return !0;
-    const v = u(e.value);
-    return v.includes("H") || v.includes("h") || v.includes("m") || v.includes("T");
-  }), c = $(() => {
-    if (!e.minDate) return !0;
-    const v = U(e.minDate);
-    if (!v) return !0;
-    const w = a.value.getFullYear(), H = a.value.getMonth();
-    return new Date(w, H, 1) > v;
-  }), s = $(() => {
-    if (!e.maxDate) return !0;
-    const v = U(e.maxDate);
-    if (!v) return !0;
-    const w = a.value.getFullYear(), H = a.value.getMonth();
-    return new Date(w, H + 1, 0) < v;
-  }), f = () => {
-    c.value && (a.value = new Date(a.value.getFullYear(), a.value.getMonth() - 1, 1));
-  }, M = () => {
-    s.value && (a.value = new Date(a.value.getFullYear(), a.value.getMonth() + 1, 1));
-  }, m = () => {
-    a.value = new Date(a.value.getFullYear() - 1, a.value.getMonth(), 1);
+  const u = (m) => {
+    const _ = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z?$/, Y = /^\d{4}-\d{2}-\d{2}$/;
+    return _.test(m) ? m.includes(".") ? "YYYY-MM-DDTHH:mm:ss.sssZ" : "YYYY-MM-DDTHH:mm:ssZ" : Y.test(m) ? "YYYY-MM-DD" : t.format || "YYYY-MM-DD";
+  }, n = H(() => {
+    if (!t.value) return !1;
+    if (t.value instanceof Date) return !0;
+    const m = u(t.value);
+    return m.includes("H") || m.includes("h") || m.includes("m") || m.includes("T");
+  }), c = H(() => {
+    if (!t.minDate) return !0;
+    const m = J(t.minDate);
+    if (!m) return !0;
+    const _ = s.value.getFullYear(), Y = s.value.getMonth();
+    return new Date(_, Y, 1) > m;
+  }), o = H(() => {
+    if (!t.maxDate) return !0;
+    const m = J(t.maxDate);
+    if (!m) return !0;
+    const _ = s.value.getFullYear(), Y = s.value.getMonth();
+    return new Date(_, Y + 1, 0) < m;
+  }), g = () => {
+    c.value && (s.value = new Date(s.value.getFullYear(), s.value.getMonth() - 1, 1));
   }, S = () => {
-    a.value = new Date(a.value.getFullYear() + 1, a.value.getMonth(), 1);
-  }, y = () => {
-    a.value = new Date(a.value.getFullYear() - 10, a.value.getMonth(), 1);
-  }, d = () => {
-    a.value = new Date(a.value.getFullYear() + 10, a.value.getMonth(), 1);
-  }, n = () => {
-    a.value = /* @__PURE__ */ new Date(), t.value = "date";
+    o.value && (s.value = new Date(s.value.getFullYear(), s.value.getMonth() + 1, 1));
+  }, M = () => {
+    s.value = new Date(s.value.getFullYear() - 1, s.value.getMonth(), 1);
+  }, T = () => {
+    s.value = new Date(s.value.getFullYear() + 1, s.value.getMonth(), 1);
+  }, $ = () => {
+    s.value = new Date(s.value.getFullYear() - 10, s.value.getMonth(), 1);
+  }, v = () => {
+    s.value = new Date(s.value.getFullYear() + 10, s.value.getMonth(), 1);
   }, r = () => {
-    switch (t.value) {
+    s.value = /* @__PURE__ */ new Date(), e.value = "date";
+  }, l = () => {
+    switch (e.value) {
       case "date":
-        t.value = "year";
+        e.value = "year";
         break;
       case "year":
-        t.value = "date";
+        e.value = "date";
         break;
     }
-  }, D = (v) => {
-    if (!le(v, e.minDate, e.maxDate, e.disabledDates)) {
-      if (l.value && L(l.value, v)) {
-        o("update:value", null), o("change", null), o("select", null);
+  }, d = (m) => {
+    if (!se(m, t.minDate, t.maxDate, t.disabledDates)) {
+      if (a.value && R(a.value, m)) {
+        i("update:value", null), i("change", null), i("select", null);
         return;
       }
-      e.mode === "dateTime" && l.value && v.setHours(l.value.getHours(), l.value.getMinutes()), T(v);
+      t.mode === "dateTime" && a.value && m.setHours(a.value.getHours(), a.value.getMinutes()), b(m);
     }
-  }, b = (v) => {
-    if (l.value && L(l.value, v)) {
-      o("update:value", null), o("change", null), o("select", null);
+  }, p = (m) => {
+    if (a.value && R(a.value, m)) {
+      i("update:value", null), i("change", null), i("select", null);
       return;
     }
-    T(v);
-  }, V = (v) => {
-    const w = new Date(a.value.getFullYear(), v, 1);
-    if (a.value = w, t.value = "date", e.mode === "month") {
-      if (l.value && oe(l.value, w)) {
-        o("update:value", null), o("change", null), o("select", null);
+    b(m);
+  }, C = (m) => {
+    const _ = new Date(s.value.getFullYear(), m, 1);
+    if (s.value = _, e.value = "date", t.mode === "month") {
+      if (a.value && ue(a.value, _)) {
+        i("update:value", null), i("change", null), i("select", null);
         return;
       }
-      T(w);
+      b(_);
     }
-  }, Y = (v) => {
-    a.value = new Date(v, a.value.getMonth(), 1), t.value = "date";
-  }, T = (v, w = !1) => {
-    let H;
-    if (typeof e.value == "string" || e.value === null || e.value === void 0)
-      if (e.format && e.format !== "YYYY-MM-DD" && !w && e.mode !== "dateTime" && e.mode !== "time")
-        H = Z(v, e.format);
-      else if (e.mode === "dateTime" || e.mode === "time" || w)
-        H = v.toISOString();
+  }, y = (m) => {
+    s.value = new Date(m, s.value.getMonth(), 1), e.value = "date";
+  }, b = (m, _ = !1) => {
+    let Y;
+    if (typeof t.value == "string" || t.value === null || t.value === void 0)
+      if (t.format && t.format !== "YYYY-MM-DD" && !_ && t.mode !== "dateTime" && t.mode !== "time")
+        Y = U(m, t.format);
+      else if (t.mode === "dateTime" || t.mode === "time" || _)
+        Y = m.toISOString();
       else {
-        const z = v.getFullYear(), _ = String(v.getMonth() + 1).padStart(2, "0"), N = String(v.getDate()).padStart(2, "0");
-        H = `${z}-${_}-${N}`;
+        const O = m.getFullYear(), w = String(m.getMonth() + 1).padStart(2, "0"), V = String(m.getDate()).padStart(2, "0");
+        Y = `${O}-${w}-${V}`;
       }
     else
-      H = v;
-    o("update:value", H), o("change", H), o("select", H);
+      Y = m;
+    i("update:value", Y), i("change", Y), i("select", Y);
   };
   return {
-    currentDate: a,
-    viewMode: t,
-    selectedDate: l,
+    currentDate: s,
+    viewMode: e,
+    selectedDate: a,
     canGoPrev: c,
-    canGoNext: s,
-    hasTime: i,
-    goToPrevMonth: f,
-    goToNextMonth: M,
-    goToPrevYear: m,
-    goToNextYear: S,
-    goToPrevDecade: y,
-    goToNextDecade: d,
-    goToCurrentDate: n,
-    onHeaderClick: r,
-    onDateSelect: D,
-    onWeekSelect: b,
-    onMonthSelect: V,
-    onYearSelect: Y,
-    emitValue: T
+    canGoNext: o,
+    hasTime: n,
+    goToPrevMonth: g,
+    goToNextMonth: S,
+    goToPrevYear: M,
+    goToNextYear: T,
+    goToPrevDecade: $,
+    goToNextDecade: v,
+    goToCurrentDate: r,
+    onHeaderClick: l,
+    onDateSelect: d,
+    onWeekSelect: p,
+    onMonthSelect: C,
+    onYearSelect: y,
+    emitValue: b
   };
 }
-const Oe = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M8.293 12.707a1 1 0 0 1 0-1.414l5.657-5.657a1 1 0 1 1 1.414 1.414L10.414 12l4.95 4.95a1 1 0 0 1-1.414 1.414z"/></g></svg>', We = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M15.707 11.293a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 1 1-1.414-1.414l4.95-4.95l-4.95-4.95a1 1 0 0 1 1.414-1.414z"/></g></svg>', Ge = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 18a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-1.5a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9"/></svg>', Re = {
+const ze = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M8.293 12.707a1 1 0 0 1 0-1.414l5.657-5.657a1 1 0 1 1 1.414 1.414L10.414 12l4.95 4.95a1 1 0 0 1-1.414 1.414z"/></g></svg>', We = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M15.707 11.293a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 1 1-1.414-1.414l4.95-4.95l-4.95-4.95a1 1 0 0 1 1.414-1.414z"/></g></svg>', Ee = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 18a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-1.5a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9"/></svg>', Ge = {
   key: 0,
   class: "date-picker-header"
-}, Je = { class: "date-picker-nav ml-auto" }, Ue = ["disabled"], Ze = ["innerHTML"], Ee = ["innerHTML"], je = ["disabled"], Ke = ["innerHTML"], Qe = { class: "date-picker-date-section" }, Xe = {
+}, Je = { class: "date-picker-nav ml-auto" }, Ue = ["disabled"], Ze = ["innerHTML"], Xe = ["innerHTML"], je = ["disabled"], Ke = ["innerHTML"], Qe = { class: "date-picker-date-section" }, et = {
   key: 0,
   class: "date-picker-time-section"
-}, pt = /* @__PURE__ */ x({
+}, ht = /* @__PURE__ */ x({
   __name: "DatePicker",
   props: {
     value: {},
@@ -640,155 +701,155 @@ const Oe = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewB
     minuteInterval: { default: 1 }
   },
   emits: ["update:value", "change", "select"],
-  setup(e, { emit: o }) {
-    const l = e, a = o, {
-      currentDate: t,
+  setup(t, { emit: i }) {
+    const a = t, s = i, {
+      currentDate: e,
       viewMode: u,
-      selectedDate: i,
+      selectedDate: n,
       canGoPrev: c,
-      canGoNext: s,
-      hasTime: f,
-      goToPrevMonth: M,
-      goToNextMonth: m,
-      goToPrevYear: S,
-      goToNextYear: y,
-      goToPrevDecade: d,
-      goToNextDecade: n,
-      goToCurrentDate: r,
-      onHeaderClick: D,
-      onDateSelect: b,
-      onWeekSelect: V,
-      onMonthSelect: Y,
-      onYearSelect: T,
-      emitValue: v
-    } = ze(l, a), w = (_) => {
-      if (_ === null) {
-        if (i.value) {
-          const N = new Date(i.value);
-          N.setHours(0, 0, 0, 0);
-          const O = Z(N, "YYYY-MM-DD");
-          a("update:value", O), a("change", O), a("select", O);
+      canGoNext: o,
+      hasTime: g,
+      goToPrevMonth: S,
+      goToNextMonth: M,
+      goToPrevYear: T,
+      goToNextYear: $,
+      goToPrevDecade: v,
+      goToNextDecade: r,
+      goToCurrentDate: l,
+      onHeaderClick: d,
+      onDateSelect: p,
+      onWeekSelect: C,
+      onMonthSelect: y,
+      onYearSelect: b,
+      emitValue: m
+    } = Oe(a, s), _ = (w) => {
+      if (w === null) {
+        if (n.value) {
+          const V = new Date(n.value);
+          V.setHours(0, 0, 0, 0);
+          const z = U(V, "YYYY-MM-DD");
+          s("update:value", z), s("change", z), s("select", z);
         }
         return;
       }
-      if (l.mode === "dateTime" && i.value) {
-        const N = new Date(i.value.getTime());
-        N.setHours(_.getHours(), _.getMinutes(), 0, 0), v(N, !0);
+      if (a.mode === "dateTime" && n.value) {
+        const V = new Date(n.value.getTime());
+        V.setHours(w.getHours(), w.getMinutes(), 0, 0), m(V, !0);
       } else
-        v(_, !0);
-    }, H = () => {
-      u.value === "year" ? d() : u.value === "month" ? S() : M();
-    }, z = () => {
-      u.value === "year" ? n() : u.value === "month" ? y() : m();
+        m(w, !0);
+    }, Y = () => {
+      u.value === "year" ? v() : u.value === "month" ? T() : S();
+    }, O = () => {
+      u.value === "year" ? r() : u.value === "month" ? $() : M();
     };
-    return (_, N) => (h(), k("div", {
-      class: C(["date-picker", _.mode == "dateTime" && "date-picker-container-wide"])
+    return (w, V) => (h(), k("div", {
+      class: F(["date-picker", w.mode == "dateTime" && "date-picker-container-wide"])
     }, [
-      _.mode !== "time" ? (h(), k("div", Re, [
-        G(Le, {
-          "current-date": g(t),
-          "view-mode": g(u),
-          onHeaderClick: g(D)
+      w.mode !== "time" ? (h(), k("div", Ge, [
+        E(Re, {
+          "current-date": D(e),
+          "view-mode": D(u),
+          onHeaderClick: D(d)
         }, null, 8, ["current-date", "view-mode", "onHeaderClick"]),
-        p("div", Je, [
-          p("button", {
+        f("div", Je, [
+          f("button", {
             class: "date-picker-nav-button",
-            disabled: !g(c),
-            onClick: H,
+            disabled: !D(c),
+            onClick: Y,
             type: "button",
             "aria-label": "Previous"
           }, [
-            p("span", {
+            f("span", {
               class: "date-picker-nav-icon",
-              innerHTML: g(Oe)
+              innerHTML: D(ze)
             }, null, 8, Ze)
           ], 8, Ue),
-          p("button", {
+          f("button", {
             class: "date-picker-nav-button",
-            onClick: N[0] || (N[0] = //@ts-ignore
-            (...O) => g(r) && g(r)(...O)),
+            onClick: V[0] || (V[0] = //@ts-ignore
+            (...z) => D(l) && D(l)(...z)),
             type: "button",
             "aria-label": "Current Date"
           }, [
-            p("span", {
+            f("span", {
               class: "date-picker-nav-icon",
-              innerHTML: g(Ge)
-            }, null, 8, Ee)
+              innerHTML: D(Ee)
+            }, null, 8, Xe)
           ]),
-          p("button", {
+          f("button", {
             class: "date-picker-nav-button",
-            disabled: !g(s),
-            onClick: z,
+            disabled: !D(o),
+            onClick: O,
             type: "button",
             "aria-label": "Next"
           }, [
-            p("span", {
+            f("span", {
               class: "date-picker-nav-icon",
-              innerHTML: g(We)
+              innerHTML: D(We)
             }, null, 8, Ke)
           ], 8, je)
         ])
-      ])) : B("", !0),
-      p("div", {
-        class: C({
-          "date-picker-datetime-layout": _.mode === "dateTime" && g(u) === "date"
+      ])) : q("", !0),
+      f("div", {
+        class: F({
+          "date-picker-datetime-layout": w.mode === "dateTime" && D(u) === "date"
         })
       }, [
-        p("div", Qe, [
-          g(u) === "date" && (_.mode === "date" || _.mode === "dateTime") ? (h(), W(pe, {
+        f("div", Qe, [
+          D(u) === "date" && (w.mode === "date" || w.mode === "dateTime") ? (h(), W(ke, {
             key: 0,
-            "current-date": g(t),
-            "selected-date": g(i),
-            "min-date": _.minDate,
-            "max-date": _.maxDate,
-            "disabled-dates": _.disabledDates,
-            onSelect: g(b)
-          }, null, 8, ["current-date", "selected-date", "min-date", "max-date", "disabled-dates", "onSelect"])) : B("", !0),
-          _.mode === "week" && g(u) === "date" ? (h(), W(be, {
+            "current-date": D(e),
+            "selected-date": D(n),
+            "min-date": w.minDate,
+            "max-date": w.maxDate,
+            "disabled-dates": w.disabledDates,
+            onSelect: D(p)
+          }, null, 8, ["current-date", "selected-date", "min-date", "max-date", "disabled-dates", "onSelect"])) : q("", !0),
+          w.mode === "week" && D(u) === "date" ? (h(), W(Ye, {
             key: 1,
-            "current-date": g(t),
-            "selected-date": g(i),
-            onSelect: g(V)
-          }, null, 8, ["current-date", "selected-date", "onSelect"])) : B("", !0),
-          g(u) !== "year" && (g(u) === "month" || _.mode === "month") ? (h(), W(qe, {
+            "current-date": D(e),
+            "selected-date": D(n),
+            onSelect: D(C)
+          }, null, 8, ["current-date", "selected-date", "onSelect"])) : q("", !0),
+          D(u) !== "year" && (D(u) === "month" || w.mode === "month") ? (h(), W(Le, {
             key: 2,
-            "current-date": g(t),
-            "selected-date": g(i),
-            onSelect: g(Y)
-          }, null, 8, ["current-date", "selected-date", "onSelect"])) : B("", !0),
-          g(u) === "year" ? (h(), W(Ae, {
+            "current-date": D(e),
+            "selected-date": D(n),
+            onSelect: D(y)
+          }, null, 8, ["current-date", "selected-date", "onSelect"])) : q("", !0),
+          D(u) === "year" ? (h(), W(Ne, {
             key: 3,
-            "current-date": g(t),
-            "selected-date": g(i),
-            onSelect: g(T),
-            onMonthSelect: g(Y)
-          }, null, 8, ["current-date", "selected-date", "onSelect", "onMonthSelect"])) : B("", !0)
+            "current-date": D(e),
+            "selected-date": D(n),
+            onSelect: D(b),
+            onMonthSelect: D(y)
+          }, null, 8, ["current-date", "selected-date", "onSelect", "onMonthSelect"])) : q("", !0)
         ]),
-        _.mode === "dateTime" && g(u) === "date" ? (h(), k("div", Xe, [
-          G(j, {
-            "selected-time": g(f) ? g(i) : null,
-            "time-format": _.timeFormat,
-            "minute-interval": _.minuteInterval,
-            onUpdate: w
+        w.mode === "dateTime" && D(u) === "date" ? (h(), k("div", et, [
+          E(j, {
+            "selected-time": D(g) ? D(n) : null,
+            "time-format": w.timeFormat,
+            "minute-interval": w.minuteInterval,
+            onUpdate: _
           }, null, 8, ["selected-time", "time-format", "minute-interval"])
-        ])) : B("", !0)
+        ])) : q("", !0)
       ], 2),
-      _.mode === "time" ? (h(), W(j, {
+      w.mode === "time" ? (h(), W(j, {
         key: 1,
-        "selected-time": g(i),
-        "time-format": _.timeFormat,
-        "minute-interval": _.minuteInterval,
-        onUpdate: w
-      }, null, 8, ["selected-time", "time-format", "minute-interval"])) : B("", !0)
+        "selected-time": D(n),
+        "time-format": w.timeFormat,
+        "minute-interval": w.minuteInterval,
+        onUpdate: _
+      }, null, 8, ["selected-time", "time-format", "minute-interval"])) : q("", !0)
     ], 2));
   }
-}), et = {
+}), tt = {
   ref: "dropdownRef",
   class: "time-picker-dropdown"
-}, tt = { class: "time-picker-sections" }, lt = { class: "time-picker-time-section" }, at = ["onClick"], nt = { class: "time-picker-time-section" }, st = ["onClick"], ot = {
+}, lt = { class: "time-picker-sections" }, at = { class: "time-picker-time-section" }, st = ["onClick"], nt = { class: "time-picker-time-section" }, ot = ["onClick"], rt = {
   key: 0,
   class: "time-picker-time-section time-picker-period-section"
-}, rt = /* @__PURE__ */ x({
+}, it = /* @__PURE__ */ x({
   __name: "TimePickerDropdown",
   props: {
     selectedHour: {},
@@ -798,82 +859,82 @@ const Oe = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewB
     minuteInterval: { default: 1 }
   },
   emits: ["select-hour", "select-minute", "select-period", "close"],
-  setup(e, { expose: o, emit: l }) {
-    const a = e, t = l, u = P(null), i = P(null), c = P(null), s = $(() => a.is12Hour ? Array.from({ length: 12 }, (d, n) => n + 1) : Array.from({ length: 24 }, (d, n) => n)), f = $(() => {
-      const d = a.minuteInterval, n = Math.floor(60 / d);
-      return Array.from({ length: n }, (r, D) => D * d);
-    }), M = () => {
+  setup(t, { expose: i, emit: a }) {
+    const s = t, e = a, u = P(null), n = P(null), c = P(null), o = H(() => s.is12Hour ? Array.from({ length: 12 }, (v, r) => r + 1) : Array.from({ length: 24 }, (v, r) => r)), g = H(() => {
+      const v = s.minuteInterval, r = Math.floor(60 / v);
+      return Array.from({ length: r }, (l, d) => d * v);
+    }), S = () => {
       if (u.value) {
-        const d = u.value.querySelectorAll(".time-picker-option-button"), n = Array.from(d).findIndex((r) => r.classList.contains("selected"));
-        n !== -1 && d[n].scrollIntoView({ block: "center", behavior: "auto" });
+        const v = u.value.querySelectorAll(".time-picker-option-button"), r = Array.from(v).findIndex((l) => l.classList.contains("selected"));
+        r !== -1 && v[r].scrollIntoView({ block: "center", behavior: "auto" });
       }
-      if (i.value) {
-        const d = i.value.querySelectorAll(".time-picker-option-button"), n = Array.from(d).findIndex((r) => r.classList.contains("selected"));
-        n !== -1 && d[n].scrollIntoView({ block: "center", behavior: "auto" });
+      if (n.value) {
+        const v = n.value.querySelectorAll(".time-picker-option-button"), r = Array.from(v).findIndex((l) => l.classList.contains("selected"));
+        r !== -1 && v[r].scrollIntoView({ block: "center", behavior: "auto" });
       }
-      if (a.is12Hour && c.value) {
-        const d = c.value.querySelectorAll(".time-picker-option-button"), n = Array.from(d).findIndex((r) => r.classList.contains("selected"));
-        n !== -1 && d[n].scrollIntoView({ block: "center", behavior: "auto" });
+      if (s.is12Hour && c.value) {
+        const v = c.value.querySelectorAll(".time-picker-option-button"), r = Array.from(v).findIndex((l) => l.classList.contains("selected"));
+        r !== -1 && v[r].scrollIntoView({ block: "center", behavior: "auto" });
       }
-    }, m = (d) => {
-      t("select-hour", d);
-    }, S = (d) => {
-      t("select-minute", d);
-    }, y = (d) => {
-      t("select-period", d);
+    }, M = (v) => {
+      e("select-hour", v);
+    }, T = (v) => {
+      e("select-minute", v);
+    }, $ = (v) => {
+      e("select-period", v);
     };
-    return o({ scrollToSelected: M }), (d, n) => (h(), k("div", et, [
-      p("div", tt, [
-        p("div", lt, [
-          p("div", {
+    return i({ scrollToSelected: S }), (v, r) => (h(), k("div", tt, [
+      f("div", lt, [
+        f("div", at, [
+          f("div", {
             ref_key: "hourScroll",
             ref: u,
             class: "time-picker-options-scroll"
           }, [
-            (h(!0), k(F, null, I(s.value, (r) => (h(), k("button", {
-              key: r,
+            (h(!0), k(I, null, A(o.value, (l) => (h(), k("button", {
+              key: l,
               type: "button",
-              class: C(["time-picker-option-button", { selected: r === d.selectedHour }]),
-              onClick: (D) => m(r)
-            }, A(String(r).padStart(2, "0")), 11, at))), 128))
+              class: F(["time-picker-option-button", { selected: l === v.selectedHour }]),
+              onClick: (d) => M(l)
+            }, N(String(l).padStart(2, "0")), 11, st))), 128))
           ], 512)
         ]),
-        p("div", nt, [
-          p("div", {
+        f("div", nt, [
+          f("div", {
             ref_key: "minuteScroll",
-            ref: i,
+            ref: n,
             class: "time-picker-options-scroll"
           }, [
-            (h(!0), k(F, null, I(f.value, (r) => (h(), k("button", {
-              key: r,
+            (h(!0), k(I, null, A(g.value, (l) => (h(), k("button", {
+              key: l,
               type: "button",
-              class: C(["time-picker-option-button", { selected: r === d.selectedMinute }]),
-              onClick: (D) => S(r)
-            }, A(String(r).padStart(2, "0")), 11, st))), 128))
+              class: F(["time-picker-option-button", { selected: l === v.selectedMinute }]),
+              onClick: (d) => T(l)
+            }, N(String(l).padStart(2, "0")), 11, ot))), 128))
           ], 512)
         ]),
-        d.is12Hour ? (h(), k("div", ot, [
-          p("div", {
+        v.is12Hour ? (h(), k("div", rt, [
+          f("div", {
             ref_key: "periodScroll",
             ref: c,
             class: "time-picker-options-scroll"
           }, [
-            p("button", {
+            f("button", {
               type: "button",
-              class: C(["time-picker-option-button", { selected: d.selectedPeriod === "AM" }]),
-              onClick: n[0] || (n[0] = (r) => y("AM"))
+              class: F(["time-picker-option-button", { selected: v.selectedPeriod === "AM" }]),
+              onClick: r[0] || (r[0] = (l) => $("AM"))
             }, " AM ", 2),
-            p("button", {
+            f("button", {
               type: "button",
-              class: C(["time-picker-option-button", { selected: d.selectedPeriod === "PM" }]),
-              onClick: n[1] || (n[1] = (r) => y("PM"))
+              class: F(["time-picker-option-button", { selected: v.selectedPeriod === "PM" }]),
+              onClick: r[1] || (r[1] = (l) => $("PM"))
             }, " PM ", 2)
           ], 512)
-        ])) : B("", !0)
+        ])) : q("", !0)
       ])
     ], 512));
   }
-}), it = ["disabled"], ct = { class: "time-display" }, ut = /* @__PURE__ */ x({
+}), ct = ["disabled"], ut = { class: "time-display" }, dt = /* @__PURE__ */ x({
   __name: "TimePickerInput",
   props: {
     hour: {},
@@ -884,23 +945,23 @@ const Oe = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewB
     disabled: { type: Boolean },
     readonly: { type: Boolean }
   },
-  setup(e) {
-    const o = e, l = $(() => {
-      const a = String(o.minute).padStart(2, "0");
-      if (o.is12Hour) {
-        let t = o.hour % 12;
-        return t === 0 && (t = 12), `${String(t).padStart(2, "0")}:${a} ${o.period}`;
+  setup(t) {
+    const i = t, a = H(() => {
+      const s = String(i.minute).padStart(2, "0");
+      if (i.is12Hour) {
+        let e = i.hour % 12;
+        return e === 0 && (e = 12), `${String(e).padStart(2, "0")}:${s} ${i.period}`;
       } else
-        return `${String(o.hour).padStart(2, "0")}:${a}`;
+        return `${String(i.hour).padStart(2, "0")}:${s}`;
     });
-    return (a, t) => K(a.$slots, "default", Q(X({ displayTime: l.value })), () => [
-      p("button", {
+    return (s, e) => Q(s.$slots, "default", ee(te({ displayTime: a.value })), () => [
+      f("button", {
         type: "button",
-        class: C(["time-picker-input", [a.triggerClass, { "is-disabled": a.disabled, "is-readonly": a.readonly }]]),
-        disabled: a.disabled || a.readonly
+        class: F(["time-picker-input", [s.triggerClass, { "is-disabled": s.disabled, "is-readonly": s.readonly }]]),
+        disabled: s.disabled || s.readonly
       }, [
-        p("span", ct, A(l.value), 1),
-        t[0] || (t[0] = p("svg", {
+        f("span", ut, N(a.value), 1),
+        e[0] || (e[0] = f("svg", {
           class: "time-picker-clock-icon",
           xmlns: "http://www.w3.org/2000/svg",
           width: "18",
@@ -912,19 +973,19 @@ const Oe = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewB
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
         }, [
-          p("circle", {
+          f("circle", {
             cx: "12",
             cy: "12",
             r: "10"
           }),
-          p("polyline", { points: "12,6 12,12 16,14" })
+          f("polyline", { points: "12,6 12,12 16,14" })
         ], -1))
-      ], 10, it)
+      ], 10, ct)
     ]);
   }
-}), dt = { style: {
+}), mt = { style: {
   width: "100%"
-} }, ht = /* @__PURE__ */ x({
+} }, ft = /* @__PURE__ */ x({
   __name: "TimePicker",
   props: {
     modelValue: { default: null },
@@ -938,82 +999,82 @@ const Oe = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewB
     readonly: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: o }) {
-    const l = e, a = o, t = P(12), u = P(0), i = P("AM"), c = P(null), s = $(() => l.timeFormat === "12h"), f = () => {
-      if (l.modelValue) {
-        let n = 0, r = 0;
-        if (l.modelValue instanceof Date)
-          n = l.modelValue.getHours(), r = l.modelValue.getMinutes();
-        else if (typeof l.modelValue == "string") {
-          const [D, b] = l.modelValue.split(":");
-          n = parseInt(D), r = parseInt(b);
+  setup(t, { emit: i }) {
+    const a = t, s = i, e = P(12), u = P(0), n = P("AM"), c = P(null), o = H(() => a.timeFormat === "12h"), g = () => {
+      if (a.modelValue) {
+        let r = 0, l = 0;
+        if (a.modelValue instanceof Date)
+          r = a.modelValue.getHours(), l = a.modelValue.getMinutes();
+        else if (typeof a.modelValue == "string") {
+          const [d, p] = a.modelValue.split(":");
+          r = parseInt(d), l = parseInt(p);
         } else {
-          const D = /* @__PURE__ */ new Date();
-          n = D.getHours(), r = D.getMinutes();
+          const d = /* @__PURE__ */ new Date();
+          r = d.getHours(), l = d.getMinutes();
         }
-        u.value = r, s.value ? n === 0 ? (t.value = 12, i.value = "AM") : n === 12 ? (t.value = 12, i.value = "PM") : n > 12 ? (t.value = n - 12, i.value = "PM") : (t.value = n, i.value = "AM") : t.value = n;
+        u.value = l, o.value ? r === 0 ? (e.value = 12, n.value = "AM") : r === 12 ? (e.value = 12, n.value = "PM") : r > 12 ? (e.value = r - 12, n.value = "PM") : (e.value = r, n.value = "AM") : e.value = r;
       } else {
-        const n = /* @__PURE__ */ new Date(), r = n.getHours(), D = n.getMinutes();
-        u.value = D, s.value ? r === 0 ? (t.value = 12, i.value = "AM") : r === 12 ? (t.value = 12, i.value = "PM") : r > 12 ? (t.value = r - 12, i.value = "PM") : (t.value = r, i.value = "AM") : t.value = r;
+        const r = /* @__PURE__ */ new Date(), l = r.getHours(), d = r.getMinutes();
+        u.value = d, o.value ? l === 0 ? (e.value = 12, n.value = "AM") : l === 12 ? (e.value = 12, n.value = "PM") : l > 12 ? (e.value = l - 12, n.value = "PM") : (e.value = l, n.value = "AM") : e.value = l;
       }
-    }, M = () => {
-      let n = t.value;
-      s.value && (i.value === "AM" && n === 12 ? n = 0 : i.value === "PM" && n !== 12 && (n += 12));
-      const r = `${String(n).padStart(2, "0")}:${String(u.value).padStart(2, "0")}`;
-      a("update:modelValue", r);
-    }, m = (n) => {
-      t.value = n, M();
-    }, S = (n) => {
-      u.value = n, M();
-    }, y = (n) => {
-      i.value = n, M();
-    }, d = () => {
-      var n;
-      (n = c == null ? void 0 : c.value) == null || n.scrollToSelected();
+    }, S = () => {
+      let r = e.value;
+      o.value && (n.value === "AM" && r === 12 ? r = 0 : n.value === "PM" && r !== 12 && (r += 12));
+      const l = `${String(r).padStart(2, "0")}:${String(u.value).padStart(2, "0")}`;
+      s("update:modelValue", l);
+    }, M = (r) => {
+      e.value = r, S();
+    }, T = (r) => {
+      u.value = r, S();
+    }, $ = (r) => {
+      n.value = r, S();
+    }, v = () => {
+      var r;
+      (r = c == null ? void 0 : c.value) == null || r.scrollToSelected();
     };
-    return q(() => l.modelValue, f, { immediate: !0 }), q(() => l.timeFormat, f), q(() => l.minuteInterval, f), (n, r) => (h(), k("div", dt, [
-      G(g(se), {
+    return B(() => a.modelValue, g, { immediate: !0 }), B(() => a.timeFormat, g), B(() => a.minuteInterval, g), (r, l) => (h(), k("div", mt, [
+      E(D(ce), {
         trigger: "click",
         placement: "bottom-start",
-        onOnShow: d,
+        onOnShow: v,
         teleport: "",
         arrow: !1,
-        offset: n.offset,
+        offset: r.offset,
         triggerClass: "w-full",
-        "class-name": `v-time-picker ${n.className}`,
-        styles: n.style,
+        "class-name": `v-time-picker ${r.className}`,
+        styles: r.style,
         style: {
           width: "100%"
         }
       }, {
-        trigger: J(() => [
-          G(ut, {
-            hour: t.value,
+        trigger: G(() => [
+          E(dt, {
+            hour: e.value,
             minute: u.value,
-            period: i.value,
-            "is12-hour": s.value,
-            "trigger-class": n.triggerClass,
-            disabled: n.disabled,
-            readonly: n.readonly
+            period: n.value,
+            "is12-hour": o.value,
+            "trigger-class": r.triggerClass,
+            disabled: r.disabled,
+            readonly: r.readonly
           }, {
-            default: J(({ displayTime: D }) => [
-              K(n.$slots, "default", Q(X({ displayTime: D })))
+            default: G(({ displayTime: d }) => [
+              Q(r.$slots, "default", ee(te({ displayTime: d })))
             ]),
             _: 3
           }, 8, ["hour", "minute", "period", "is12-hour", "trigger-class", "disabled", "readonly"])
         ]),
-        default: J(() => [
-          G(rt, {
+        default: G(() => [
+          E(it, {
             ref_key: "dropdownRef",
             ref: c,
-            "selected-hour": t.value,
+            "selected-hour": e.value,
             "selected-minute": u.value,
-            "selected-period": i.value,
-            "is12-hour": s.value,
-            "minute-interval": n.minuteInterval,
-            onSelectHour: m,
-            onSelectMinute: S,
-            onSelectPeriod: y
+            "selected-period": n.value,
+            "is12-hour": o.value,
+            "minute-interval": r.minuteInterval,
+            onSelectHour: M,
+            onSelectMinute: T,
+            onSelectPeriod: $
           }, null, 8, ["selected-hour", "selected-minute", "selected-period", "is12-hour", "minute-interval"])
         ]),
         _: 3
@@ -1022,6 +1083,6 @@ const Oe = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewB
   }
 });
 export {
-  ht as TimePicker,
-  pt as default
+  ft as TimePicker,
+  ht as default
 };