v-datepicker-lite 0.1.8 → 0.1.10

package/index.js

@@ -1,74 +1,74 @@
-import { defineComponent as x, computed as $, createElementBlock as k, openBlock as p, createElementVNode as v, Fragment as F, renderList as I, unref as g, toDisplayString as A, normalizeClass as C, ref as P, watch as L, 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 = (l, s = "YYYY-MM-DD") => {
-  const e = l.getFullYear(), u = String(l.getMonth() + 1).padStart(2, "0"), t = String(l.getDate()).padStart(2, "0"), c = String(l.getHours()).padStart(2, "0"), r = String(l.getMinutes()).padStart(2, "0"), i = String(l.getSeconds()).padStart(2, "0"), n = String(l.getMilliseconds()).padStart(3, "0");
-  return s.replace("YYYY", e.toString()).replace("MM", u).replace("DD", t).replace("HH", c).replace("mm", r).replace("ss", i).replace("sss", n);
-}, U = (l) => {
-  if (!l) return null;
-  if (/^\d{4}-\d{2}-\d{2}$/.test(l)) {
-    const [e, u, t] = l.split("-").map(Number);
-    return new Date(e, u - 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 s = new Date(l);
-  return isNaN(s.getTime()) ? null : s;
-}, q = (l, s) => l.getFullYear() === s.getFullYear() && l.getMonth() === s.getMonth() && l.getDate() === s.getDate(), oe = (l, s) => l.getFullYear() === s.getFullYear() && l.getMonth() === s.getMonth(), re = (l) => {
-  const s = new Date(l.getFullYear(), 0, 1), e = (l.getTime() - s.getTime()) / 864e5;
-  return Math.ceil((e + s.getDay() + 1) / 7);
-}, ee = (l, s) => {
-  const e = new Date(l, s, 1), t = new Date(l, s + 1, 0).getDate(), c = e.getDay(), r = [], i = /* @__PURE__ */ new Date(), n = s === 0 ? 11 : s - 1, h = s === 0 ? l - 1 : l, b = new Date(h, n + 1, 0).getDate();
-  for (let d = c - 1; d >= 0; d--) {
-    const a = new Date(h, n, b - d);
-    r.push({
-      date: a,
-      day: b - d,
-      month: n,
-      year: h,
+  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: q(a, i),
+      isToday: R(r, c),
       isSelected: !1,
       isDisabled: !1
     });
   }
-  for (let d = 1; d <= t; d++) {
-    const a = new Date(l, s, d);
-    r.push({
-      date: a,
-      day: d,
-      month: s,
-      year: l,
+  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: q(a, i),
+      isToday: R(r, c),
       isSelected: !1,
       isDisabled: !1
     });
   }
-  const m = 42 - r.length, S = s === 11 ? 0 : s + 1, y = s === 11 ? l + 1 : l;
-  for (let d = 1; d <= m; d++) {
-    const a = new Date(y, S, d);
-    r.push({
-      date: a,
-      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: q(a, i),
+      isToday: R(r, c),
       isSelected: !1,
       isDisabled: !1
     });
   }
-  return r;
-}, ie = (l, s) => {
-  const e = ee(l, s), u = [];
-  for (let t = 0; t < e.length; t += 7) {
-    const c = e.slice(t, t + 7), r = re(c[0].date);
-    u.push({
-      weekNumber: r,
-      days: c,
+  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 u;
-}, te = (l) => [
+  return s;
+}, ae = (t) => [
   "January",
   "February",
   "March",
@@ -81,16 +81,16 @@ const Z = (l, s = "YYYY-MM-DD") => {
   "October",
   "November",
   "December"
-].map((e, u) => ({
-  month: u,
-  year: l,
-  name: e,
+].map((a, s) => ({
+  month: s,
+  year: t,
+  name: a,
   isSelected: !1,
   isDisabled: !1
-})), le = (l, s, e, u) => {
-  const t = Z(l, "YYYY-MM-DD");
-  return s && t < s || e && t > e ? !0 : u ? u.some((c) => c.end ? t >= c.start && t <= c.end : t === c.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 = (l, s = "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 = (l, s = "YYYY-MM-DD") => {
     disabledDates: {}
   },
   emits: ["select"],
-  setup(l, { emit: s }) {
-    const e = l, u = s, t = $(() => ee(e.currentDate.getFullYear(), e.currentDate.getMonth()).map((n) => ({
-      ...n,
-      isSelected: e.selectedDate ? q(n.date, e.selectedDate) : !1,
-      isDisabled: le(n.date, e.minDate, e.maxDate, e.disabledDates)
-    }))), c = $(() => {
-      const i = [];
-      for (let n = 0; n < t.value.length; n += 7)
-        i.push(t.value.slice(n, n + 7));
-      return i.filter((n) => n.some((h) => h.isCurrentMonth));
-    }), r = (i) => {
-      i.isDisabled || u("select", i.date);
+  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 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 (i, n) => (p(), k("div", ce, [
-      v("table", ue, [
-        v("thead", null, [
-          v("tr", de, [
-            (p(!0), k(F, null, I(g(ae), (h) => (p(), k("th", { key: h }, A(h), 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))
           ])
         ]),
-        v("tbody", me, [
-          (p(!0), k(F, null, I(c.value, (h, b) => (p(), k("tr", {
-            key: b,
+        f("tbody", fe, [
+          (h(!0), k(I, null, A(u.value, (g, S) => (h(), k("tr", {
+            key: S,
             class: "date-picker-week-row"
           }, [
-            (p(!0), k(F, null, I(h, (m) => (p(), 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"
             }, [
-              v("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) => r(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" }, be = { class: "date-picker-week-number" }, Me = /* @__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(l, { emit: s }) {
-    const e = l, u = s, t = $(() => ie(e.currentDate.getFullYear(), e.currentDate.getMonth()).map((i) => {
-      const n = e.selectedDate ? i.days.some((h) => q(h.date, e.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 {
-        ...i,
-        isSelected: n
+        ...c,
+        isSelected: o
       };
-    })), c = (r) => {
-      var n;
-      const i = ((n = r.days.find((h) => h.isCurrentMonth)) == null ? void 0 : n.date) || r.days[0].date;
-      u("select", i);
+    })), 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 (r, i) => (p(), k("div", he, [
-      v("table", fe, [
-        v("thead", null, [
-          v("tr", ge, [
-            i[0] || (i[0] = v("th", { class: "date-picker-weekday date-picker-week-header" }, "Wk", -1)),
-            (p(!0), k(F, null, I(g(ae), (n) => (p(), k("th", { key: n }, A(n), 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))
           ])
         ]),
-        v("tbody", ke, [
-          (p(!0), k(F, null, I(t.value, (n) => (p(), k("tr", {
-            key: n.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: n.isSelected
+                selected: o.isSelected
               }
             ]),
-            onClick: (h) => c(n)
+            onClick: (g) => u(o)
           }, [
-            v("td", ye, [
-              v("div", be, A(n.weekNumber), 1)
+            f("td", _e, [
+              f("div", we, N(o.weekNumber), 1)
             ]),
-            (p(!0), k(F, null, I(n.days, (h) => (p(), k("td", {
-              key: `${h.year}-${h.month}-${h.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"
             }, [
-              v("button", {
-                class: C([
+              f("button", {
+                class: F([
                   "date-picker-day",
                   {
-                    "other-month": !h.isCurrentMonth,
-                    today: h.isToday
+                    "other-month": !g.isCurrentMonth,
+                    today: g.isToday
                   }
                 ])
-              }, A(h.day), 3)
+              }, N(g.day), 3)
             ]))), 128))
-          ], 10, De))), 128))
+          ], 10, Se))), 128))
         ])
       ])
     ]));
   }
 });
-function Se(l, s = "24h", e = 1, u) {
-  const t = P(0), c = P(0), r = P([]), i = P(!1), n = $(() => s === "12h"), h = () => {
-    if (l)
-      t.value = l.getHours(), c.value = l.getMinutes(), i.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 o = /* @__PURE__ */ new Date();
-      t.value = o.getHours(), c.value = o.getMinutes(), i.value = !1;
+      const l = /* @__PURE__ */ new Date();
+      e.value = l.getHours(), u.value = l.getMinutes(), c.value = !1;
     }
-    m();
-  }, b = (o) => {
-    o ? (t.value = o.getHours(), c.value = o.getMinutes(), i.value = !0) : i.value = !1;
-  }, m = () => {
-    const o = [], D = n.value ? 1 : 0;
-    for (let M = 0; M < (n.value ? 2 : 1); M++) {
-      const V = n.value ? M === 0 ? " AM" : " PM" : "";
-      for (let Y = D; Y <= (n.value ? 12 : 23); Y++)
-        for (let T = 0; T < 60; T += e) {
-          const f = (n.value, Y), w = n.value ? Y === 12 ? M === 0 ? 0 : 12 : Y + M * 12 : Y, z = `${String(f).padStart(2, "0")}:${String(T).padStart(2, "0")}` + V;
-          o.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
           });
         }
     }
-    n.value ? r.value = o.map((M) => M.display) : r.value = o.map((M) => M.value);
-  }, S = () => {
-    if (!i.value) return "";
-    if (n.value) {
-      const o = t.value === 0 ? 12 : t.value > 12 ? t.value - 12 : t.value, D = t.value < 12 ? " AM" : " PM";
-      return `${String(o).padStart(2, "0")}:${String(c.value).padStart(
+    o.value ? n.value = l.map((p) => p.display) : n.value = l.map((p) => p.value);
+  }, T = () => {
+    if (!c.value) return "";
+    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(c.value).padStart(2, "0")}`;
+    return `${String(e.value).padStart(2, "0")}:${String(u.value).padStart(2, "0")}`;
   };
   return {
-    hours: t,
-    minutes: c,
-    timeOptions: r,
-    is12HourFormat: n,
-    initializeTime: h,
-    updateTime: b,
-    generateTimeOptions: m,
-    getCurrentTimeString: S,
-    selectTime: (o) => {
-      let D, M;
-      if (n.value) {
-        const [Y, T] = o.split(" "), [f, w] = Y.split(":");
-        D = parseInt(f), M = parseInt(w), T === "AM" ? D === 12 && (D = 0) : D !== 12 && (D += 12);
+    hours: e,
+    minutes: u,
+    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] = o.split(":");
-        D = parseInt(Y), M = parseInt(T);
+        const [y, b] = l.split(":");
+        d = parseInt(y), p = parseInt(b);
       }
-      if (i.value && t.value === D && c.value === M) {
-        i.value = !1, u("update", null);
+      if (c.value && e.value === d && u.value === p) {
+        c.value = !1, s("update", null);
         return;
       }
-      t.value = D, c.value = M, i.value = !0;
-      const V = l ? new Date(l.getTime()) : /* @__PURE__ */ new Date();
-      V.setHours(D, M, 0, 0), u("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: (o) => {
-      if (!o || !i.value) return;
-      const D = r.value.findIndex((M) => M === S());
-      if (D >= 0) {
-        const V = o.clientHeight, Y = D * 30 - V / 2 + 30 / 2;
-        o.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: (o) => {
-      t.value = o.getHours(), c.value = o.getMinutes(), i.value = !0, u("update", o);
+    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(l, { emit: s }) {
-    const e = l, u = s, t = P(null), { timeOptions: c, initializeTime: r, updateTime: i, getCurrentTimeString: n, selectTime: h, scrollToSelected: b } = Se(e.selectedTime, e.timeFormat, e.minuteInterval, u);
-    return L(
-      () => e.selectedTime,
-      (m) => {
-        i(m), R(() => {
-          b(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 }
-    ), L(
-      () => e.timeFormat,
+    ), B(
+      () => a.timeFormat,
       () => {
-        r(), R(() => {
-          b(t.value);
+        n(), L(() => {
+          S(e.value);
         });
       }
-    ), L(
-      () => e.minuteInterval,
+    ), B(
+      () => a.minuteInterval,
       () => {
-        r(), R(() => {
-          b(t.value);
+        n(), L(() => {
+          S(e.value);
         });
       }
-    ), ne(() => {
-      r(), R(() => {
+    ), K(() => {
+      n(), L(() => {
         setTimeout(() => {
-          b(t.value);
+          S(e.value);
         }, 3);
       });
-    }), (m, S) => (p(), k("div", _e, [
-      v("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"
       }, [
-        (p(!0), k(F, null, I(g(c), (y) => (p(), k("div", {
-          key: y,
-          class: C(["time-option", {
-            selected: y === g(n)()
+        (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(n)(),
-          onClick: (d) => g(h)(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(l, { emit: s }) {
-    const e = l, u = s, t = $(() => e.currentDate.getFullYear()), c = $(() => {
-      var m;
-      return (m = e.selectedDate) == null ? void 0 : m.getFullYear();
-    }), r = $(() => {
-      const m = Math.floor(t.value / 10) * 10;
-      return Array.from({ length: 12 }, (S, y) => m + y - 1);
-    }), i = $(() => te(t.value).map((m) => ({
-      ...m,
-      isSelected: e.selectedDate ? m.month === e.selectedDate.getMonth() && m.year === e.selectedDate.getFullYear() : !1
-    }))), n = $(() => {
-      const m = [];
-      for (let S = 0; S < i.value.length; S += 3)
-        m.push(i.value.slice(S, S + 3));
-      return m;
-    }), h = (m) => {
-      u("select", m);
-    }, b = (m) => {
-      u("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) => (p(), k("div", $e, [
-      v("div", Ye, [
-        v("div", Te, [
-          (p(!0), k(F, null, I(r.value, (y) => (p(), k("button", {
-            key: y,
-            class: C([
-              "year-item",
-              {
-                selected: y === c.value,
-                current: y === t.value
-              }
-            ]),
-            onClick: (d) => h(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)
       ]),
-      v("div", Ce, [
-        v("table", Pe, [
-          v("tbody", Fe, [
-            (p(!0), k(F, null, I(n.value, (y, d) => (p(), 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"
             }, [
-              (p(!0), k(F, null, I(y, (a) => (p(), k("td", {
-                key: a.month,
+              (h(!0), k(I, null, A(p, (y) => (h(), k("td", {
+                key: y.month,
                 class: "date-picker-month-cell"
               }, [
-                v("button", {
-                  class: C([
+                ie([y.month, y.isSelected, y.isDisabled], () => (h(), k("button", {
+                  class: F([
                     "date-picker-month",
                     {
-                      selected: a.isSelected,
-                      disabled: a.isDisabled
+                      selected: y.isSelected,
+                      disabled: y.isDisabled
                     }
                   ]),
-                  onClick: (o) => b(a),
-                  disabled: a.isDisabled
-                }, A(a.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,195 +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(l, { emit: s }) {
-    const e = l, u = s, t = $(() => te(e.currentDate.getFullYear()).map((n) => ({
-      ...n,
-      isSelected: e.selectedDate ? n.month === e.selectedDate.getMonth() && n.year === e.selectedDate.getFullYear() : !1
-    }))), c = $(() => {
-      const i = [];
-      for (let n = 0; n < t.value.length; n += 3)
-        i.push(t.value.slice(n, n + 3));
-      return i;
-    }), r = (i) => {
-      u("select", i.month);
+  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 o = 0; o < e.value.length; o += 3)
+        c.push(e.value.slice(o, o + 3));
+      return c;
+    }), n = (c) => {
+      s("select", c.month);
     };
-    return (i, n) => (p(), k("div", Ve, [
-      v("table", Ne, [
-        v("tbody", xe, [
-          (p(!0), k(F, null, I(c.value, (h, b) => (p(), k("tr", {
-            key: b,
+    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"
           }, [
-            (p(!0), k(F, null, I(h, (m) => (p(), k("td", {
-              key: m.month,
+            (h(!0), k(I, null, A(g, (M) => (h(), k("td", {
+              key: M.month,
               class: "date-picker-month-cell"
             }, [
-              v("button", {
-                class: C([
+              f("button", {
+                class: F([
                   "date-picker-month",
                   {
-                    selected: m.isSelected,
-                    disabled: m.isDisabled
+                    selected: M.isSelected,
+                    disabled: M.isDisabled
                   }
                 ]),
-                onClick: (S) => r(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(l, { emit: s }) {
-    const e = l, u = s, t = $(() => {
-      const r = e.currentDate.getFullYear(), i = e.currentDate.getMonth();
-      switch (e.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[i]} ${r}`;
+          return `${X[c]} ${n}`;
         case "year":
-          const n = Math.floor(r / 10) * 10, h = n + 9;
-          return `${n}–${h}`;
+          const o = Math.floor(n / 10) * 10, g = o + 9;
+          return `${o}–${g}`;
         default:
-          return `${E[i]} ${r}`;
+          return `${X[c]} ${n}`;
       }
-    }), c = () => {
-      u("header-click");
+    }), u = () => {
+      s("header-click");
     };
-    return (r, i) => (p(), k("button", {
+    return (n, c) => (h(), k("button", {
       class: "date-picker-title",
-      onClick: c,
+      onClick: u,
       type: "button"
-    }, A(t.value), 1));
+    }, N(e.value), 1));
   }
 });
-function ze(l, s) {
-  const e = P(/* @__PURE__ */ new Date()), u = P("date"), t = $(() => l.value ? l.value instanceof Date ? l.value : U(l.value) : null), c = (f) => {
-    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(f) ? f.includes(".") ? "YYYY-MM-DDTHH:mm:ss.sssZ" : "YYYY-MM-DDTHH:mm:ssZ" : H.test(f) ? "YYYY-MM-DD" : l.format || "YYYY-MM-DD";
-  }, r = $(() => {
-    if (!l.value) return !1;
-    if (l.value instanceof Date) return !0;
-    const f = c(l.value);
-    return f.includes("H") || f.includes("h") || f.includes("m") || f.includes("T");
-  }), i = $(() => {
-    if (!l.minDate) return !0;
-    const f = U(l.minDate);
-    if (!f) return !0;
-    const w = e.value.getFullYear(), H = e.value.getMonth();
-    return new Date(w, H, 1) > f;
-  }), n = $(() => {
-    if (!l.maxDate) return !0;
-    const f = U(l.maxDate);
-    if (!f) return !0;
-    const w = e.value.getFullYear(), H = e.value.getMonth();
-    return new Date(w, H + 1, 0) < f;
-  }), h = () => {
-    i.value && (e.value = new Date(e.value.getFullYear(), e.value.getMonth() - 1, 1));
-  }, b = () => {
-    n.value && (e.value = new Date(e.value.getFullYear(), e.value.getMonth() + 1, 1));
-  }, m = () => {
-    e.value = new Date(e.value.getFullYear() - 1, e.value.getMonth(), 1);
+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 = (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 = () => {
-    e.value = new Date(e.value.getFullYear() + 1, e.value.getMonth(), 1);
-  }, y = () => {
-    e.value = new Date(e.value.getFullYear() - 10, e.value.getMonth(), 1);
-  }, d = () => {
-    e.value = new Date(e.value.getFullYear() + 10, e.value.getMonth(), 1);
-  }, a = () => {
-    e.value = /* @__PURE__ */ new Date(), u.value = "date";
-  }, o = () => {
-    switch (u.value) {
+    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 = () => {
+    s.value = /* @__PURE__ */ new Date(), e.value = "date";
+  }, l = () => {
+    switch (e.value) {
       case "date":
-        u.value = "year";
+        e.value = "year";
         break;
       case "year":
-        u.value = "date";
+        e.value = "date";
         break;
     }
-  }, D = (f) => {
-    if (!le(f, l.minDate, l.maxDate, l.disabledDates)) {
-      if (t.value && q(t.value, f)) {
-        s("update:value", null), s("change", null), s("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;
       }
-      l.mode === "dateTime" && t.value && f.setHours(t.value.getHours(), t.value.getMinutes()), T(f);
+      t.mode === "dateTime" && a.value && m.setHours(a.value.getHours(), a.value.getMinutes()), b(m);
     }
-  }, M = (f) => {
-    if (t.value && q(t.value, f)) {
-      s("update:value", null), s("change", null), s("select", null);
+  }, p = (m) => {
+    if (a.value && R(a.value, m)) {
+      i("update:value", null), i("change", null), i("select", null);
       return;
     }
-    T(f);
-  }, V = (f) => {
-    const w = new Date(e.value.getFullYear(), f, 1);
-    if (e.value = w, u.value = "date", l.mode === "month") {
-      if (t.value && oe(t.value, w)) {
-        s("update:value", null), s("change", null), s("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 = (f) => {
-    e.value = new Date(f, e.value.getMonth(), 1), u.value = "date";
-  }, T = (f, w = !1) => {
-    let H;
-    if (typeof l.value == "string" || l.value === null || l.value === void 0)
-      if (l.format && l.format !== "YYYY-MM-DD" && !w && l.mode !== "dateTime" && l.mode !== "time")
-        H = Z(f, l.format);
-      else if (l.mode === "dateTime" || l.mode === "time" || w)
-        H = f.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 = f.getFullYear(), _ = String(f.getMonth() + 1).padStart(2, "0"), N = String(f.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 = f;
-    s("update:value", H), s("change", H), s("select", H);
+      Y = m;
+    i("update:value", Y), i("change", Y), i("select", Y);
   };
   return {
-    currentDate: e,
-    viewMode: u,
-    selectedDate: t,
-    canGoPrev: i,
-    canGoNext: n,
-    hasTime: r,
-    goToPrevMonth: h,
-    goToNextMonth: b,
-    goToPrevYear: m,
-    goToNextYear: S,
-    goToPrevDecade: y,
-    goToNextDecade: d,
-    goToCurrentDate: a,
-    onHeaderClick: o,
-    onDateSelect: D,
-    onWeekSelect: M,
-    onMonthSelect: V,
-    onYearSelect: Y,
-    emitValue: T
+    currentDate: s,
+    viewMode: e,
+    selectedDate: a,
+    canGoPrev: c,
+    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: {},
@@ -636,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(l, { emit: s }) {
-    const e = l, u = s, {
-      currentDate: t,
-      viewMode: c,
-      selectedDate: r,
-      canGoPrev: i,
-      canGoNext: n,
-      hasTime: h,
-      goToPrevMonth: b,
-      goToNextMonth: m,
-      goToPrevYear: S,
-      goToNextYear: y,
-      goToPrevDecade: d,
-      goToNextDecade: a,
-      goToCurrentDate: o,
-      onHeaderClick: D,
-      onDateSelect: M,
-      onWeekSelect: V,
-      onMonthSelect: Y,
-      onYearSelect: T,
-      emitValue: f
-    } = ze(e, u), w = (_) => {
-      if (_ === null) {
-        if (r.value) {
-          const N = new Date(r.value);
-          N.setHours(0, 0, 0, 0);
-          const O = Z(N, "YYYY-MM-DD");
-          u("update:value", O), u("change", O), u("select", O);
+  setup(t, { emit: i }) {
+    const a = t, s = i, {
+      currentDate: e,
+      viewMode: u,
+      selectedDate: n,
+      canGoPrev: c,
+      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 (e.mode === "dateTime" && r.value) {
-        const N = new Date(r.value.getTime());
-        N.setHours(_.getHours(), _.getMinutes(), 0, 0), f(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
-        f(_, !0);
-    }, H = () => {
-      c.value === "year" ? d() : c.value === "month" ? S() : b();
-    }, z = () => {
-      c.value === "year" ? a() : c.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) => (p(), 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" ? (p(), k("div", Re, [
-        G(Le, {
-          "current-date": g(t),
-          "view-mode": g(c),
-          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"]),
-        v("div", Je, [
-          v("button", {
+        f("div", Je, [
+          f("button", {
             class: "date-picker-nav-button",
-            disabled: !g(i),
-            onClick: H,
+            disabled: !D(c),
+            onClick: Y,
             type: "button",
             "aria-label": "Previous"
           }, [
-            v("span", {
+            f("span", {
               class: "date-picker-nav-icon",
-              innerHTML: g(Oe)
+              innerHTML: D(ze)
             }, null, 8, Ze)
           ], 8, Ue),
-          v("button", {
+          f("button", {
             class: "date-picker-nav-button",
-            onClick: N[0] || (N[0] = //@ts-ignore
-            (...O) => g(o) && g(o)(...O)),
+            onClick: V[0] || (V[0] = //@ts-ignore
+            (...z) => D(l) && D(l)(...z)),
             type: "button",
             "aria-label": "Current Date"
           }, [
-            v("span", {
+            f("span", {
               class: "date-picker-nav-icon",
-              innerHTML: g(Ge)
-            }, null, 8, Ee)
+              innerHTML: D(Ee)
+            }, null, 8, Xe)
           ]),
-          v("button", {
+          f("button", {
             class: "date-picker-nav-button",
-            disabled: !g(n),
-            onClick: z,
+            disabled: !D(o),
+            onClick: O,
             type: "button",
             "aria-label": "Next"
           }, [
-            v("span", {
+            f("span", {
               class: "date-picker-nav-icon",
-              innerHTML: g(We)
+              innerHTML: D(We)
             }, null, 8, Ke)
           ], 8, je)
         ])
-      ])) : B("", !0),
-      v("div", {
-        class: C({
-          "date-picker-datetime-layout": _.mode === "dateTime" && g(c) === "date"
+      ])) : q("", !0),
+      f("div", {
+        class: F({
+          "date-picker-datetime-layout": w.mode === "dateTime" && D(u) === "date"
         })
       }, [
-        v("div", Qe, [
-          g(c) === "date" && (_.mode === "date" || _.mode === "dateTime") ? (p(), 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(r),
-            "min-date": _.minDate,
-            "max-date": _.maxDate,
-            "disabled-dates": _.disabledDates,
-            onSelect: g(M)
-          }, null, 8, ["current-date", "selected-date", "min-date", "max-date", "disabled-dates", "onSelect"])) : B("", !0),
-          _.mode === "week" && g(c) === "date" ? (p(), W(Me, {
+            "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(r),
-            onSelect: g(V)
-          }, null, 8, ["current-date", "selected-date", "onSelect"])) : B("", !0),
-          g(c) !== "year" && (g(c) === "month" || _.mode === "month") ? (p(), 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(r),
-            onSelect: g(Y)
-          }, null, 8, ["current-date", "selected-date", "onSelect"])) : B("", !0),
-          g(c) === "year" ? (p(), 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(r),
-            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(c) === "date" ? (p(), k("div", Xe, [
-          G(j, {
-            "selected-time": g(h) ? g(r) : 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" ? (p(), W(j, {
+      w.mode === "time" ? (h(), W(j, {
         key: 1,
-        "selected-time": g(r),
-        "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: {},
@@ -794,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(l, { expose: s, emit: e }) {
-    const u = l, t = e, c = P(null), r = P(null), i = P(null), n = $(() => u.is12Hour ? Array.from({ length: 12 }, (d, a) => a + 1) : Array.from({ length: 24 }, (d, a) => a)), h = $(() => {
-      const d = u.minuteInterval, a = Math.floor(60 / d);
-      return Array.from({ length: a }, (o, D) => D * d);
-    }), b = () => {
-      if (c.value) {
-        const d = c.value.querySelectorAll(".time-picker-option-button"), a = Array.from(d).findIndex((o) => o.classList.contains("selected"));
-        a !== -1 && d[a].scrollIntoView({ block: "center", behavior: "auto" });
+  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 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 (r.value) {
-        const d = r.value.querySelectorAll(".time-picker-option-button"), a = Array.from(d).findIndex((o) => o.classList.contains("selected"));
-        a !== -1 && d[a].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 (u.is12Hour && i.value) {
-        const d = i.value.querySelectorAll(".time-picker-option-button"), a = Array.from(d).findIndex((o) => o.classList.contains("selected"));
-        a !== -1 && d[a].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 s({ scrollToSelected: b }), (d, a) => (p(), k("div", et, [
-      v("div", tt, [
-        v("div", lt, [
-          v("div", {
+    return i({ scrollToSelected: S }), (v, r) => (h(), k("div", tt, [
+      f("div", lt, [
+        f("div", at, [
+          f("div", {
             ref_key: "hourScroll",
-            ref: c,
+            ref: u,
             class: "time-picker-options-scroll"
           }, [
-            (p(!0), k(F, null, I(n.value, (o) => (p(), k("button", {
-              key: o,
+            (h(!0), k(I, null, A(o.value, (l) => (h(), k("button", {
+              key: l,
               type: "button",
-              class: C(["time-picker-option-button", { selected: o === d.selectedHour }]),
-              onClick: (D) => m(o)
-            }, A(String(o).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)
         ]),
-        v("div", nt, [
-          v("div", {
+        f("div", nt, [
+          f("div", {
             ref_key: "minuteScroll",
-            ref: r,
+            ref: n,
             class: "time-picker-options-scroll"
           }, [
-            (p(!0), k(F, null, I(h.value, (o) => (p(), k("button", {
-              key: o,
+            (h(!0), k(I, null, A(g.value, (l) => (h(), k("button", {
+              key: l,
               type: "button",
-              class: C(["time-picker-option-button", { selected: o === d.selectedMinute }]),
-              onClick: (D) => S(o)
-            }, A(String(o).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 ? (p(), k("div", ot, [
-          v("div", {
+        v.is12Hour ? (h(), k("div", rt, [
+          f("div", {
             ref_key: "periodScroll",
-            ref: i,
+            ref: c,
             class: "time-picker-options-scroll"
           }, [
-            v("button", {
+            f("button", {
               type: "button",
-              class: C(["time-picker-option-button", { selected: d.selectedPeriod === "AM" }]),
-              onClick: a[0] || (a[0] = (o) => y("AM"))
+              class: F(["time-picker-option-button", { selected: v.selectedPeriod === "AM" }]),
+              onClick: r[0] || (r[0] = (l) => $("AM"))
             }, " AM ", 2),
-            v("button", {
+            f("button", {
               type: "button",
-              class: C(["time-picker-option-button", { selected: d.selectedPeriod === "PM" }]),
-              onClick: a[1] || (a[1] = (o) => 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: {},
@@ -880,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(l) {
-    const s = l, e = $(() => {
-      const u = String(s.minute).padStart(2, "0");
-      if (s.is12Hour) {
-        let t = s.hour % 12;
-        return t === 0 && (t = 12), `${String(t).padStart(2, "0")}:${u} ${s.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(s.hour).padStart(2, "0")}:${u}`;
+        return `${String(i.hour).padStart(2, "0")}:${s}`;
     });
-    return (u, t) => K(u.$slots, "default", Q(X({ displayTime: e.value })), () => [
-      v("button", {
+    return (s, e) => Q(s.$slots, "default", ee(te({ displayTime: a.value })), () => [
+      f("button", {
         type: "button",
-        class: C(["time-picker-input", [u.triggerClass, { "is-disabled": u.disabled, "is-readonly": u.readonly }]]),
-        disabled: u.disabled || u.readonly
+        class: F(["time-picker-input", [s.triggerClass, { "is-disabled": s.disabled, "is-readonly": s.readonly }]]),
+        disabled: s.disabled || s.readonly
       }, [
-        v("span", ct, A(e.value), 1),
-        t[0] || (t[0] = v("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",
@@ -908,19 +973,19 @@ const Oe = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewB
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
         }, [
-          v("circle", {
+          f("circle", {
             cx: "12",
             cy: "12",
             r: "10"
           }),
-          v("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 },
@@ -934,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(l, { emit: s }) {
-    const e = l, u = s, t = P(12), c = P(0), r = P("AM"), i = P(null), n = $(() => e.timeFormat === "12h"), h = () => {
-      if (e.modelValue) {
-        let a = 0, o = 0;
-        if (e.modelValue instanceof Date)
-          a = e.modelValue.getHours(), o = e.modelValue.getMinutes();
-        else if (typeof e.modelValue == "string") {
-          const [D, M] = e.modelValue.split(":");
-          a = parseInt(D), o = parseInt(M);
+  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();
-          a = D.getHours(), o = D.getMinutes();
+          const d = /* @__PURE__ */ new Date();
+          r = d.getHours(), l = d.getMinutes();
         }
-        c.value = o, n.value ? a === 0 ? (t.value = 12, r.value = "AM") : a === 12 ? (t.value = 12, r.value = "PM") : a > 12 ? (t.value = a - 12, r.value = "PM") : (t.value = a, r.value = "AM") : t.value = a;
+        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 a = /* @__PURE__ */ new Date(), o = a.getHours(), D = a.getMinutes();
-        c.value = D, n.value ? o === 0 ? (t.value = 12, r.value = "AM") : o === 12 ? (t.value = 12, r.value = "PM") : o > 12 ? (t.value = o - 12, r.value = "PM") : (t.value = o, r.value = "AM") : t.value = o;
+        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;
       }
-    }, b = () => {
-      let a = t.value;
-      n.value && (r.value === "AM" && a === 12 ? a = 0 : r.value === "PM" && a !== 12 && (a += 12));
-      const o = `${String(a).padStart(2, "0")}:${String(c.value).padStart(2, "0")}`;
-      u("update:modelValue", o);
-    }, m = (a) => {
-      t.value = a, b();
-    }, S = (a) => {
-      c.value = a, b();
-    }, y = (a) => {
-      r.value = a, b();
-    }, d = () => {
-      var a;
-      (a = i == null ? void 0 : i.value) == null || a.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 L(() => e.modelValue, h, { immediate: !0 }), L(() => e.timeFormat, h), L(() => e.minuteInterval, h), (a, o) => (p(), 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: a.offset,
+        offset: r.offset,
         triggerClass: "w-full",
-        "class-name": `v-time-picker ${a.className}`,
-        styles: a.style,
+        "class-name": `v-time-picker ${r.className}`,
+        styles: r.style,
         style: {
           width: "100%"
         }
       }, {
-        trigger: J(() => [
-          G(ut, {
-            hour: t.value,
-            minute: c.value,
-            period: r.value,
-            "is12-hour": n.value,
-            "trigger-class": a.triggerClass,
-            disabled: a.disabled,
-            readonly: a.readonly
+        trigger: G(() => [
+          E(dt, {
+            hour: e.value,
+            minute: u.value,
+            period: n.value,
+            "is12-hour": o.value,
+            "trigger-class": r.triggerClass,
+            disabled: r.disabled,
+            readonly: r.readonly
           }, {
-            default: J(({ displayTime: D }) => [
-              K(a.$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: i,
-            "selected-hour": t.value,
-            "selected-minute": c.value,
-            "selected-period": r.value,
-            "is12-hour": n.value,
-            "minute-interval": a.minuteInterval,
-            onSelectHour: m,
-            onSelectMinute: S,
-            onSelectPeriod: y
+            ref: c,
+            "selected-hour": e.value,
+            "selected-minute": u.value,
+            "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
@@ -1018,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
 };