v-datepicker-lite 0.1.10 → 0.1.12

package/index.js

@@ -1,74 +1,74 @@
-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 { defineComponent as N, computed as _, openBlock as h, createElementBlock as k, createElementVNode as g, Fragment as P, renderList as F, unref as D, toDisplayString as I, normalizeClass as C, ref as x, watch as B, nextTick as L, onMounted as K, shallowRef as oe, isMemoSame as re, createTextVNode as Z, withMemo as ie, createVNode as E, createCommentVNode as q, createBlock as W, 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 U = (e, r = "YYYY-MM-DD") => {
+  const a = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0"), t = String(e.getDate()).padStart(2, "0"), u = String(e.getHours()).padStart(2, "0"), s = String(e.getMinutes()).padStart(2, "0"), c = String(e.getSeconds()).padStart(2, "0"), o = String(e.getMilliseconds()).padStart(3, "0");
+  return r.replace("YYYY", a.toString()).replace("MM", n).replace("DD", t).replace("HH", u).replace("mm", s).replace("ss", c).replace("sss", o);
+}, J = (e) => {
+  if (!e) return null;
+  if (/^\d{4}-\d{2}-\d{2}$/.test(e)) {
+    const [a, n, t] = e.split("-").map(Number);
+    return new Date(a, n - 1, t);
   }
-  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,
+  const r = new Date(e);
+  return isNaN(r.getTime()) ? null : r;
+}, R = (e, r) => e.getFullYear() === r.getFullYear() && e.getMonth() === r.getMonth() && e.getDate() === r.getDate(), ue = (e, r) => e.getFullYear() === r.getFullYear() && e.getMonth() === r.getMonth(), de = (e) => {
+  const r = new Date(e.getFullYear(), 0, 1), a = (e.getTime() - r.getTime()) / 864e5;
+  return Math.ceil((a + r.getDay() + 1) / 7);
+}, le = (e, r) => {
+  const a = new Date(e, r, 1), t = new Date(e, r + 1, 0).getDate(), u = a.getDay(), s = [], c = /* @__PURE__ */ new Date(), o = r === 0 ? 11 : r - 1, p = r === 0 ? e - 1 : e, S = new Date(p, o + 1, 0).getDate();
+  for (let f = u - 1; f >= 0; f--) {
+    const i = new Date(p, o, S - f);
+    s.push({
+      date: i,
+      day: S - f,
       month: o,
-      year: g,
+      year: p,
       isCurrentMonth: !1,
-      isToday: R(r, c),
+      isToday: R(i, c),
       isSelected: !1,
       isDisabled: !1
     });
   }
-  for (let v = 1; v <= e; v++) {
-    const r = new Date(t, i, v);
-    n.push({
-      date: r,
-      day: v,
-      month: i,
-      year: t,
+  for (let f = 1; f <= t; f++) {
+    const i = new Date(e, r, f);
+    s.push({
+      date: i,
+      day: f,
+      month: r,
+      year: e,
       isCurrentMonth: !0,
-      isToday: R(r, c),
+      isToday: R(i, c),
       isSelected: !1,
       isDisabled: !1
     });
   }
-  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,
+  const M = 42 - s.length, T = r === 11 ? 0 : r + 1, $ = r === 11 ? e + 1 : e;
+  for (let f = 1; f <= M; f++) {
+    const i = new Date($, T, f);
+    s.push({
+      date: i,
+      day: f,
       month: T,
       year: $,
       isCurrentMonth: !1,
-      isToday: R(r, c),
+      isToday: R(i, c),
       isSelected: !1,
       isDisabled: !1
     });
   }
-  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,
+  return s;
+}, me = (e, r) => {
+  const a = le(e, r), n = [];
+  for (let t = 0; t < a.length; t += 7) {
+    const u = a.slice(t, t + 7), s = de(u[0].date);
+    n.push({
+      weekNumber: s,
       days: u,
       isSelected: !1
     });
   }
-  return s;
-}, ae = (t) => [
+  return n;
+}, ae = (e) => [
   "January",
   "February",
   "March",
@@ -81,15 +81,15 @@ const U = (t, i = "YYYY-MM-DD") => {
   "October",
   "November",
   "December"
-].map((a, s) => ({
-  month: s,
-  year: t,
+].map((a, n) => ({
+  month: n,
+  year: e,
   name: a,
   isSelected: !1,
   isDisabled: !1
-})), 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;
+})), ne = (e, r, a, n) => {
+  const t = U(e, "YYYY-MM-DD");
+  return r && t < r || a && t > a ? !0 : n ? n.some((u) => u.end ? t >= u.start && t <= u.end : t === u.start) : !1;
 }, X = [
   "January",
   "February",
@@ -103,7 +103,7 @@ const U = (t, i = "YYYY-MM-DD") => {
   "October",
   "November",
   "December"
-], 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({
+], se = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], ve = { class: "date-picker-content dates" }, he = { class: "date-picker-table" }, fe = { class: "date-picker-weekdays-row" }, ge = { class: "date-picker-days-body" }, pe = ["onClick", "disabled"], ke = /* @__PURE__ */ N({
   __name: "DateView",
   props: {
     currentDate: {},
@@ -113,37 +113,37 @@ const U = (t, i = "YYYY-MM-DD") => {
     disabledDates: {}
   },
   emits: ["select"],
-  setup(t, { emit: i }) {
-    const a = t, s = i, e = H(() => le(a.currentDate.getFullYear(), a.currentDate.getMonth()).map((o) => ({
+  setup(e, { emit: r }) {
+    const a = e, n = r, t = _(() => 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(() => {
+      isDisabled: ne(o.date, a.minDate, a.maxDate, a.disabledDates)
+    }))), u = _(() => {
       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);
+      for (let o = 0; o < t.value.length; o += 7)
+        c.push(t.value.slice(o, o + 7));
+      return c.filter((o) => o.some((p) => p.isCurrentMonth));
+    }), s = (c) => {
+      c.isDisabled || n("select", c.date);
     };
     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))
+      g("table", he, [
+        g("thead", null, [
+          g("tr", fe, [
+            (h(!0), k(P, null, F(D(se), (p) => (h(), k("th", { key: p }, I(p), 1))), 128))
           ])
         ]),
-        f("tbody", fe, [
-          (h(!0), k(I, null, A(u.value, (g, S) => (h(), k("tr", {
+        g("tbody", ge, [
+          (h(!0), k(P, null, F(u.value, (p, S) => (h(), k("tr", {
             key: S,
             class: "date-picker-week-row"
           }, [
-            (h(!0), k(I, null, A(g, (M) => (h(), k("td", {
+            (h(!0), k(P, null, F(p, (M) => (h(), k("td", {
               key: `${M.year}-${M.month}-${M.day}`,
               class: "date-picker-day-cell"
             }, [
-              f("button", {
-                class: F([
+              g("button", {
+                class: C([
                   "date-picker-day",
                   {
                     "other-month": !M.isCurrentMonth,
@@ -152,9 +152,9 @@ const U = (t, i = "YYYY-MM-DD") => {
                     disabled: M.isDisabled
                   }
                 ]),
-                onClick: (T) => n(M),
+                onClick: (T) => s(M),
                 disabled: M.isDisabled
-              }, N(M.day), 11, ge)
+              }, I(M.day), 11, pe)
             ]))), 128))
           ]))), 128))
         ])
@@ -165,60 +165,60 @@ const U = (t, i = "YYYY-MM-DD") => {
   class: "date-picker-table date-picker-week-table",
   cellpadding: "0",
   cellspacing: "0"
-}, 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({
+}, Me = { class: "date-picker-weekdays-row" }, be = { class: "date-picker-weeks-body" }, Se = ["onClick"], we = { class: "date-picker-week-number-cell" }, Ye = { class: "date-picker-week-number" }, $e = /* @__PURE__ */ N({
   __name: "WeekView",
   props: {
     currentDate: {},
     selectedDate: {}
   },
   emits: ["select"],
-  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;
+  setup(e, { emit: r }) {
+    const a = e, n = r, t = _(() => me(a.currentDate.getFullYear(), a.currentDate.getMonth()).map((c) => {
+      const o = a.selectedDate ? c.days.some((p) => R(p.date, a.selectedDate)) : !1;
       return {
         ...c,
         isSelected: o
       };
-    })), u = (n) => {
+    })), u = (s) => {
       var o;
-      const c = ((o = n.days.find((g) => g.isCurrentMonth)) == null ? void 0 : o.date) || n.days[0].date;
-      s("select", c);
+      const c = ((o = s.days.find((p) => p.isCurrentMonth)) == null ? void 0 : o.date) || s.days[0].date;
+      n("select", c);
     };
-    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))
+    return (s, c) => (h(), k("div", De, [
+      g("table", ye, [
+        g("thead", null, [
+          g("tr", Me, [
+            c[0] || (c[0] = g("th", { class: "date-picker-weekday date-picker-week-header" }, "Wk", -1)),
+            (h(!0), k(P, null, F(D(se), (o) => (h(), k("th", { key: o }, I(o), 1))), 128))
           ])
         ]),
-        f("tbody", be, [
-          (h(!0), k(I, null, A(e.value, (o) => (h(), k("tr", {
+        g("tbody", be, [
+          (h(!0), k(P, null, F(t.value, (o) => (h(), k("tr", {
             key: o.weekNumber,
-            class: F([
+            class: C([
               "date-picker-week-row",
               {
                 selected: o.isSelected
               }
             ]),
-            onClick: (g) => u(o)
+            onClick: (p) => u(o)
           }, [
-            f("td", _e, [
-              f("div", we, N(o.weekNumber), 1)
+            g("td", we, [
+              g("div", Ye, I(o.weekNumber), 1)
             ]),
-            (h(!0), k(I, null, A(o.days, (g) => (h(), k("td", {
-              key: `${g.year}-${g.month}-${g.day}`,
+            (h(!0), k(P, null, F(o.days, (p) => (h(), k("td", {
+              key: `${p.year}-${p.month}-${p.day}`,
               class: "date-picker-day-cell"
             }, [
-              f("button", {
-                class: F([
+              g("button", {
+                class: C([
                   "date-picker-day",
                   {
-                    "other-month": !g.isCurrentMonth,
-                    today: g.isToday
+                    "other-month": !p.isCurrentMonth,
+                    today: p.isToday
                   }
                 ])
-              }, N(g.day), 3)
+              }, I(p.day), 3)
             ]))), 128))
           ], 10, Se))), 128))
         ])
@@ -226,84 +226,84 @@ const U = (t, i = "YYYY-MM-DD") => {
     ]));
   }
 });
-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;
+function Te(e, r = "24h", a = 1, n) {
+  const t = x(0), u = x(0), s = x([]), c = x(!1), o = _(() => r === "12h"), p = () => {
+    if (e)
+      t.value = e.getHours(), u.value = e.getMinutes(), c.value = !0;
     else {
       const l = /* @__PURE__ */ new Date();
-      e.value = l.getHours(), u.value = l.getMinutes(), c.value = !1;
+      t.value = l.getHours(), u.value = l.getMinutes(), c.value = !1;
     }
     M();
   }, S = (l) => {
-    l ? (e.value = l.getHours(), u.value = l.getMinutes(), c.value = !0) : c.value = !1;
+    l ? (t.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 v = 0; v < (o.value ? 2 : 1); v++) {
+      const H = o.value ? v === 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;
+          const m = (o.value, y), w = o.value ? y === 12 ? v === 0 ? 0 : 12 : y + v * 12 : y, O = `${String(m).padStart(2, "0")}:${String(b).padStart(2, "0")}` + H;
           l.push({
             display: O,
-            value: `${String(_).padStart(2, "0")}:${String(b).padStart(2, "0")}`,
-            hour: _,
+            value: `${String(w).padStart(2, "0")}:${String(b).padStart(2, "0")}`,
+            hour: w,
             minute: b
           });
         }
     }
-    o.value ? n.value = l.map((p) => p.display) : n.value = l.map((p) => p.value);
+    o.value ? s.value = l.map((v) => v.display) : s.value = l.map((v) => v.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";
+      const l = t.value === 0 ? 12 : t.value > 12 ? t.value - 12 : t.value, d = t.value < 12 ? " AM" : " PM";
       return `${String(l).padStart(2, "0")}:${String(u.value).padStart(
         2,
         "0"
       )}${d}`;
     }
-    return `${String(e.value).padStart(2, "0")}:${String(u.value).padStart(2, "0")}`;
+    return `${String(t.value).padStart(2, "0")}:${String(u.value).padStart(2, "0")}`;
   };
   return {
-    hours: e,
+    hours: t,
     minutes: u,
-    timeOptions: n,
+    timeOptions: s,
     is12HourFormat: o,
-    initializeTime: g,
+    initializeTime: p,
     updateTime: S,
     generateTimeOptions: M,
     getCurrentTimeString: T,
     selectTime: (l) => {
-      let d, p;
+      let d, v;
       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);
+        const [y, b] = l.split(" "), [m, w] = y.split(":");
+        d = parseInt(m), v = parseInt(w), b === "AM" ? d === 12 && (d = 0) : d !== 12 && (d += 12);
       } else {
         const [y, b] = l.split(":");
-        d = parseInt(y), p = parseInt(b);
+        d = parseInt(y), v = parseInt(b);
       }
-      if (c.value && e.value === d && u.value === p) {
-        c.value = !1, s("update", null);
+      if (c.value && t.value === d && u.value === v) {
+        c.value = !1, n("update", null);
         return;
       }
-      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);
+      t.value = d, u.value = v, c.value = !0;
+      const H = e ? new Date(e.getTime()) : /* @__PURE__ */ new Date();
+      H.setHours(d, v, 0, 0), n("update", H);
     },
     scrollToSelected: (l) => {
       if (!l || !c.value) return;
-      const d = n.value.findIndex((p) => p === T());
+      const d = s.value.findIndex((v) => v === T());
       if (d >= 0) {
-        const C = l.clientHeight, y = d * 30 - C / 2 + 30 / 2;
+        const H = l.clientHeight, y = d * 30 - H / 2 + 30 / 2;
         l.scrollTop = Math.max(0, y);
       }
     },
     onTimeUpdate: (l) => {
-      e.value = l.getHours(), u.value = l.getMinutes(), c.value = !0, s("update", l);
+      t.value = l.getHours(), u.value = l.getMinutes(), c.value = !0, n("update", l);
     }
   };
 }
-const Te = { class: "time-picker-container" }, He = ["aria-selected", "onClick"], j = /* @__PURE__ */ x({
+const _e = { class: "time-picker-container" }, He = ["aria-selected", "onClick"], j = /* @__PURE__ */ N({
   __name: "TimeView",
   props: {
     selectedTime: {},
@@ -311,81 +311,81 @@ const Te = { class: "time-picker-container" }, He = ["aria-selected", "onClick"]
     minuteInterval: { default: 1 }
   },
   emits: ["update"],
-  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);
+  setup(e, { emit: r }) {
+    const a = e, n = r, t = x(null), { timeOptions: u, initializeTime: s, updateTime: c, getCurrentTimeString: o, selectTime: p, scrollToSelected: S } = Te(a.selectedTime, a.timeFormat, a.minuteInterval, n);
     return B(
       () => a.selectedTime,
       (M) => {
         c(M), L(() => {
-          S(e.value);
+          S(t.value);
         });
       },
       { immediate: !0 }
     ), B(
       () => a.timeFormat,
       () => {
-        n(), L(() => {
-          S(e.value);
+        s(), L(() => {
+          S(t.value);
         });
       }
     ), B(
       () => a.minuteInterval,
       () => {
-        n(), L(() => {
-          S(e.value);
+        s(), L(() => {
+          S(t.value);
         });
       }
     ), K(() => {
-      n(), L(() => {
+      s(), L(() => {
         setTimeout(() => {
-          S(e.value);
+          S(t.value);
         }, 3);
       });
-    }), (M, T) => (h(), k("div", Te, [
-      f("div", {
+    }), (M, T) => (h(), k("div", _e, [
+      g("div", {
         ref_key: "timeListRef",
-        ref: e,
+        ref: t,
         class: "time-wheel",
         role: "listbox",
         "aria-label": "Time Selection"
       }, [
-        (h(!0), k(I, null, A(D(u), ($) => (h(), k("div", {
+        (h(!0), k(P, null, F(D(u), ($) => (h(), k("div", {
           key: $,
-          class: F(["time-option", {
+          class: C(["time-option", {
             selected: $ === D(o)()
           }]),
           role: "option",
           "aria-selected": $ === D(o)(),
-          onClick: (v) => D(g)($)
-        }, N($), 11, He))), 128))
+          onClick: (f) => D(p)($)
+        }, I($), 11, He))), 128))
       ], 512)
     ]));
   }
-}), 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({
+}), xe = { class: "year-view-layout" }, Ce = { class: "years-section" }, Pe = { class: "months-section" }, Fe = { class: "date-picker-table date-picker-months-table" }, Ie = { class: "date-picker-months-body" }, Ae = /* @__PURE__ */ N({
   __name: "YearView",
   props: {
     currentDate: {},
     selectedDate: {}
   },
   emits: ["select", "month-select"],
-  setup(t, { emit: i }) {
-    const a = t, s = i, e = H(() => a.currentDate.getFullYear()), u = H(() => {
+  setup(e, { emit: r }) {
+    const a = e, n = r, t = _(() => a.currentDate.getFullYear()), u = _(() => {
       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++)
+    }), s = oe([]), c = x(null), o = x(!1), p = () => {
+      const d = (/* @__PURE__ */ new Date()).getFullYear() + 20, v = u.value || t.value, H = Math.max(1900, v - 40), y = Math.min(d, v + 9), b = [];
+      for (let m = H; m <= y; m++)
         b.push(m);
-      n.value = b;
+      s.value = b;
     };
     K(() => {
-      g(), S(!1);
+      p(), 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 v = l.getFullYear();
+          (!s.value.includes(v) || s.value.indexOf(v) < 10 || s.value.indexOf(v) > s.value.length - 10) && p(), S(!0);
         }
       }
     );
@@ -400,92 +400,92 @@ const Te = { class: "time-picker-container" }, He = ["aria-selected", "onClick"]
     }, M = async (l) => {
       const d = l.target;
       if (!d || o.value) return;
-      const p = 1900, C = (/* @__PURE__ */ new Date()).getFullYear() + 30;
+      const v = 1900, H = (/* @__PURE__ */ new Date()).getFullYear() + 30;
       if (d.scrollTop === 0) {
-        const y = n.value[0];
-        if (y > p) {
+        const y = s.value[0];
+        if (y > v) {
           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 b = Math.min(20, y - v), m = Array.from({ length: b }, (O, V) => y - b + V), w = d.scrollHeight;
+          s.value = [...m, ...s.value], await L();
           const Y = d.scrollHeight;
-          d.scrollTop = Y - _, setTimeout(() => {
+          d.scrollTop = Y - w, 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) {
+        const y = s.value[s.value.length - 1];
+        if (y < H) {
           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(() => {
+          const b = Math.min(10, H - y), m = Array.from({ length: b }, (w, Y) => y + 1 + Y);
+          s.value = [...s.value, ...m], await L(), setTimeout(() => {
             o.value = !1;
           }, 50);
         }
       }
-    }, T = H(() => ae(e.value).map((l) => ({
+    }, T = _(() => ae(t.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);
+    }), f = (l) => {
+      n("select", l);
+    }, i = (l) => {
+      n("month-select", l.month);
     };
-    return (l, d) => (h(), k("div", Ce, [
-      f("div", Pe, [
-        f("div", {
+    return (l, d) => (h(), k("div", xe, [
+      g("div", Ce, [
+        g("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([
+          (h(!0), k(P, null, F(s.value, (v, H, y, b) => {
+            const m = [v, v === u.value, v === t.value];
+            if (b && b.el && b.key === v && re(b, m)) return b;
+            const w = (h(), k("button", {
+              key: v,
+              class: C([
                 "year-item",
                 {
-                  selected: p === u.value,
-                  current: p === e.value
+                  selected: v === u.value,
+                  current: v === t.value
                 }
               ]),
-              onClick: (Y) => v(p)
+              onClick: (Y) => f(v)
             }, [
-              Z(N(p), 1)
+              Z(I(v), 1)
             ], 10, ["onClick"]));
-            return _.memo = m, _;
+            return w.memo = m, w;
           }, d, 0), 128))
         ], 544)
       ]),
-      f("div", Fe, [
-        f("table", Ie, [
-          f("tbody", Ae, [
-            (h(!0), k(I, null, A($.value, (p, C) => (h(), k("tr", {
-              key: C,
+      g("div", Pe, [
+        g("table", Fe, [
+          g("tbody", Ie, [
+            (h(!0), k(P, null, F($.value, (v, H) => (h(), k("tr", {
+              key: H,
               class: "date-picker-months-row"
             }, [
-              (h(!0), k(I, null, A(p, (y) => (h(), k("td", {
+              (h(!0), k(P, null, F(v, (y) => (h(), k("td", {
                 key: y.month,
                 class: "date-picker-month-cell"
               }, [
                 ie([y.month, y.isSelected, y.isDisabled], () => (h(), k("button", {
-                  class: F([
+                  class: C([
                     "date-picker-month",
                     {
                       selected: y.isSelected,
                       disabled: y.isDisabled
                     }
                   ]),
-                  onClick: (b) => r(y),
+                  onClick: (b) => i(y),
                   disabled: y.isDisabled
                 }, [
-                  Z(N(y.name.substring(0, 3)), 1)
+                  Z(I(y.name.substring(0, 3)), 1)
                 ], 10, ["onClick", "disabled"])), d, 2)
               ]))), 128))
             ]))), 128))
@@ -494,188 +494,188 @@ const Te = { class: "time-picker-container" }, He = ["aria-selected", "onClick"]
       ])
     ]));
   }
-}), 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({
+}), Ne = { class: "date-picker-content months" }, Ve = { class: "date-picker-table date-picker-months-table" }, qe = { class: "date-picker-months-body" }, Be = ["onClick", "disabled"], Le = /* @__PURE__ */ N({
   __name: "MonthView",
   props: {
     currentDate: {},
     selectedDate: {}
   },
   emits: ["select"],
-  setup(t, { emit: i }) {
-    const a = t, s = i, e = H(() => ae(a.currentDate.getFullYear()).map((o) => ({
+  setup(e, { emit: r }) {
+    const a = e, n = r, t = _(() => ae(a.currentDate.getFullYear()).map((o) => ({
       ...o,
       isSelected: a.selectedDate ? o.month === a.selectedDate.getMonth() && o.year === a.selectedDate.getFullYear() : !1
-    }))), u = H(() => {
+    }))), u = _(() => {
       const c = [];
-      for (let o = 0; o < e.value.length; o += 3)
-        c.push(e.value.slice(o, o + 3));
+      for (let o = 0; o < t.value.length; o += 3)
+        c.push(t.value.slice(o, o + 3));
       return c;
-    }), n = (c) => {
-      s("select", c.month);
+    }), s = (c) => {
+      n("select", c.month);
     };
-    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", {
+    return (c, o) => (h(), k("div", Ne, [
+      g("table", Ve, [
+        g("tbody", qe, [
+          (h(!0), k(P, null, F(u.value, (p, S) => (h(), k("tr", {
             key: S,
             class: "date-picker-months-row"
           }, [
-            (h(!0), k(I, null, A(g, (M) => (h(), k("td", {
+            (h(!0), k(P, null, F(p, (M) => (h(), k("td", {
               key: M.month,
               class: "date-picker-month-cell"
             }, [
-              f("button", {
-                class: F([
+              g("button", {
+                class: C([
                   "date-picker-month",
                   {
                     selected: M.isSelected,
                     disabled: M.isDisabled
                   }
                 ]),
-                onClick: (T) => n(M),
+                onClick: (T) => s(M),
                 disabled: M.isDisabled
-              }, N(M.name), 11, Be)
+              }, I(M.name), 11, Be)
             ]))), 128))
           ]))), 128))
         ])
       ])
     ]));
   }
-}), Re = /* @__PURE__ */ x({
+}), Re = /* @__PURE__ */ N({
   __name: "DatePickerHeader",
   props: {
     currentDate: {},
     viewMode: {}
   },
   emits: ["header-click"],
-  setup(t, { emit: i }) {
-    const a = t, s = i, e = H(() => {
-      const n = a.currentDate.getFullYear(), c = a.currentDate.getMonth();
+  setup(e, { emit: r }) {
+    const a = e, n = r, t = _(() => {
+      const s = a.currentDate.getFullYear(), c = a.currentDate.getMonth();
       switch (a.viewMode) {
         case "date":
-          return `${X[c]} ${n}`;
+          return `${X[c]} ${s}`;
         case "year":
-          const o = Math.floor(n / 10) * 10, g = o + 9;
-          return `${o}–${g}`;
+          const o = Math.floor(s / 10) * 10, p = o + 9;
+          return `${o}–${p}`;
         default:
-          return `${X[c]} ${n}`;
+          return `${X[c]} ${s}`;
       }
     }), u = () => {
-      s("header-click");
+      n("header-click");
     };
-    return (n, c) => (h(), k("button", {
+    return (s, c) => (h(), k("button", {
       class: "date-picker-title",
       onClick: u,
       type: "button"
-    }, N(e.value), 1));
+    }, I(t.value), 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");
+function Oe(e, r) {
+  const a = _(() => e.value ? e.value instanceof Date ? e.value : J(e.value) : null), n = x(a.value ? new Date(a.value) : /* @__PURE__ */ new Date()), t = x("date");
   B(a, (m) => {
-    m && (s.value.getFullYear() !== m.getFullYear() || s.value.getMonth() !== m.getMonth()) && (s.value = new Date(m));
+    m && (n.value.getFullYear() !== m.getFullYear() || n.value.getMonth() !== m.getMonth()) && (n.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);
+    const w = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z?$/, Y = /^\d{4}-\d{2}-\d{2}$/;
+    return w.test(m) ? m.includes(".") ? "YYYY-MM-DDTHH:mm:ss.sssZ" : "YYYY-MM-DDTHH:mm:ssZ" : Y.test(m) ? "YYYY-MM-DD" : e.format || "YYYY-MM-DD";
+  }, s = _(() => {
+    if (!e.value) return !1;
+    if (e.value instanceof Date) return !0;
+    const m = u(e.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);
+  }), c = _(() => {
+    if (!e.minDate) return !0;
+    const m = J(e.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);
+    const w = n.value.getFullYear(), Y = n.value.getMonth();
+    return new Date(w, Y, 1) > m;
+  }), o = _(() => {
+    if (!e.maxDate) return !0;
+    const m = J(e.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));
+    const w = n.value.getFullYear(), Y = n.value.getMonth();
+    return new Date(w, Y + 1, 0) < m;
+  }), p = () => {
+    c.value && (n.value = new Date(n.value.getFullYear(), n.value.getMonth() - 1, 1));
   }, S = () => {
-    o.value && (s.value = new Date(s.value.getFullYear(), s.value.getMonth() + 1, 1));
+    o.value && (n.value = new Date(n.value.getFullYear(), n.value.getMonth() + 1, 1));
   }, M = () => {
-    s.value = new Date(s.value.getFullYear() - 1, s.value.getMonth(), 1);
+    n.value = new Date(n.value.getFullYear() - 1, n.value.getMonth(), 1);
   }, T = () => {
-    s.value = new Date(s.value.getFullYear() + 1, s.value.getMonth(), 1);
+    n.value = new Date(n.value.getFullYear() + 1, n.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";
+    n.value = new Date(n.value.getFullYear() - 10, n.value.getMonth(), 1);
+  }, f = () => {
+    n.value = new Date(n.value.getFullYear() + 10, n.value.getMonth(), 1);
+  }, i = () => {
+    n.value = /* @__PURE__ */ new Date(), t.value = "date";
   }, l = () => {
-    switch (e.value) {
+    switch (t.value) {
       case "date":
-        e.value = "year";
+        t.value = "year";
         break;
       case "year":
-        e.value = "date";
+        t.value = "date";
         break;
     }
   }, d = (m) => {
-    if (!se(m, t.minDate, t.maxDate, t.disabledDates)) {
+    if (!ne(m, e.minDate, e.maxDate, e.disabledDates)) {
       if (a.value && R(a.value, m)) {
-        i("update:value", null), i("change", null), i("select", null);
+        r("update:value", null), r("change", null), r("select", null);
         return;
       }
-      t.mode === "dateTime" && a.value && m.setHours(a.value.getHours(), a.value.getMinutes()), b(m);
+      e.mode === "dateTime" && a.value && m.setHours(a.value.getHours(), a.value.getMinutes()), b(m);
     }
-  }, p = (m) => {
+  }, v = (m) => {
     if (a.value && R(a.value, m)) {
-      i("update:value", null), i("change", null), i("select", null);
+      r("update:value", null), r("change", null), r("select", null);
       return;
     }
     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);
+  }, H = (m) => {
+    const w = new Date(n.value.getFullYear(), m, 1);
+    if (n.value = w, t.value = "date", e.mode === "month") {
+      if (a.value && ue(a.value, w)) {
+        r("update:value", null), r("change", null), r("select", null);
         return;
       }
-      b(_);
+      b(w);
     }
   }, y = (m) => {
-    s.value = new Date(m, s.value.getMonth(), 1), e.value = "date";
-  }, b = (m, _ = !1) => {
+    n.value = new Date(m, n.value.getMonth(), 1), t.value = "date";
+  }, b = (m, w = !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" || _)
+    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")
+        Y = U(m, e.format);
+      else if (e.mode === "dateTime" || e.mode === "time" || w)
         Y = m.toISOString();
       else {
-        const O = m.getFullYear(), w = String(m.getMonth() + 1).padStart(2, "0"), V = String(m.getDate()).padStart(2, "0");
-        Y = `${O}-${w}-${V}`;
+        const O = m.getFullYear(), V = String(m.getMonth() + 1).padStart(2, "0"), A = String(m.getDate()).padStart(2, "0");
+        Y = `${O}-${V}-${A}`;
       }
     else
       Y = m;
-    i("update:value", Y), i("change", Y), i("select", Y);
+    r("update:value", Y), r("change", Y), r("select", Y);
   };
   return {
-    currentDate: s,
-    viewMode: e,
+    currentDate: n,
+    viewMode: t,
     selectedDate: a,
     canGoPrev: c,
     canGoNext: o,
-    hasTime: n,
-    goToPrevMonth: g,
+    hasTime: s,
+    goToPrevMonth: p,
     goToNextMonth: S,
     goToPrevYear: M,
     goToNextYear: T,
     goToPrevDecade: $,
-    goToNextDecade: v,
-    goToCurrentDate: r,
+    goToNextDecade: f,
+    goToCurrentDate: i,
     onHeaderClick: l,
     onDateSelect: d,
-    onWeekSelect: p,
-    onMonthSelect: C,
+    onWeekSelect: v,
+    onMonthSelect: H,
     onYearSelect: y,
     emitValue: b
   };
@@ -686,7 +686,7 @@ const ze = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewB
 }, 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"
-}, ht = /* @__PURE__ */ x({
+}, ft = /* @__PURE__ */ N({
   __name: "DatePicker",
   props: {
     value: {},
@@ -701,155 +701,155 @@ const ze = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewB
     minuteInterval: { default: 1 }
   },
   emits: ["update:value", "change", "select"],
-  setup(t, { emit: i }) {
-    const a = t, s = i, {
-      currentDate: e,
+  setup(e, { emit: r }) {
+    const a = e, n = r, {
+      currentDate: t,
       viewMode: u,
-      selectedDate: n,
+      selectedDate: s,
       canGoPrev: c,
       canGoNext: o,
-      hasTime: g,
+      hasTime: p,
       goToPrevMonth: S,
       goToNextMonth: M,
       goToPrevYear: T,
       goToNextYear: $,
-      goToPrevDecade: v,
-      goToNextDecade: r,
+      goToPrevDecade: f,
+      goToNextDecade: i,
       goToCurrentDate: l,
       onHeaderClick: d,
-      onDateSelect: p,
-      onWeekSelect: C,
+      onDateSelect: v,
+      onWeekSelect: H,
       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);
+    } = Oe(a, n), w = (V) => {
+      if (V === null) {
+        if (s.value) {
+          const A = new Date(s.value);
+          A.setHours(0, 0, 0, 0);
+          const z = U(A, "YYYY-MM-DD");
+          n("update:value", z), n("change", z), n("select", z);
         }
         return;
       }
-      if (a.mode === "dateTime" && n.value) {
-        const V = new Date(n.value.getTime());
-        V.setHours(w.getHours(), w.getMinutes(), 0, 0), m(V, !0);
+      if (a.mode === "dateTime" && s.value) {
+        const A = new Date(s.value.getTime());
+        A.setHours(V.getHours(), V.getMinutes(), 0, 0), m(A, !0);
       } else
-        m(w, !0);
+        m(V, !0);
     }, Y = () => {
-      u.value === "year" ? v() : u.value === "month" ? T() : S();
+      u.value === "year" ? f() : u.value === "month" ? T() : S();
     }, O = () => {
-      u.value === "year" ? r() : u.value === "month" ? $() : M();
+      u.value === "year" ? i() : u.value === "month" ? $() : M();
     };
-    return (w, V) => (h(), k("div", {
-      class: F(["date-picker", w.mode == "dateTime" && "date-picker-container-wide"])
+    return (V, A) => (h(), k("div", {
+      class: C(["date-picker", e.mode == "dateTime" && "date-picker-container-wide"])
     }, [
-      w.mode !== "time" ? (h(), k("div", Ge, [
+      e.mode !== "time" ? (h(), k("div", Ge, [
         E(Re, {
-          "current-date": D(e),
+          "current-date": D(t),
           "view-mode": D(u),
           onHeaderClick: D(d)
         }, null, 8, ["current-date", "view-mode", "onHeaderClick"]),
-        f("div", Je, [
-          f("button", {
+        g("div", Je, [
+          g("button", {
             class: "date-picker-nav-button",
             disabled: !D(c),
             onClick: Y,
             type: "button",
             "aria-label": "Previous"
           }, [
-            f("span", {
+            g("span", {
               class: "date-picker-nav-icon",
               innerHTML: D(ze)
             }, null, 8, Ze)
           ], 8, Ue),
-          f("button", {
+          g("button", {
             class: "date-picker-nav-button",
-            onClick: V[0] || (V[0] = //@ts-ignore
+            onClick: A[0] || (A[0] = //@ts-ignore
             (...z) => D(l) && D(l)(...z)),
             type: "button",
             "aria-label": "Current Date"
           }, [
-            f("span", {
+            g("span", {
               class: "date-picker-nav-icon",
               innerHTML: D(Ee)
             }, null, 8, Xe)
           ]),
-          f("button", {
+          g("button", {
             class: "date-picker-nav-button",
             disabled: !D(o),
             onClick: O,
             type: "button",
             "aria-label": "Next"
           }, [
-            f("span", {
+            g("span", {
               class: "date-picker-nav-icon",
               innerHTML: D(We)
             }, null, 8, Ke)
           ], 8, je)
         ])
       ])) : q("", !0),
-      f("div", {
-        class: F({
-          "date-picker-datetime-layout": w.mode === "dateTime" && D(u) === "date"
+      g("div", {
+        class: C({
+          "date-picker-datetime-layout": e.mode === "dateTime" && D(u) === "date"
         })
       }, [
-        f("div", Qe, [
-          D(u) === "date" && (w.mode === "date" || w.mode === "dateTime") ? (h(), W(ke, {
+        g("div", Qe, [
+          D(u) === "date" && (e.mode === "date" || e.mode === "dateTime") ? (h(), W(ke, {
             key: 0,
-            "current-date": D(e),
-            "selected-date": D(n),
-            "min-date": w.minDate,
-            "max-date": w.maxDate,
-            "disabled-dates": w.disabledDates,
-            onSelect: D(p)
+            "current-date": D(t),
+            "selected-date": D(s),
+            "min-date": e.minDate,
+            "max-date": e.maxDate,
+            "disabled-dates": e.disabledDates,
+            onSelect: D(v)
           }, null, 8, ["current-date", "selected-date", "min-date", "max-date", "disabled-dates", "onSelect"])) : q("", !0),
-          w.mode === "week" && D(u) === "date" ? (h(), W(Ye, {
+          e.mode === "week" && D(u) === "date" ? (h(), W($e, {
             key: 1,
-            "current-date": D(e),
-            "selected-date": D(n),
-            onSelect: D(C)
+            "current-date": D(t),
+            "selected-date": D(s),
+            onSelect: D(H)
           }, null, 8, ["current-date", "selected-date", "onSelect"])) : q("", !0),
-          D(u) !== "year" && (D(u) === "month" || w.mode === "month") ? (h(), W(Le, {
+          D(u) !== "year" && (D(u) === "month" || e.mode === "month") ? (h(), W(Le, {
             key: 2,
-            "current-date": D(e),
-            "selected-date": D(n),
+            "current-date": D(t),
+            "selected-date": D(s),
             onSelect: D(y)
           }, null, 8, ["current-date", "selected-date", "onSelect"])) : q("", !0),
-          D(u) === "year" ? (h(), W(Ne, {
+          D(u) === "year" ? (h(), W(Ae, {
             key: 3,
-            "current-date": D(e),
-            "selected-date": D(n),
+            "current-date": D(t),
+            "selected-date": D(s),
             onSelect: D(b),
             onMonthSelect: D(y)
           }, null, 8, ["current-date", "selected-date", "onSelect", "onMonthSelect"])) : q("", !0)
         ]),
-        w.mode === "dateTime" && D(u) === "date" ? (h(), k("div", et, [
+        e.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: _
+            "selected-time": D(p) ? D(s) : null,
+            "time-format": e.timeFormat,
+            "minute-interval": e.minuteInterval,
+            onUpdate: w
           }, null, 8, ["selected-time", "time-format", "minute-interval"])
         ])) : q("", !0)
       ], 2),
-      w.mode === "time" ? (h(), W(j, {
+      e.mode === "time" ? (h(), W(j, {
         key: 1,
-        "selected-time": D(n),
-        "time-format": w.timeFormat,
-        "minute-interval": w.minuteInterval,
-        onUpdate: _
+        "selected-time": D(s),
+        "time-format": e.timeFormat,
+        "minute-interval": e.minuteInterval,
+        onUpdate: w
       }, null, 8, ["selected-time", "time-format", "minute-interval"])) : q("", !0)
     ], 2));
   }
 }), tt = {
   ref: "dropdownRef",
   class: "time-picker-dropdown"
-}, lt = { class: "time-picker-sections" }, at = { class: "time-picker-time-section" }, st = ["onClick"], nt = { class: "time-picker-time-section" }, ot = ["onClick"], rt = {
+}, lt = { class: "time-picker-sections" }, at = { class: "time-picker-time-section" }, nt = ["onClick"], st = { class: "time-picker-time-section" }, ot = ["onClick"], rt = {
   key: 0,
   class: "time-picker-time-section time-picker-period-section"
-}, it = /* @__PURE__ */ x({
+}, it = /* @__PURE__ */ N({
   __name: "TimePickerDropdown",
   props: {
     selectedHour: {},
@@ -859,82 +859,82 @@ const ze = '<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(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);
+  setup(e, { expose: r, emit: a }) {
+    const n = e, t = a, u = x(null), s = x(null), c = x(null), o = _(() => n.is12Hour ? Array.from({ length: 12 }, (f, i) => i + 1) : Array.from({ length: 24 }, (f, i) => i)), p = _(() => {
+      const f = n.minuteInterval, i = Math.floor(60 / f);
+      return Array.from({ length: i }, (l, d) => d * f);
     }), 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" });
+        const f = u.value.querySelectorAll(".time-picker-option-button"), i = Array.from(f).findIndex((l) => l.classList.contains("selected"));
+        i !== -1 && f[i].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 (s.value) {
+        const f = s.value.querySelectorAll(".time-picker-option-button"), i = Array.from(f).findIndex((l) => l.classList.contains("selected"));
+        i !== -1 && f[i].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" });
+      if (n.is12Hour && c.value) {
+        const f = c.value.querySelectorAll(".time-picker-option-button"), i = Array.from(f).findIndex((l) => l.classList.contains("selected"));
+        i !== -1 && f[i].scrollIntoView({ block: "center", behavior: "auto" });
       }
-    }, M = (v) => {
-      e("select-hour", v);
-    }, T = (v) => {
-      e("select-minute", v);
-    }, $ = (v) => {
-      e("select-period", v);
+    }, M = (f) => {
+      t("select-hour", f);
+    }, T = (f) => {
+      t("select-minute", f);
+    }, $ = (f) => {
+      t("select-period", f);
     };
-    return i({ scrollToSelected: S }), (v, r) => (h(), k("div", tt, [
-      f("div", lt, [
-        f("div", at, [
-          f("div", {
+    return r({ scrollToSelected: S }), (f, i) => (h(), k("div", tt, [
+      g("div", lt, [
+        g("div", at, [
+          g("div", {
             ref_key: "hourScroll",
             ref: u,
             class: "time-picker-options-scroll"
           }, [
-            (h(!0), k(I, null, A(o.value, (l) => (h(), k("button", {
+            (h(!0), k(P, null, F(o.value, (l) => (h(), k("button", {
               key: l,
               type: "button",
-              class: F(["time-picker-option-button", { selected: l === v.selectedHour }]),
+              class: C(["time-picker-option-button", { selected: l === e.selectedHour }]),
               onClick: (d) => M(l)
-            }, N(String(l).padStart(2, "0")), 11, st))), 128))
+            }, I(String(l).padStart(2, "0")), 11, nt))), 128))
           ], 512)
         ]),
-        f("div", nt, [
-          f("div", {
+        g("div", st, [
+          g("div", {
             ref_key: "minuteScroll",
-            ref: n,
+            ref: s,
             class: "time-picker-options-scroll"
           }, [
-            (h(!0), k(I, null, A(g.value, (l) => (h(), k("button", {
+            (h(!0), k(P, null, F(p.value, (l) => (h(), k("button", {
               key: l,
               type: "button",
-              class: F(["time-picker-option-button", { selected: l === v.selectedMinute }]),
+              class: C(["time-picker-option-button", { selected: l === e.selectedMinute }]),
               onClick: (d) => T(l)
-            }, N(String(l).padStart(2, "0")), 11, ot))), 128))
+            }, I(String(l).padStart(2, "0")), 11, ot))), 128))
           ], 512)
         ]),
-        v.is12Hour ? (h(), k("div", rt, [
-          f("div", {
+        e.is12Hour ? (h(), k("div", rt, [
+          g("div", {
             ref_key: "periodScroll",
             ref: c,
             class: "time-picker-options-scroll"
           }, [
-            f("button", {
+            g("button", {
               type: "button",
-              class: F(["time-picker-option-button", { selected: v.selectedPeriod === "AM" }]),
-              onClick: r[0] || (r[0] = (l) => $("AM"))
+              class: C(["time-picker-option-button", { selected: e.selectedPeriod === "AM" }]),
+              onClick: i[0] || (i[0] = (l) => $("AM"))
             }, " AM ", 2),
-            f("button", {
+            g("button", {
               type: "button",
-              class: F(["time-picker-option-button", { selected: v.selectedPeriod === "PM" }]),
-              onClick: r[1] || (r[1] = (l) => $("PM"))
+              class: C(["time-picker-option-button", { selected: e.selectedPeriod === "PM" }]),
+              onClick: i[1] || (i[1] = (l) => $("PM"))
             }, " PM ", 2)
           ], 512)
         ])) : q("", !0)
       ])
     ], 512));
   }
-}), ct = ["disabled"], ut = { class: "time-display" }, dt = /* @__PURE__ */ x({
+}), ct = ["disabled"], ut = { class: "time-display" }, dt = /* @__PURE__ */ N({
   __name: "TimePickerInput",
   props: {
     hour: {},
@@ -945,23 +945,23 @@ const ze = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewB
     disabled: { type: Boolean },
     readonly: { type: Boolean }
   },
-  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}`;
+  setup(e) {
+    const r = e, a = _(() => {
+      const n = String(r.minute).padStart(2, "0");
+      if (r.is12Hour) {
+        let t = r.hour % 12;
+        return t === 0 && (t = 12), `${String(t).padStart(2, "0")}:${n} ${r.period}`;
       } else
-        return `${String(i.hour).padStart(2, "0")}:${s}`;
+        return `${String(r.hour).padStart(2, "0")}:${n}`;
     });
-    return (s, e) => Q(s.$slots, "default", ee(te({ displayTime: a.value })), () => [
-      f("button", {
+    return (n, t) => Q(n.$slots, "default", ee(te({ displayTime: a.value })), () => [
+      g("button", {
         type: "button",
-        class: F(["time-picker-input", [s.triggerClass, { "is-disabled": s.disabled, "is-readonly": s.readonly }]]),
-        disabled: s.disabled || s.readonly
+        class: C(["time-picker-input", [e.triggerClass, { "is-disabled": e.disabled, "is-readonly": e.readonly }]]),
+        disabled: e.disabled || e.readonly
       }, [
-        f("span", ut, N(a.value), 1),
-        e[0] || (e[0] = f("svg", {
+        g("span", ut, I(a.value), 1),
+        t[0] || (t[0] = g("svg", {
           class: "time-picker-clock-icon",
           xmlns: "http://www.w3.org/2000/svg",
           width: "18",
@@ -973,19 +973,19 @@ const ze = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewB
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
         }, [
-          f("circle", {
+          g("circle", {
             cx: "12",
             cy: "12",
             r: "10"
           }),
-          f("polyline", { points: "12,6 12,12 16,14" })
+          g("polyline", { points: "12,6 12,12 16,14" })
         ], -1))
       ], 10, ct)
     ]);
   }
 }), mt = { style: {
   width: "100%"
-} }, ft = /* @__PURE__ */ x({
+} }, gt = /* @__PURE__ */ N({
   __name: "TimePicker",
   props: {
     modelValue: { default: null },
@@ -999,66 +999,66 @@ const ze = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewB
     readonly: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  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 = () => {
+  setup(e, { emit: r }) {
+    const a = e, n = r, t = x(12), u = x(0), s = x("AM"), c = x(null), o = _(() => a.timeFormat === "12h"), p = () => {
       if (a.modelValue) {
-        let r = 0, l = 0;
+        let i = 0, l = 0;
         if (a.modelValue instanceof Date)
-          r = a.modelValue.getHours(), l = a.modelValue.getMinutes();
+          i = 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);
+          const [d, v] = a.modelValue.split(":");
+          i = parseInt(d), l = parseInt(v);
         } else {
           const d = /* @__PURE__ */ new Date();
-          r = d.getHours(), l = d.getMinutes();
+          i = d.getHours(), l = d.getMinutes();
         }
-        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;
+        u.value = l, o.value ? i === 0 ? (t.value = 12, s.value = "AM") : i === 12 ? (t.value = 12, s.value = "PM") : i > 12 ? (t.value = i - 12, s.value = "PM") : (t.value = i, s.value = "AM") : t.value = i;
       } else {
-        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;
+        const i = /* @__PURE__ */ new Date(), l = i.getHours(), d = i.getMinutes();
+        u.value = d, o.value ? l === 0 ? (t.value = 12, s.value = "AM") : l === 12 ? (t.value = 12, s.value = "PM") : l > 12 ? (t.value = l - 12, s.value = "PM") : (t.value = l, s.value = "AM") : t.value = l;
       }
     }, 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();
+      let i = t.value;
+      o.value && (s.value === "AM" && i === 12 ? i = 0 : s.value === "PM" && i !== 12 && (i += 12));
+      const l = `${String(i).padStart(2, "0")}:${String(u.value).padStart(2, "0")}`;
+      n("update:modelValue", l);
+    }, M = (i) => {
+      t.value = i, S();
+    }, T = (i) => {
+      u.value = i, S();
+    }, $ = (i) => {
+      s.value = i, S();
+    }, f = () => {
+      var i;
+      (i = c == null ? void 0 : c.value) == null || i.scrollToSelected();
     };
-    return B(() => a.modelValue, g, { immediate: !0 }), B(() => a.timeFormat, g), B(() => a.minuteInterval, g), (r, l) => (h(), k("div", mt, [
+    return B(() => a.modelValue, p, { immediate: !0 }), B(() => a.timeFormat, p), B(() => a.minuteInterval, p), (i, l) => (h(), k("div", mt, [
       E(D(ce), {
         trigger: "click",
         placement: "bottom-start",
-        onOnShow: v,
+        onOnShow: f,
         teleport: "",
         arrow: !1,
-        offset: r.offset,
+        offset: e.offset,
         triggerClass: "w-full",
-        "class-name": `v-time-picker ${r.className}`,
-        styles: r.style,
+        "class-name": `v-time-picker ${e.className}`,
+        styles: e.style,
         style: {
           width: "100%"
         }
       }, {
         trigger: G(() => [
           E(dt, {
-            hour: e.value,
+            hour: t.value,
             minute: u.value,
-            period: n.value,
+            period: s.value,
             "is12-hour": o.value,
-            "trigger-class": r.triggerClass,
-            disabled: r.disabled,
-            readonly: r.readonly
+            "trigger-class": e.triggerClass,
+            disabled: e.disabled,
+            readonly: e.readonly
           }, {
             default: G(({ displayTime: d }) => [
-              Q(r.$slots, "default", ee(te({ displayTime: d })))
+              Q(i.$slots, "default", ee(te({ displayTime: d })))
             ]),
             _: 3
           }, 8, ["hour", "minute", "period", "is12-hour", "trigger-class", "disabled", "readonly"])
@@ -1067,11 +1067,11 @@ const ze = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewB
           E(it, {
             ref_key: "dropdownRef",
             ref: c,
-            "selected-hour": e.value,
+            "selected-hour": t.value,
             "selected-minute": u.value,
-            "selected-period": n.value,
+            "selected-period": s.value,
             "is12-hour": o.value,
-            "minute-interval": r.minuteInterval,
+            "minute-interval": e.minuteInterval,
             onSelectHour: M,
             onSelectMinute: T,
             onSelectPeriod: $
@@ -1083,6 +1083,6 @@ const ze = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewB
   }
 });
 export {
-  ft as TimePicker,
-  ht as default
+  gt as TimePicker,
+  ft as default
 };