npm - @featherk/composables - Versions diffs - 0.5.7 → 0.6.0 - Mend

@featherk/composables 0.5.7 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/date/useMaskedDateInput.d.ts +8 -2
package/dist/featherk-composables.es.js +768 -704
package/dist/featherk-composables.umd.js +1 -1
package/dist/time/useMaskedTimeInput.d.ts +8 -3
package/docs/date/useMaskedDateInput.md +23 -7
package/docs/time/useMaskedTimeInput.md +22 -9
package/package.json +1 -1

package/dist/featherk-composables.es.js CHANGED Viewed

@@ -1,18 +1,18 @@
-import { ref as z, onBeforeUnmount as xe, nextTick as N, computed as A, watch as le, onMounted as De, readonly as _, getCurrentScope as Me, onScopeDispose as $e, toValue as ie, unref as Ce, shallowRef as Ie } from "vue";
-import { useFocusTrap as Te } from "@vueuse/integrations/useFocusTrap";
-const Ye = (e) => {
-  const t = z(null);
-  let f = !1, P = null, q = null;
-  const V = [], j = ".k-table-row[data-grid-row-index] [tabindex]", v = () => e?.value?.columns, b = (o) => {
-    const s = o.key || o.code;
-    [" ", "Spacebar", "Space", "Enter"].includes(s) && (o.preventDefault(), o.stopPropagation(), t.value = o.target, o.target.click());
-  }, C = (o) => {
-    if (!t.value) return;
+import { ref as z, onBeforeUnmount as xe, nextTick as N, computed as D, watch as ie, onMounted as De, readonly as _, getCurrentScope as Me, onScopeDispose as $e, toValue as ue, unref as Ce, shallowRef as Ie } from "vue";
+import { useFocusTrap as Le } from "@vueuse/integrations/useFocusTrap";
+const Ve = (e) => {
+  const n = z(null);
+  let d = !1, q = null, R = null;
+  const K = [], H = ".k-table-row[data-grid-row-index] [tabindex]", E = () => e?.value?.columns, k = (o) => {
+    const c = o.key || o.code;
+    [" ", "Spacebar", "Space", "Enter"].includes(c) && (o.preventDefault(), o.stopPropagation(), n.value = o.target, o.target.click());
+  }, y = (o) => {
+    if (!n.value) return;
     if (o.code === "Escape") {
-      o.preventDefault(), o.stopPropagation(), t.value && t.value.focus();
+      o.preventDefault(), o.stopPropagation(), n.value && n.value.focus();
       return;
     }
-    const s = Array.from(
+    const c = Array.from(
       document.querySelectorAll(
         ".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"
       )
@@ -23,97 +23,97 @@ const Ye = (e) => {
           ".k-filter-menu-container .k-dropdownlist[tabindex='0']",
           ".k-filter-menu-container input.k-input-inner:not([tabindex='-1']):not([disabled])",
           ".k-filter-menu-container button:not([tabindex='-1']):not([disabled])"
-        ], d = Array.from(
+        ], m = Array.from(
           l.querySelectorAll(i.join(","))
         );
-        if (d.length === 0) return;
-        const k = d.findIndex(
-          (T) => T === document.activeElement
+        if (m.length === 0) return;
+        const M = m.findIndex(
+          (P) => P === document.activeElement
         );
-        let S;
-        k === -1 ? S = 0 : o.shiftKey ? S = (k - 1 + d.length) % d.length : S = (k + 1) % d.length, o.preventDefault(), o.stopPropagation(), d[S]?.focus();
+        let w;
+        M === -1 ? w = 0 : o.shiftKey ? w = (M - 1 + m.length) % m.length : w = (M + 1) % m.length, o.preventDefault(), o.stopPropagation(), m[w]?.focus();
         return;
       }
     } else if (o.code === "ArrowUp" || o.code === "ArrowDown") {
       o.preventDefault(), o.stopPropagation();
-      const i = s.findIndex(
-        (k) => k === document.activeElement
+      const i = c.findIndex(
+        (M) => M === document.activeElement
       );
-      let d = i;
-      o.code === "ArrowUp" ? d = i > 0 ? i - 1 : s.length - 1 : o.code === "ArrowDown" && (d = i < s.length - 1 ? i + 1 : 0), s[d]?.focus();
+      let m = i;
+      o.code === "ArrowUp" ? m = i > 0 ? i - 1 : c.length - 1 : o.code === "ArrowDown" && (m = i < c.length - 1 ? i + 1 : 0), c[m]?.focus();
       return;
     }
-    o.code === "Tab" && (o.preventDefault(), o.stopPropagation(), o.shiftKey ? (t.value?.previousElementSibling).focus() : (t.value?.nextElementSibling).focus());
-  }, h = () => {
-    P = new MutationObserver((o) => {
-      o.forEach((s) => {
-        s.addedNodes.forEach((l) => {
+    o.code === "Tab" && (o.preventDefault(), o.stopPropagation(), o.shiftKey ? (n.value?.previousElementSibling).focus() : (n.value?.nextElementSibling).focus());
+  }, A = () => {
+    q = new MutationObserver((o) => {
+      o.forEach((c) => {
+        c.addedNodes.forEach((l) => {
           if (l.nodeType === Node.ELEMENT_NODE) {
             const i = l;
             if (i.classList.contains("k-animation-container")) {
-              const k = t.value;
-              k && (k.dataset.featherKSortable === "true" || N(() => {
+              const M = n.value;
+              M && (M.dataset.featherKSortable === "true" || N(() => {
                 i.querySelectorAll(
                   ".k-columnmenu-item-wrapper"
-                ).forEach((B) => {
-                  B.textContent?.toLowerCase().includes("sort") && B.remove();
+                ).forEach((W) => {
+                  W.textContent?.toLowerCase().includes("sort") && W.remove();
                 });
               })), i.addEventListener(
                 "keydown",
-                C
+                y
               ), N(() => {
-                const S = () => {
-                  const T = Array.from(
+                const w = () => {
+                  const P = Array.from(
                     i.querySelectorAll(
                       ".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"
                     )
                   );
-                  if (T.length === 1)
-                    T[0].focus(), T[0].click(), S.attempts = 0;
-                  else if (T.length > 1) {
-                    S.attempts = 0;
+                  if (P.length === 1)
+                    P[0].focus(), P[0].click(), w.attempts = 0;
+                  else if (P.length > 1) {
+                    w.attempts = 0;
                     return;
                   } else
-                    S.attempts === void 0 && (S.attempts = 0), S.attempts++ < 3 && setTimeout(S, 200);
+                    w.attempts === void 0 && (w.attempts = 0), w.attempts++ < 3 && setTimeout(w, 200);
                 };
-                S();
+                w();
               });
             }
             i.querySelectorAll(
               ".k-animation-container"
-            ).forEach((k) => {
-              k.addEventListener(
+            ).forEach((M) => {
+              M.addEventListener(
                 "keydown",
-                C
+                y
               );
             });
           }
-        }), s.removedNodes.forEach((l) => {
+        }), c.removedNodes.forEach((l) => {
           if (l.nodeType === Node.ELEMENT_NODE) {
             const i = l;
             i.classList.contains("k-animation-container") && i.removeEventListener(
               "keydown",
-              C
+              y
             ), i.querySelectorAll(
               ".k-animation-container"
-            ).forEach((k) => {
-              k.removeEventListener(
+            ).forEach((M) => {
+              M.removeEventListener(
                 "keydown",
-                C
+                y
               );
             });
           }
         });
       });
-    }), P.observe(document.body, {
+    }), q.observe(document.body, {
       childList: !0,
       subtree: !0
     });
   }, L = (o) => {
     if (!o.type || !o)
       return;
-    const s = o.target;
-    if (s) {
+    const c = o.target;
+    if (c) {
       if (o.code === "Escape") {
         const l = document.activeElement?.closest(".k-table-row[data-grid-row-index]");
         if (l) {
@@ -123,7 +123,7 @@ const Ye = (e) => {
               e?.value.$el.querySelectorAll(
                 ".k-table-row[data-grid-row-index]"
               )
-            ).forEach((d) => d.setAttribute("tabindex", "-1"));
+            ).forEach((m) => m.setAttribute("tabindex", "-1"));
           } catch {
           }
           l.setAttribute("tabindex", "0"), l.focus();
@@ -138,57 +138,57 @@ const Ye = (e) => {
         "Enter",
         "Space"
       ].includes(o.code)) {
-        if (o.preventDefault(), s.classList.contains("k-grid-header-menu") && s.classList.contains("k-grid-column-menu")) {
-          t.value = s;
+        if (o.preventDefault(), c.classList.contains("k-grid-header-menu") && c.classList.contains("k-grid-column-menu")) {
+          n.value = c;
           return;
         }
-        const l = s.closest(
+        const l = c.closest(
           ".k-table-row[data-grid-row-index]"
         );
         if (l) {
           if (["ArrowDown", "ArrowUp"].includes(o.code)) {
-            const i = (k, S) => {
-              let T = S === "next" ? k.nextElementSibling : k.previousElementSibling;
-              for (; T; ) {
-                const B = T;
+            const i = (M, w) => {
+              let P = w === "next" ? M.nextElementSibling : M.previousElementSibling;
+              for (; P; ) {
+                const W = P;
                 try {
-                  if (B.hasAttribute && B.classList.contains("k-table-row"))
-                    return B;
+                  if (W.hasAttribute && W.classList.contains("k-table-row"))
+                    return W;
                 } catch {
                 }
-                T = S === "next" ? T.nextElementSibling : T.previousElementSibling;
+                P = w === "next" ? P.nextElementSibling : P.previousElementSibling;
               }
               return null;
-            }, d = o.code === "ArrowDown" ? i(l, "next") : i(l, "previous");
-            d && (l.setAttribute("tabindex", "-1"), d.setAttribute("tabindex", "0"), d.focus());
+            }, m = o.code === "ArrowDown" ? i(l, "next") : i(l, "previous");
+            m && (l.setAttribute("tabindex", "-1"), m.setAttribute("tabindex", "0"), m.focus());
             return;
           }
           if (["ArrowLeft", "ArrowRight"].includes(o.code)) {
             o.preventDefault();
             const i = l.querySelectorAll(
-              j
+              H
             );
             if (i.length === 0) return;
-            let d = Array.from(i).findIndex(
-              (k) => k === document.activeElement
+            let m = Array.from(i).findIndex(
+              (M) => M === document.activeElement
             );
-            if (d === -1 && document.activeElement === l) {
+            if (m === -1 && document.activeElement === l) {
               i[0].focus();
               return;
             }
-            o.code === "ArrowRight" ? d = d === i.length - 1 ? 0 : d + 1 : o.code === "ArrowLeft" && (d = d === i.length - 1 ? d - 1 : i.length - 1), i[d].focus();
+            o.code === "ArrowRight" ? m = m === i.length - 1 ? 0 : m + 1 : o.code === "ArrowLeft" && (m = m === i.length - 1 ? m - 1 : i.length - 1), i[m].focus();
             return;
           }
         }
       }
     }
-  }, E = () => {
+  }, x = () => {
     N(() => {
       const o = e.value.$el.closest(".k-grid");
       o && o.classList.add("fk-grid");
     });
-  }, y = () => {
-    if (!q)
+  }, S = () => {
+    if (!R)
       try {
         const o = () => {
           try {
@@ -198,81 +198,81 @@ const Ye = (e) => {
               )
             );
             if (!i || i.length === 0 || i.filter(
-              (S) => S.getAttribute("tabindex") === "0"
+              (w) => w.getAttribute("tabindex") === "0"
             ).length === 1) return;
-            const k = i.find(
-              (S) => S === document.activeElement || S.contains(document.activeElement)
+            const M = i.find(
+              (w) => w === document.activeElement || w.contains(document.activeElement)
             );
-            if (i.forEach((S) => S.setAttribute("tabindex", "-1")), k) {
-              k.setAttribute("tabindex", "0");
+            if (i.forEach((w) => w.setAttribute("tabindex", "-1")), M) {
+              M.setAttribute("tabindex", "0");
               return;
             }
             i[0].setAttribute("tabindex", "0");
           } catch (i) {
             console.error("ensureSingleTabindex error:", i);
           }
-        }, s = Array.from(
+        }, c = Array.from(
           e.value.$el.querySelectorAll(
             ".k-table-row[data-grid-row-index]"
           )
         );
-        s.length > 0 && s.forEach((i, d) => {
-          i.setAttribute("tabindex", d === 0 ? "0" : "-1");
+        c.length > 0 && c.forEach((i, m) => {
+          i.setAttribute("tabindex", m === 0 ? "0" : "-1");
         });
         const l = e.value.$el.querySelector(".k-table-tbody");
-        l && (q = new MutationObserver(() => {
+        l && (R = new MutationObserver(() => {
           o();
-        }), q.observe(l, { childList: !0, subtree: !0 }));
+        }), R.observe(l, { childList: !0, subtree: !0 }));
       } catch (o) {
         console.error("Error setting up row navigation:", o);
       }
-  }, I = () => {
+  }, T = () => {
     N(() => {
-      const s = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
-      s && s.forEach((l) => {
+      const c = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
+      c && c.forEach((l) => {
         l.setAttribute("role", "button"), l.addEventListener(
           "keydown",
-          b
+          k
         );
-      }), h(), m();
+      }), A(), f();
     });
-  }, O = () => {
-    const s = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
-    s && s.forEach((l) => {
+  }, I = () => {
+    const c = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
+    c && c.forEach((l) => {
       l.removeEventListener(
         "keydown",
-        b
+        k
       );
-    }), P && (P.disconnect(), P = null), q && (q.disconnect(), q = null), V.forEach((l) => l()), V.length = 0;
-  }, m = () => {
+    }), q && (q.disconnect(), q = null), R && (R.disconnect(), R = null), K.forEach((l) => l()), K.length = 0;
+  }, f = () => {
     document.querySelectorAll(
       ".k-grid-header .k-table-thead th"
     ).forEach((l, i) => {
-      const d = l.querySelector(
+      const m = l.querySelector(
         ".k-grid-header-menu.k-grid-column-menu"
       );
-      if (!d) return;
-      const k = v();
-      if (k && k[i]) {
-        const r = k[i].field ?? "";
-        l.setAttribute("data-feather-k-field", r), l.setAttribute(
+      if (!m) return;
+      const M = E();
+      if (M && M[i]) {
+        const B = M[i].field ?? "";
+        l.setAttribute("data-feather-k-field", B), l.setAttribute(
           "data-feather-k-filterable",
-          k[i].filterable === !1 ? "false" : "true"
+          M[i].filterable === !1 ? "false" : "true"
         ), l.setAttribute(
           "data-feather-k-sortable",
-          k[i].sortable === !1 ? "false" : "true"
+          M[i].sortable === !1 ? "false" : "true"
         );
       }
-      const S = l.dataset.featherKFilterable !== "false", T = l.dataset.featherKSortable !== "false";
-      d.setAttribute("tabindex", "-1"), S || T ? l.style.cursor = "pointer" : l.style.cursor = "default", S ? (l.setAttribute("tabindex", "0"), l.setAttribute("role", "button"), l.setAttribute("aria-haspopup", "menu")) : (l.setAttribute("tabindex", "0"), l.setAttribute("role", "columnheader"), l.removeAttribute("aria-haspopup"));
-      const B = (r) => {
-        r.target?.closest(".k-column-resizer") || (t.value = l, d.click());
-      }, a = (r) => {
-        if (S)
-          t.value = l, r.preventDefault(), r.stopPropagation(), B(r);
-        else if (T) {
-          t.value = l;
-          const u = new KeyboardEvent("keydown", {
+      const w = l.dataset.featherKFilterable !== "false", P = l.dataset.featherKSortable !== "false";
+      m.setAttribute("tabindex", "-1"), w || P ? l.style.cursor = "pointer" : l.style.cursor = "default", w ? (l.setAttribute("tabindex", "0"), l.setAttribute("role", "button"), l.setAttribute("aria-haspopup", "menu")) : (l.setAttribute("tabindex", "0"), l.setAttribute("role", "columnheader"), l.removeAttribute("aria-haspopup"));
+      const W = (B) => {
+        B.target?.closest(".k-column-resizer") || (n.value = l, m.click());
+      }, X = (B) => {
+        if (w)
+          n.value = l, B.preventDefault(), B.stopPropagation(), W(B);
+        else if (P) {
+          n.value = l;
+          const te = new KeyboardEvent("keydown", {
             key: "Enter",
             code: "Enter",
             keyCode: 13,
@@ -280,210 +280,214 @@ const Ye = (e) => {
             bubbles: !0,
             cancelable: !0
           });
-          l.dispatchEvent(u);
+          l.dispatchEvent(te);
         }
       };
-      l.addEventListener("click", a), V.push(() => {
-        l.removeEventListener("click", a);
+      l.addEventListener("click", X), K.push(() => {
+        l.removeEventListener("click", X);
       });
-      const g = (r) => {
-        if ((r.code === "Enter" || r.code === "Space") && (S || T)) {
-          if (t.value = l, t.value.focus(), S)
-            r.preventDefault(), r.stopPropagation(), B(r);
-          else if (T) {
-            const u = l.querySelector(".k-link");
-            u && u.click();
+      const Z = (B) => {
+        if ((B.code === "Enter" || B.code === "Space") && (w || P)) {
+          if (n.value = l, n.value.focus(), w)
+            B.preventDefault(), B.stopPropagation(), W(B);
+          else if (P) {
+            const te = l.querySelector(".k-link");
+            te && te.click();
           }
         }
       };
-      l.addEventListener("keydown", g, !0), V.push(() => {
-        l.removeEventListener("keydown", g, !0);
+      l.addEventListener("keydown", Z, !0), K.push(() => {
+        l.removeEventListener("keydown", Z, !0);
       });
     });
-    const s = document.querySelector(".k-grid-header .k-table-thead");
-    if (s) {
+    const c = document.querySelector(".k-grid-header .k-table-thead");
+    if (c) {
       const l = (i) => {
-        const d = i.target.closest("th");
-        d && (i.code === "Enter" || i.code === "Space") && d.dataset.featherKFilterable === "false" && d.dataset.featherKSortable === "false" && (i.preventDefault(), i.stopImmediatePropagation());
+        const m = i.target.closest("th");
+        m && (i.code === "Enter" || i.code === "Space") && m.dataset.featherKFilterable === "false" && m.dataset.featherKSortable === "false" && (i.preventDefault(), i.stopImmediatePropagation());
       };
-      s.addEventListener(
+      c.addEventListener(
         "keydown",
         l,
         !0
         // NOTE: capture phase
-      ), V.push(() => {
-        s.removeEventListener(
+      ), K.push(() => {
+        c.removeEventListener(
           "keydown",
           l,
           !0
         );
       });
     }
-  }, w = function(o, s) {
-    const l = o?.event.event.target, i = v();
+  }, b = function(o, c) {
+    const l = o?.event.event.target, i = E();
     if (!l || !i) return;
-    const d = l.classList.contains("k-link"), k = l.classList.contains("k-columnmenu-item"), S = i.find((T) => T.field === o.event.field)?.sortable && !0;
-    if (!d) {
-      if (k && !S) {
+    const m = l.classList.contains("k-link"), M = l.classList.contains("k-columnmenu-item"), w = i.find((P) => P.field === o.event.field)?.sortable && !0;
+    if (!m) {
+      if (M && !w) {
         (o.event.sort && void 0)?.filter(
-          (B) => B.field !== o.event.field
+          (W) => W.field !== o.event.field
         );
         return;
       }
-      typeof s == "function" && N(() => {
-        t.value && t.value.focus(), s(o);
+      typeof c == "function" && N(() => {
+        n.value && n.value.focus(), c(o);
       });
     }
-  }, F = () => {
-    if (!f)
+  }, O = () => {
+    if (!d)
       try {
-        E(), y(), I(), f = !0;
+        x(), S(), T(), d = !0;
       } catch (o) {
-        console.error("initA11y failed:", o), O();
+        console.error("initA11y failed:", o), I();
       }
   };
   return xe(() => {
-    O();
+    I();
   }), {
-    activeFilterButton: t,
+    activeFilterButton: n,
     handleGridKeyDown: L,
-    handleSortChange: w,
-    initA11y: F
+    handleSortChange: b,
+    initA11y: O
   };
 };
-function Ne(e) {
-  const t = z(""), f = z(void 0), P = z(!!e.debug), q = z(e.dateFormat ?? "mm/dd/yyyy"), V = ["ArrowUp", "ArrowDown"], j = ["ArrowLeft", "ArrowRight"], v = A(() => (t.value ?? "").replace(/\D/g, "")), b = (a) => a <= 2 ? "mm" : a <= 5 ? "dd" : v.value.length <= 10 ? "yyyy" : "mm", C = A(() => {
-    const a = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0";
+function Ye(e) {
+  const n = z(""), d = z(void 0), q = z(!!e.debug), R = z(e.dateFormat ?? "mm/dd/yyyy"), K = D(() => !!e.required), H = z(!1), E = ["ArrowUp", "ArrowDown"], k = ["ArrowLeft", "ArrowRight"], y = D(() => (n.value ?? "").replace(/\D/g, "")), A = (a) => a <= 2 ? "mm" : a <= 5 ? "dd" : y.value.length <= 10 ? "yyyy" : "mm", L = D(() => {
+    const a = n.value && n.value.substring(0, 2).replace(/\D/g, "0") || "0";
     return parseInt(a).toString().padStart(2, "0");
-  }), h = A(() => {
-    const a = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0";
+  }), x = D(() => {
+    const a = n.value && n.value.substring(3, 5).replace(/\D/g, "0") || "0";
     return parseInt(a).toString().padStart(2, "0");
-  }), L = A(() => {
-    const a = t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0";
+  }), S = D(() => {
+    const a = n.value && n.value.substring(6, 10).replace(/\D/g, "0") || "0";
     return parseInt(a).toString().padStart(4, "0");
-  }), E = (a) => {
-    if (v.value.length === 0) {
+  }), T = (a) => {
+    if (y.value.length === 0) {
       e.onChange({ value: null, event: a });
       return;
     }
-    if (v.value.length < 8) {
+    if (y.value.length < 8) {
       e.onChange({ value: null, event: a });
       return;
     }
-    if ((t.value ?? "").length === 10 && v.value.length === 8) {
-      const [g, r, u] = t.value.split("/"), p = parseInt(g), D = parseInt(r), M = parseInt(u);
-      if (w(M, p, D)) {
-        const J = new Date(M, p - 1, D);
-        y(J) ? e.onChange({ value: J, event: a }) : e.onChange({ value: null, event: a });
+    if ((n.value ?? "").length === 10 && y.value.length === 8) {
+      const [p, r, u] = n.value.split("/"), v = parseInt(p), g = parseInt(r), $ = parseInt(u);
+      if (o($, v, g)) {
+        const J = new Date($, v - 1, g);
+        I(J) ? e.onChange({ value: J, event: a }) : e.onChange({ value: null, event: a });
       } else
         e.onChange({ value: null, event: a });
     }
-  }, y = (a) => {
-    const g = e.minDate?.value ?? void 0, r = e.maxDate?.value ?? void 0;
-    return !(g && a < g || r && a > r);
-  }, I = A(() => {
-    if ((t.value ?? "").length === 10 && v.value.length === 8) {
-      const [a, g, r] = (t.value ?? "").split("/"), u = parseInt(a), p = parseInt(g), D = parseInt(r);
-      if (w(D, u, p))
-        return new Date(D, u - 1, p);
+  }, I = (a) => {
+    const p = e.min ?? void 0, r = e.max ?? void 0;
+    return !(p && a < p || r && a > r);
+  }, f = D(() => {
+    if ((n.value ?? "").length === 10 && y.value.length === 8) {
+      const [a, p, r] = (n.value ?? "").split("/"), u = parseInt(a), v = parseInt(p), g = parseInt(r);
+      if (o(g, u, v))
+        return new Date(g, u - 1, v);
     }
     return null;
-  }), O = A(() => (t.value ?? "").length === 10 && v.value.length === 8), m = (a, g) => new Date(a, g, 0).getDate(), w = (a, g, r) => g >= 1 && g <= 12 && a >= 1900 && r >= 1 && r <= m(a, g), F = (a) => {
-    t.value = a.value;
-    const g = a.event?.target;
-    f.value = g?.selectionStart ?? 0, E(a);
-  }, o = (a) => {
-    f.value = a.target.selectionStart ?? 0;
-  }, s = (a, g, r) => {
-    const u = g?.selectionStart ?? f.value ?? 0;
-    f.value = u;
-    let p = parseInt(C.value), D = parseInt(h.value), M = parseInt(L.value);
-    if (!(v.value.length >= 8) || !w(M, p, D)) {
-      const R = /* @__PURE__ */ new Date();
-      p = R.getMonth() + 1, D = R.getDate(), M = R.getFullYear(), t.value = `${String(p).padStart(2, "0")}/${String(D).padStart(
+  }), b = D(() => (n.value ?? "").length === 10 && y.value.length === 8), O = (a, p) => new Date(a, p, 0).getDate(), o = (a, p, r) => p >= 1 && p <= 12 && a >= 1900 && r >= 1 && r <= O(a, p), c = (a) => {
+    n.value = a.value;
+    const p = a.event?.target;
+    d.value = p?.selectionStart ?? 0, T(a);
+  }, l = (a) => {
+    d.value = a.target.selectionStart ?? 0;
+  }, i = (a, p, r) => {
+    const u = p?.selectionStart ?? d.value ?? 0;
+    d.value = u;
+    let v = parseInt(L.value), g = parseInt(x.value), $ = parseInt(S.value);
+    if (!(y.value.length >= 8) || !o($, v, g)) {
+      const F = e.defaultValue ?? /* @__PURE__ */ new Date();
+      v = F.getMonth() + 1, g = F.getDate(), $ = F.getFullYear(), n.value = `${String(v).padStart(2, "0")}/${String(g).padStart(
         2,
         "0"
-      )}/${String(M)}`;
-      const W = new Date(M, p - 1, D);
-      e.onChange({ value: y(W) ? W : null, event: r }), N(() => {
+      )}/${String($)}`;
+      const t = new Date($, v - 1, g);
+      e.onChange({ value: I(t) ? t : null, event: r }), N(() => {
         requestAnimationFrame(() => {
-          const te = document.getElementById(
+          const s = document.getElementById(
             e.id
-          ), ae = f.value ?? 0;
-          te && (te.focus(), te.setSelectionRange(ae, ae));
+          ), h = d.value ?? 0;
+          s && (s.focus(), s.setSelectionRange(h, h));
         });
       });
       return;
     }
-    const H = b(u);
-    if (H === "mm")
-      p = a === "ArrowUp" ? p < 12 ? p + 1 : 1 : p > 1 ? p - 1 : 12;
-    else if (H === "dd") {
-      const R = new Date(M, p, 0).getDate();
-      D = a === "ArrowUp" ? D < R ? D + 1 : 1 : D > 1 ? D - 1 : R;
-    } else H === "yyyy" && (M = a === "ArrowUp" ? M + 1 : Math.max(1, M - 1));
-    t.value = `${String(p).padStart(2, "0")}/${String(D).padStart(
+    const G = A(u);
+    if (G === "mm")
+      v = a === "ArrowUp" ? v < 12 ? v + 1 : 1 : v > 1 ? v - 1 : 12;
+    else if (G === "dd") {
+      const F = new Date($, v, 0).getDate();
+      g = a === "ArrowUp" ? g < F ? g + 1 : 1 : g > 1 ? g - 1 : F;
+    } else G === "yyyy" && ($ = a === "ArrowUp" ? $ + 1 : Math.max(1, $ - 1));
+    n.value = `${String(v).padStart(2, "0")}/${String(g).padStart(
       2,
       "0"
-    )}/${String(M)}`;
-    const [Y, re, ee] = t.value.split("/"), K = new Date(
-      parseInt(ee),
-      parseInt(Y) - 1,
-      parseInt(re)
+    )}/${String($)}`;
+    const [V, ae, oe] = n.value.split("/"), Y = new Date(
+      parseInt(oe),
+      parseInt(V) - 1,
+      parseInt(ae)
     );
-    K.toString() !== "Invalid Date" && parseInt(ee) >= 1e3 ? e.onChange({
-      value: y(K) ? K : null,
+    Y.toString() !== "Invalid Date" && parseInt(oe) >= 1e3 ? e.onChange({
+      value: I(Y) ? Y : null,
       event: r
     }) : e.onChange({ value: null, event: r }), N(() => {
       requestAnimationFrame(() => {
-        const R = document.getElementById(
+        const F = document.getElementById(
           e.id
-        ), W = f.value ?? 0;
-        R && (R.focus(), R.setSelectionRange(W, W));
+        ), t = d.value ?? 0;
+        F && (F.focus(), F.setSelectionRange(t, t));
       });
     });
-  }, l = (a) => {
+  }, m = (a) => {
     if (a.code === "Space" || a.key === " ") {
       e.onShowCalendar(a);
       return;
     }
-    if (V.includes(a.key)) {
+    if (E.includes(a.key)) {
       a.preventDefault();
-      const g = a.target;
-      s(a.key, g, a);
+      const p = a.target;
+      i(a.key, p, a);
     }
-  }, i = (a) => {
+  }, M = (a) => {
     a.preventDefault();
-    const g = a.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    s(g, a.target, a);
-  }, d = (a) => {
-    const g = a.target;
-    if (j.includes(a.key)) {
-      f.value = g?.selectionStart ?? 0;
+    const p = a.deltaY < 0 ? "ArrowUp" : "ArrowDown";
+    i(p, a.target, a);
+  }, w = (a) => {
+    const p = a.target;
+    if (k.includes(a.key)) {
+      d.value = p?.selectionStart ?? 0;
       return;
     }
-    V.includes(a.key) && (a.preventDefault(), f.value = g?.selectionStart ?? 0);
+    E.includes(a.key) && (a.preventDefault(), d.value = p?.selectionStart ?? 0);
+  }, P = (a) => {
+    H.value = !0, K.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && y.value.length === 0 && (e.externalValue.value = "");
+    const p = a.target;
+    p && (d.value = p.selectionStart ?? 0);
   };
-  e.externalValue && le(
+  e.externalValue && ie(
     e.externalValue,
     (a) => {
       if (a) {
-        const g = new Date(a);
-        if (g.toString() !== "Invalid Date") {
-          const r = (g.getMonth() + 1).toString().padStart(2, "0"), u = g.getDate().toString().padStart(2, "0"), p = g.getFullYear().toString();
-          t.value = `${r}/${u}/${p}`;
+        const p = new Date(a);
+        if (p.toString() !== "Invalid Date") {
+          const r = (p.getMonth() + 1).toString().padStart(2, "0"), u = p.getDate().toString().padStart(2, "0"), v = p.getFullYear().toString();
+          n.value = `${r}/${u}/${v}`;
           return;
         }
       }
     },
     { immediate: !0 }
   );
-  const k = A(() => [
-    ["Date", `${C.value} / ${h.value} / ${L.value}`],
-    ["Digits only", v.value],
+  const W = D(() => [
+    ["Date", `${L.value} / ${x.value} / ${S.value}`],
+    ["Digits only", y.value],
     [
       "min",
-      e.minDate?.value.toLocaleDateString("en-US", {
+      e.min?.toLocaleDateString("en-US", {
         year: "numeric",
         month: "2-digit",
         day: "2-digit"
@@ -491,31 +495,55 @@ function Ne(e) {
     ],
     [
       "max",
-      e.maxDate?.value.toLocaleDateString("en-US", {
+      e.max?.toLocaleDateString("en-US", {
         year: "numeric",
         month: "2-digit",
         day: "2-digit"
       }) ?? null
     ]
-  ]), S = A(() => {
-    if (!O.value) return !0;
-    const a = I.value;
-    return a ? y(a) : !1;
-  }), T = A(() => {
-    if (S.value) return "";
-    if (O.value && !I.value)
-      return `Must be in ${q.value} format.`;
-    const a = e.minDate?.value ? e.minDate.value.toLocaleDateString("en-US", {
+  ]), X = D(() => {
+    if (!K.value) {
+      if (!b.value) return !0;
+      const p = f.value;
+      return p ? I(p) : !1;
+    }
+    if (!H.value) return !0;
+    const a = f.value;
+    return !b.value || !a ? !1 : I(a);
+  }), Z = D(() => {
+    if (!K.value) {
+      if (!b.value) return;
+      const p = f.value;
+      return p ? I(p) ? "valid" : "out-of-bounds" : "invalid-date";
+    }
+    if (!H.value) return;
+    if (y.value.length === 0 || !b.value)
+      return "incomplete";
+    const a = f.value;
+    return a ? I(a) ? "valid" : "out-of-bounds" : "invalid-date";
+  }), B = D(() => {
+    const a = Z.value;
+    if (!a || a === "valid") return "";
+    if (a === "incomplete")
+      return "Required";
+    if (a === "invalid-date")
+      return `Must be in ${R.value} format.`;
+    const p = e.min ? e.min.toLocaleDateString("en-US", {
       year: "numeric",
       month: "2-digit",
       day: "2-digit"
-    }) : null, g = e.maxDate?.value ? e.maxDate.value.toLocaleDateString("en-US", {
+    }) : null, r = e.max ? e.max.toLocaleDateString("en-US", {
       year: "numeric",
       month: "2-digit",
       day: "2-digit"
     }) : null;
-    return a && g ? `Must be between ${a} and ${g}.` : a ? `Must be on or after ${a}.` : g ? `Must be on or before ${g}.` : "";
-  }), B = () => {
+    if (a === "out-of-bounds") {
+      if (p && r) return `Must be between ${p} and ${r}.`;
+      if (p) return `Must be on or after ${p}.`;
+      if (r) return `Must be on or before ${r}.`;
+    }
+    return "";
+  }), te = () => {
     N(() => {
       const a = document.getElementById(
         e.id
@@ -524,9 +552,9 @@ function Ne(e) {
         console.warn(`ID (#${e.id}) not found for styling.`);
         return;
       }
-      const g = a.closest(".k-datepicker");
-      if (g)
-        g.classList.add("fk-datepicker");
+      const p = a.closest(".k-datepicker");
+      if (p)
+        p.classList.add("fk-datepicker");
       else {
         console.warn(`.k-datepicker parent not found for #${e.id} styling.`);
         return;
@@ -534,216 +562,218 @@ function Ne(e) {
     });
   };
   return De(() => {
-    B();
+    te();
   }), {
-    raw: t,
-    cursorPos: f,
-    debugEnabled: P,
-    debugLines: k,
-    placeholder: q,
-    isValid: S,
-    validationMessage: T,
-    digitsOnly: v,
-    month: _(C),
-    day: _(h),
-    year: _(L),
-    datePart: b,
-    handleChange: F,
-    handleKeyDown: l,
-    handleWheel: i,
-    handleKeyUp: d,
-    handleClick: o
+    raw: n,
+    cursorPos: d,
+    debugEnabled: q,
+    debugLines: W,
+    placeholder: R,
+    isValid: X,
+    reason: _(Z),
+    validationMessage: B,
+    digitsOnly: y,
+    month: _(L),
+    day: _(x),
+    year: _(S),
+    datePart: A,
+    handleChange: c,
+    handleKeyDown: m,
+    handleWheel: M,
+    handleKeyUp: w,
+    handleClick: l,
+    handleBlur: P
   };
 }
-function Ve(e) {
-  const t = z(""), f = z(void 0), P = z(!!e.debug), q = z(!1), j = 365 * (1440 * 60 * 1e3), v = /* @__PURE__ */ new Date(), b = new Date(v.getTime() - j), C = new Date(v.getTime() + j);
-  e.min = e.min ?? b, e.max = e.max ?? C;
-  const h = A(() => (t.value ?? "").replace(/\D/g, "")), L = (n, c) => new Date(n, c, 0).getDate(), E = (n, c, x) => c >= 1 && c <= 12 && n >= 1e3 && x >= 1 && x <= L(n, c), y = (n) => Date.UTC(n.getFullYear(), n.getMonth(), n.getDate()), I = (n) => {
-    if (!n) return null;
-    const c = e.min, x = e.max, $ = y(n);
-    return $ < y(c) || $ > y(x) ? null : n;
-  }, O = (n, c) => e.allowReverse ?? !1 ? !0 : n <= c, m = A(() => (t.value?.length ?? 0) >= 23 && h.value.length >= 16), w = (n) => {
-    if ((n ?? "").length < 23 || h.value.length < 16)
+function Ne(e) {
+  const n = z(""), d = z(void 0), q = z(!!e.debug), R = z(!1), H = 365 * (1440 * 60 * 1e3), E = /* @__PURE__ */ new Date(), k = new Date(E.getTime() - H), y = new Date(E.getTime() + H);
+  e.min = e.min ?? k, e.max = e.max ?? y;
+  const A = D(() => (n.value ?? "").replace(/\D/g, "")), L = (t, s) => new Date(t, s, 0).getDate(), x = (t, s, h) => s >= 1 && s <= 12 && t >= 1e3 && h >= 1 && h <= L(t, s), S = (t) => Date.UTC(t.getFullYear(), t.getMonth(), t.getDate()), T = (t) => {
+    if (!t) return null;
+    const s = e.min, h = e.max, C = S(t);
+    return C < S(s) || C > S(h) ? null : t;
+  }, I = (t, s) => e.allowReverse ?? !1 ? !0 : t <= s, f = D(() => (n.value?.length ?? 0) >= 23 && A.value.length >= 16), b = (t) => {
+    if ((t ?? "").length < 23 || A.value.length < 16)
       return { start: null, end: null };
-    const c = n.substring(0, 10), x = n.substring(13, 23), [$, G, Z] = c.split("/").map((oe) => parseInt(oe || "0", 10)), [fe, ue, se] = x.split("/").map((oe) => parseInt(oe || "0", 10)), ce = new Date(Z, $ - 1, G), me = new Date(se, fe - 1, ue), ye = E(Z, $, G) && ce.toString() !== "Invalid Date", he = E(se, fe, ue) && me.toString() !== "Invalid Date";
-    return { start: ye ? ce : null, end: he ? me : null };
-  }, F = e.externalValid ?? z(void 0), o = A(() => w(t.value)), s = A(() => {
-    const n = I(o.value.start), c = I(o.value.end);
-    return { start: n, end: c };
-  }), l = A(() => {
-    if (!m.value) return;
-    const n = s.value.start, c = s.value.end;
-    if (!n || !c) return;
-    const x = (G) => Date.UTC(G.getFullYear(), G.getMonth(), G.getDate()), $ = Math.abs(x(c) - x(n));
-    return Math.round($ / 864e5);
-  }), i = A(() => {
-    const { start: n, end: c } = o.value;
-    if (!m.value) return;
-    if (!n || !c || !s.value.start || !s.value.end) return !1;
-    const x = s.value.start, $ = s.value.end;
-    return !(!O(x, $) || typeof e.maxSpanDays == "number" && l.value !== void 0 && l.value > e.maxSpanDays);
-  }), d = A(() => {
-    const { start: n, end: c } = o.value;
-    if (!m.value) return "incomplete";
-    if (!n || !c) return "invalid-date";
-    if (!s.value.start || !s.value.end) return "out-of-bounds";
-    const x = s.value.start, $ = s.value.end;
-    return O(x, $) ? typeof e.maxSpanDays == "number" && l.value !== void 0 && l.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
-  }), k = A(() => {
-    const { start: n, end: c } = o.value, { min: x, max: $ } = e;
-    switch (console.table({ start: n, end: c, min: x, max: $ }), d.value) {
+    const s = t.substring(0, 10), h = t.substring(13, 23), [C, j, ne] = s.split("/").map((le) => parseInt(le || "0", 10)), [me, se, ce] = h.split("/").map((le) => parseInt(le || "0", 10)), de = new Date(ne, C - 1, j), pe = new Date(ce, me - 1, se), ye = x(ne, C, j) && de.toString() !== "Invalid Date", he = x(ce, me, se) && pe.toString() !== "Invalid Date";
+    return { start: ye ? de : null, end: he ? pe : null };
+  }, O = e.externalValid ?? z(void 0), o = D(() => b(n.value)), c = D(() => {
+    const t = T(o.value.start), s = T(o.value.end);
+    return { start: t, end: s };
+  }), l = D(() => {
+    if (!f.value) return;
+    const t = c.value.start, s = c.value.end;
+    if (!t || !s) return;
+    const h = (j) => Date.UTC(j.getFullYear(), j.getMonth(), j.getDate()), C = Math.abs(h(s) - h(t));
+    return Math.round(C / 864e5);
+  }), i = D(() => {
+    const { start: t, end: s } = o.value;
+    if (!f.value) return;
+    if (!t || !s || !c.value.start || !c.value.end) return !1;
+    const h = c.value.start, C = c.value.end;
+    return !(!I(h, C) || typeof e.maxSpanDays == "number" && l.value !== void 0 && l.value > e.maxSpanDays);
+  }), m = D(() => {
+    const { start: t, end: s } = o.value;
+    if (!f.value) return "incomplete";
+    if (!t || !s) return "invalid-date";
+    if (!c.value.start || !c.value.end) return "out-of-bounds";
+    const h = c.value.start, C = c.value.end;
+    return I(h, C) ? typeof e.maxSpanDays == "number" && l.value !== void 0 && l.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
+  }), M = D(() => {
+    const { start: t, end: s } = o.value, { min: h, max: C } = e;
+    switch (console.table({ start: t, end: s, min: h, max: C }), m.value) {
       case "incomplete":
-        return "Required.";
+        return "Required";
       case "invalid-date":
-        return "Enter valid start and end dates.";
-      case "out-of-bounds":
-        return n && c && (y(n) < y(x) || y(c) < y(x) || y(n) > y($) || y(c) > y($)) ? `Must be between ${x.toLocaleDateString("en-US")} and ${$.toLocaleDateString("en-US")}.` : "Must be within the allowed range.";
+        return "One or both dates invalid.";
       case "reversed-range":
-        return "Must be in sequential order.";
+        return "End Date must be on or after Start Date.";
+      case "out-of-bounds":
+        return t && s && (S(t) < S(h) || S(s) < S(h) || S(t) > S(C) || S(s) > S(C)) ? `Dates must be between ${X(h)} and ${X(C)}.` : "Dates must be within the allowed range.";
       case "span-exceeds-limit":
-        return typeof e.maxSpanDays == "number" ? `Exceeds maximum of ${e.maxSpanDays} days.` : "Exceeds maximum allowed span.";
+        return typeof e.maxSpanDays == "number" ? `Date range exceeds ${e.maxSpanDays} days.` : "Date range exceeds maximum allowed span.";
       case "valid":
       default:
         return "";
     }
   });
-  le(
+  ie(
     i,
-    (n) => {
-      (e.manageValid ?? !0) && (F.value = n);
+    (t) => {
+      (e.manageValid ?? !0) && (O.value = t);
     },
     { immediate: !0 }
   );
-  const S = ["ArrowUp", "ArrowDown"], T = ["ArrowLeft", "ArrowRight"], B = (n, c) => String(n).padStart(c, "0"), a = (n) => `${B(n.getMonth() + 1, 2)}/${B(n.getDate(), 2)}/${B(
-    n.getFullYear(),
+  const w = ["ArrowUp", "ArrowDown"], P = ["ArrowLeft", "ArrowRight"], W = (t, s) => String(t).padStart(s, "0"), X = (t) => `${W(t.getMonth() + 1, 2)}/${W(t.getDate(), 2)}/${W(
+    t.getFullYear(),
     4
-  )}`, g = (n) => n <= 2 ? { side: "start", part: "mm" } : n <= 5 ? { side: "start", part: (n <= 3, "dd") } : n <= 11 ? { side: "start", part: "yyyy" } : n <= 15 ? { side: "end", part: "mm" } : n <= 18 ? { side: "end", part: "dd" } : { side: "end", part: "yyyy" }, r = (n, c, x) => {
-    const $ = c?.selectionStart ?? f.value ?? 0;
-    f.value = $;
-    const { start: G, end: Z } = w(t.value);
-    if (!G && !Z) {
-      const U = /* @__PURE__ */ new Date(), ne = a(U);
-      t.value = `${ne} - ${ne}`, e.onChange({ value: { start: U, end: U }, event: x }), N(() => {
+  )}`, Z = (t) => t <= 2 ? { side: "start", part: "mm" } : t <= 5 ? { side: "start", part: (t <= 3, "dd") } : t <= 11 ? { side: "start", part: "yyyy" } : t <= 15 ? { side: "end", part: "mm" } : t <= 18 ? { side: "end", part: "dd" } : { side: "end", part: "yyyy" }, B = (t, s, h) => {
+    const C = s?.selectionStart ?? d.value ?? 0;
+    d.value = C;
+    const { start: j, end: ne } = b(n.value);
+    if (!j && !ne) {
+      const U = /* @__PURE__ */ new Date(), re = X(U);
+      n.value = `${re} - ${re}`, e.onChange({ value: { start: U, end: U }, event: h }), N(() => {
         requestAnimationFrame(() => {
-          const X = document.getElementById(
+          const Q = document.getElementById(
             e.id
-          ), Q = f.value ?? 0;
-          X && (X.focus(), X.setSelectionRange(Q, Q));
+          ), ee = d.value ?? 0;
+          Q && (Q.focus(), Q.setSelectionRange(ee, ee));
         });
       });
       return;
     }
-    const fe = /* @__PURE__ */ new Date(), ue = g($);
-    let se = G ? new Date(G) : new Date(fe), ce = Z ? new Date(Z) : new Date(fe);
-    const me = (U, ne) => {
-      if (ne === "mm") {
-        const X = U.getMonth() + 1, Q = n === "ArrowUp" ? X < 12 ? X + 1 : 1 : X > 1 ? X - 1 : 12;
-        U.setMonth(Q - 1);
-        const ge = L(U.getFullYear(), Q);
+    const me = /* @__PURE__ */ new Date(), se = Z(C);
+    let ce = j ? new Date(j) : new Date(me), de = ne ? new Date(ne) : new Date(me);
+    const pe = (U, re) => {
+      if (re === "mm") {
+        const Q = U.getMonth() + 1, ee = t === "ArrowUp" ? Q < 12 ? Q + 1 : 1 : Q > 1 ? Q - 1 : 12;
+        U.setMonth(ee - 1);
+        const ge = L(U.getFullYear(), ee);
         U.getDate() > ge && U.setDate(ge);
-      } else if (ne === "dd") {
-        const X = L(U.getFullYear(), U.getMonth() + 1), Q = U.getDate(), ge = n === "ArrowUp" ? Q < X ? Q + 1 : 1 : Q > 1 ? Q - 1 : X;
+      } else if (re === "dd") {
+        const Q = L(U.getFullYear(), U.getMonth() + 1), ee = U.getDate(), ge = t === "ArrowUp" ? ee < Q ? ee + 1 : 1 : ee > 1 ? ee - 1 : Q;
         U.setDate(ge);
-      } else if (ne === "yyyy") {
-        const X = U.getFullYear();
-        U.setFullYear(n === "ArrowUp" ? X + 1 : Math.max(1, X - 1));
-        const Q = L(U.getFullYear(), U.getMonth() + 1);
-        U.getDate() > Q && U.setDate(Q);
+      } else if (re === "yyyy") {
+        const Q = U.getFullYear();
+        U.setFullYear(t === "ArrowUp" ? Q + 1 : Math.max(1, Q - 1));
+        const ee = L(U.getFullYear(), U.getMonth() + 1);
+        U.getDate() > ee && U.setDate(ee);
       }
     };
-    ue.side === "start" ? me(se, ue.part) : me(ce, ue.part);
-    const ye = a(se), he = a(ce);
-    t.value = `${ye} - ${he}`;
-    const oe = I(se), Se = I(ce);
-    oe && Se && O(oe, Se) ? e.onChange({ value: { start: oe, end: Se }, event: x }) : e.onChange({ value: null, event: x }), N(() => {
+    se.side === "start" ? pe(ce, se.part) : pe(de, se.part);
+    const ye = X(ce), he = X(de);
+    n.value = `${ye} - ${he}`;
+    const le = T(ce), be = T(de);
+    le && be && I(le, be) ? e.onChange({ value: { start: le, end: be }, event: h }) : e.onChange({ value: null, event: h }), N(() => {
       requestAnimationFrame(() => {
         const U = document.getElementById(
           e.id
-        ), ne = f.value ?? 0;
-        U && (U.focus(), U.setSelectionRange(ne, ne));
+        ), re = d.value ?? 0;
+        U && (U.focus(), U.setSelectionRange(re, re));
       });
     });
-  }, u = (n) => {
-    const { start: c, end: x } = w(t.value);
-    if (!c || !x) {
-      e.onChange({ value: null, event: n });
+  }, te = (t) => {
+    const { start: s, end: h } = b(n.value);
+    if (!s || !h) {
+      e.onChange({ value: null, event: t });
       return;
     }
-    const $ = I(c), G = I(x);
-    if (!$ || !G) {
-      e.onChange({ value: null, event: n });
+    const C = T(s), j = T(h);
+    if (!C || !j) {
+      e.onChange({ value: null, event: t });
       return;
     }
-    if (!O($, G)) {
-      e.onChange({ value: null, event: n });
+    if (!I(C, j)) {
+      e.onChange({ value: null, event: t });
       return;
     }
-    e.onChange({ value: { start: $, end: G }, event: n });
-  }, p = (n) => {
-    t.value = n.value;
-    const c = n.event?.target;
-    f.value = c?.selectionStart ?? 0, u(n);
-  }, D = (n) => {
-    f.value = n.target.selectionStart ?? 0;
-  }, M = (n) => {
-    if (n.code === "Space" || n.key === " ") {
-      n.preventDefault(), e.onShowCalendar(n);
+    e.onChange({ value: { start: C, end: j }, event: t });
+  }, a = (t) => {
+    n.value = t.value;
+    const s = t.event?.target;
+    d.value = s?.selectionStart ?? 0, te(t);
+  }, p = (t) => {
+    d.value = t.target.selectionStart ?? 0;
+  }, r = (t) => {
+    if (t.code === "Space" || t.key === " ") {
+      t.preventDefault(), e.onShowCalendar(t);
       return;
     }
-    if (n.key === "ArrowDown" && n.altKey) {
-      n.preventDefault(), e.onShowCalendar(n);
+    if (t.key === "ArrowDown" && t.altKey) {
+      t.preventDefault(), e.onShowCalendar(t);
       return;
     }
-    if (S.includes(n.key)) {
-      n.preventDefault();
-      const c = n.target;
-      r(n.key, c, n);
+    if (w.includes(t.key)) {
+      t.preventDefault();
+      const s = t.target;
+      B(t.key, s, t);
     }
-  }, J = (n) => {
-    n.preventDefault();
-    const c = n.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    r(c, n.target, n);
-  }, H = (n) => {
-    if (T.includes(n.key) || S.includes(n.key)) {
-      n.preventDefault();
-      const c = n.target;
-      f.value = c?.selectionStart ?? 0;
+  }, u = (t) => {
+    t.preventDefault();
+    const s = t.deltaY < 0 ? "ArrowUp" : "ArrowDown";
+    B(s, t.target, t);
+  }, v = (t) => {
+    if (P.includes(t.key) || w.includes(t.key)) {
+      t.preventDefault();
+      const s = t.target;
+      d.value = s?.selectionStart ?? 0;
     }
   };
-  e.externalValue && le(
+  e.externalValue && ie(
     e.externalValue,
-    (n) => {
-      const c = n?.start ?? null, x = n?.end ?? null;
-      if (c && x) {
-        if (t.value = `${a(c)} - ${a(x)}`, e.isOpen?.value && q.value && e.onRequestClose) {
-          const $ = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
+    (t) => {
+      const s = t?.start ?? null, h = t?.end ?? null;
+      if (s && h) {
+        if (n.value = `${X(s)} - ${X(h)}`, e.isOpen?.value && R.value && e.onRequestClose) {
+          const C = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
           setTimeout(() => {
-            e.onRequestClose?.(), q.value = !1;
-          }, $);
+            e.onRequestClose?.(), R.value = !1;
+          }, C);
         }
         return;
       }
     },
     { immediate: !0 }
   );
-  const Y = A(
-    () => t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0"
-  ), re = A(
-    () => t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0"
-  ), ee = A(
-    () => t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0"
-  ), K = A(
-    () => t.value && t.value.substring(13, 15).replace(/\D/g, "0") || "0"
-  ), R = A(
-    () => t.value && t.value.substring(16, 18).replace(/\D/g, "0") || "0"
-  ), W = A(
-    () => t.value && t.value.substring(19, 23).replace(/\D/g, "0") || "0"
-  ), te = A(() => {
-    const { start: n, end: c } = w(t.value);
+  const g = D(
+    () => n.value && n.value.substring(0, 2).replace(/\D/g, "0") || "0"
+  ), $ = D(
+    () => n.value && n.value.substring(3, 5).replace(/\D/g, "0") || "0"
+  ), J = D(
+    () => n.value && n.value.substring(6, 10).replace(/\D/g, "0") || "0"
+  ), G = D(
+    () => n.value && n.value.substring(13, 15).replace(/\D/g, "0") || "0"
+  ), V = D(
+    () => n.value && n.value.substring(16, 18).replace(/\D/g, "0") || "0"
+  ), ae = D(
+    () => n.value && n.value.substring(19, 23).replace(/\D/g, "0") || "0"
+  ), oe = D(() => {
+    const { start: t, end: s } = b(n.value);
     return [
       {
         label: "Raw",
-        value: t.value
+        value: n.value
       },
       {
         label: "Min Date",
@@ -755,313 +785,344 @@ function Ve(e) {
       },
       {
         label: "Start",
-        value: `${String(Y.value).padStart(2, "0")} / ${String(
-          re.value
-        ).padStart(2, "0")} / ${String(ee.value).padStart(4, "0")}`
+        value: `${String(g.value).padStart(2, "0")} / ${String(
+          $.value
+        ).padStart(2, "0")} / ${String(J.value).padStart(4, "0")}`
       },
       {
         label: "End",
-        value: `${String(K.value).padStart(2, "0")} / ${String(
-          R.value
-        ).padStart(2, "0")} / ${String(W.value).padStart(4, "0")}`
+        value: `${String(G.value).padStart(2, "0")} / ${String(
+          V.value
+        ).padStart(2, "0")} / ${String(ae.value).padStart(4, "0")}`
       },
-      { label: "Digits only", value: h.value },
-      { label: "Mask complete", value: `${m.value}` },
+      { label: "Digits only", value: A.value },
+      { label: "Mask complete", value: `${f.value}` },
       {
         label: "Parsed",
-        value: `${n ? n.toDateString() : "-"} | ${c ? c.toDateString() : "-"}`
+        value: `${t ? t.toDateString() : "-"} | ${s ? s.toDateString() : "-"}`
       },
       {
         label: "Valid (managed)",
-        value: `${F.value ?? "-"}`
+        value: `${O.value ?? "-"}`
       },
       { label: "Span (days)", value: `${l.value ?? "-"}` },
       {
         label: "Reason",
-        value: `${d.value ?? "-"}`
+        value: `${m.value ?? "-"}`
       },
       {
         label: "Cursor in",
-        value: `${f.value ?? "-"} (${(() => {
-          const x = f.value ?? 0, $ = g(x);
-          return `${$.side}.${$.part}`;
+        value: `${d.value ?? "-"} (${(() => {
+          const h = d.value ?? 0, C = Z(h);
+          return `${C.side}.${C.part}`;
         })()})`
       }
     ];
-  }), ae = () => {
+  }), Y = () => {
     N(() => {
-      const n = document.getElementById(e.id);
-      if (!n) {
+      const t = document.getElementById(e.id);
+      if (!t) {
         console.warn(`#${e.id} not found for styling.`);
         return;
       }
-      const c = n.closest("div");
-      c ? c.classList.add("fk-daterangepicker") : console.warn(`Parent div of #${e.id} not found for styling.`);
+      const s = t.closest("div");
+      s ? s.classList.add("fk-daterangepicker") : console.warn(`Parent div of #${e.id} not found for styling.`);
     });
   };
   De(() => {
-    ae();
+    Y();
   });
-  const ve = () => {
+  const F = () => {
     N(() => {
       try {
-        const n = Array.from(
+        const t = Array.from(
           document.querySelectorAll(".k-animation-container")
         );
-        if (!n.length) return;
-        const x = [...n].reverse().find((Z) => Z.querySelector(".k-calendar"))?.querySelector(
+        if (!t.length) return;
+        const h = [...t].reverse().find((ne) => ne.querySelector(".k-calendar"))?.querySelector(
           ".k-calendar"
         );
-        if (!x) return;
-        const $ = x.querySelectorAll(
+        if (!h) return;
+        const C = h.querySelectorAll(
           ".k-calendar-table"
         );
-        let G = !1;
-        $.forEach((Z) => {
-          Z.tabIndex === 0 && (G ? Z.tabIndex = -1 : G = !0);
+        let j = !1;
+        C.forEach((ne) => {
+          ne.tabIndex === 0 && (j ? ne.tabIndex = -1 : j = !0);
         });
-      } catch (n) {
-        console.warn(n);
+      } catch (t) {
+        console.warn(t);
       }
     });
   };
-  return e.isOpen && le(
+  return e.isOpen && ie(
     e.isOpen,
-    (n) => {
-      n && setTimeout(() => ve(), 0);
+    (t) => {
+      t && setTimeout(() => F(), 0);
     },
     { immediate: !1 }
   ), {
-    raw: t,
-    cursorPos: f,
-    debugEnabled: P,
-    debugLines: te,
-    digitsOnly: h,
-    valid: F,
+    raw: n,
+    cursorPos: d,
+    debugEnabled: q,
+    debugLines: oe,
+    digitsOnly: A,
+    valid: O,
     validComputed: _(i),
-    reason: _(d),
-    validationMessage: _(k),
+    reason: _(m),
+    validationMessage: _(M),
     spanDays: _(l),
-    month1: _(Y),
-    day1: _(re),
-    year1: _(ee),
-    month2: _(K),
-    day2: _(R),
-    year2: _(W),
-    handleChange: p,
-    handleKeyDown: M,
-    handleWheel: J,
-    handleKeyUp: H,
-    handleClick: D,
+    month1: _(g),
+    day1: _($),
+    year1: _(J),
+    month2: _(G),
+    day2: _(V),
+    year2: _(ae),
+    handleChange: a,
+    handleKeyDown: r,
+    handleWheel: u,
+    handleKeyUp: v,
+    handleClick: p,
     onCalendarChange: () => {
-      q.value = !0;
+      R.value = !0;
     }
   };
 }
 function He(e) {
-  const t = z(""), f = z(void 0), P = z(!!e.debug), q = z(e.timeFormat ?? "hh:mm AM"), V = ["ArrowUp", "ArrowDown"], j = ["ArrowLeft", "ArrowRight"], v = A(() => (t.value ?? "").replace(/\D/g, "")), b = {
+  const n = z(""), d = z(void 0), q = z(!!e.debug), R = z(e.timeFormat ?? "hh:mm AM"), K = D(() => !!e.required), H = z(!1), E = ["ArrowUp", "ArrowDown"], k = ["ArrowLeft", "ArrowRight"], y = D(() => (n.value ?? "").replace(/\D/g, "")), A = {
     H: /[0-9]/,
     h: /[0-9]/,
     M: /[0-9]/,
     m: /[0-9]/,
     A: /[AaPp]/,
     a: /[Mm]/
-  }, C = (r) => r <= 2 ? "hh" : r <= 5 ? "mm" : "ampm", h = A(() => {
-    const r = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0", u = parseInt(r);
+  }, L = (r) => r <= 2 ? "hh" : r <= 5 ? "mm" : "ampm", x = D(() => {
+    const r = n.value && n.value.substring(0, 2).replace(/\D/g, "0") || "0", u = parseInt(r);
     return Math.min(Math.max(u, 0), 23);
-  }), L = A(() => {
-    const r = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0", u = parseInt(r);
+  }), S = D(() => {
+    const r = n.value && n.value.substring(3, 5).replace(/\D/g, "0") || "0", u = parseInt(r);
     return Math.min(Math.max(u, 0), 59);
-  }), E = A(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), y = A(
-    () => /^(\d{2}):(\d{2})\s([AP]M)$/i.test(t.value ?? "")
-  ), I = (r, u, p) => {
-    let D = r % 12;
-    return D === 0 && (D = 12), `${String(D).padStart(2, "0")}:${String(u).padStart(
+  }), T = D(() => (n.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), I = D(
+    () => /^(\d{2}):(\d{2})\s([AP]M)$/i.test(n.value ?? "")
+  ), f = (r, u, v) => {
+    let g = r % 12;
+    return g === 0 && (g = 12), `${String(g).padStart(2, "0")}:${String(u).padStart(
       2,
       "0"
-    )} ${p}`;
-  }, O = (r) => {
+    )} ${v}`;
+  }, b = (r) => {
     const u = r.match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
     if (!u) return null;
-    const p = parseInt(u[1]), D = parseInt(u[2]), M = u[3].toUpperCase();
-    if (p < 1 || p > 12 || D < 0 || D > 59) return null;
-    let J = p % 12;
-    M === "PM" && (J += 12);
-    const H = /* @__PURE__ */ new Date();
-    return H.setSeconds(0, 0), H.setHours(J), H.setMinutes(D), H;
-  }, m = (r) => {
-    if (v.value.length === 0) {
+    const v = parseInt(u[1]), g = parseInt(u[2]), $ = u[3].toUpperCase();
+    if (v < 1 || v > 12 || g < 0 || g > 59) return null;
+    let J = v % 12;
+    $ === "PM" && (J += 12);
+    const G = /* @__PURE__ */ new Date();
+    return G.setSeconds(0, 0), G.setHours(J), G.setMinutes(g), G;
+  }, O = (r) => {
+    if (y.value.length === 0) {
       e.onChange({ value: null, event: r });
       return;
     }
-    if (!y.value) {
+    if (!I.value) {
       e.onChange({ value: null, event: r });
       return;
     }
-    const u = O(t.value);
-    u && F(u) ? e.onChange({ value: u, event: r }) : e.onChange({ value: null, event: r });
-  }, w = (r) => r.getHours() * 60 + r.getMinutes(), F = (r) => {
-    const u = e.minTime?.value ?? void 0, p = e.maxTime?.value ?? void 0, D = w(r);
+    const u = b(n.value);
+    u && c(u) ? e.onChange({ value: u, event: r }) : e.onChange({ value: null, event: r });
+  }, o = (r) => r.getHours() * 60 + r.getMinutes(), c = (r) => {
+    const u = e.min ?? void 0, v = e.max ?? void 0, g = o(r);
     if (u) {
-      const M = w(u);
-      if (D < M) return !1;
+      const $ = o(u);
+      if (g < $) return !1;
     }
-    if (p) {
-      const M = w(p);
-      if (D > M) return !1;
+    if (v) {
+      const $ = o(v);
+      if (g > $) return !1;
     }
     return !0;
-  }, o = (r) => {
-    t.value = r.value;
+  }, l = (r) => {
+    n.value = r.value;
     const u = r.event?.target;
-    f.value = u?.selectionStart ?? 0;
+    d.value = u?.selectionStart ?? 0;
     try {
-      const p = f.value ?? 0;
-      if (C(p) === "ampm" && (t.value ?? "").length >= 8) {
-        const D = t.value.charAt(6);
-        /[Aa]/.test(D) ? (t.value = `${t.value.slice(0, 6)}AM${t.value.slice(8)}`, N(() => {
+      const v = d.value ?? 0;
+      if (L(v) === "ampm" && (n.value ?? "").length >= 8) {
+        const g = n.value.charAt(6);
+        /[Aa]/.test(g) ? (n.value = `${n.value.slice(0, 6)}AM${n.value.slice(8)}`, N(() => {
           requestAnimationFrame(() => {
-            const M = document.getElementById(
+            const $ = document.getElementById(
               e.id
             );
-            M && (M.focus(), M.setSelectionRange(8, 8));
+            $ && ($.focus(), $.setSelectionRange(8, 8));
           });
-        })) : /[Pp]/.test(D) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, N(() => {
+        })) : /[Pp]/.test(g) && (n.value = `${n.value.slice(0, 6)}PM${n.value.slice(8)}`, N(() => {
           requestAnimationFrame(() => {
-            const M = document.getElementById(
+            const $ = document.getElementById(
               e.id
             );
-            M && (M.focus(), M.setSelectionRange(8, 8));
+            $ && ($.focus(), $.setSelectionRange(8, 8));
           });
         }));
       }
     } catch {
     }
-    m(r);
-  }, s = (r) => {
-    f.value = r.target.selectionStart ?? 0;
-  }, l = (r, u, p) => {
-    const D = u?.selectionStart ?? f.value ?? 0;
-    f.value = D;
-    const M = C(D), J = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
+    O(r);
+  }, i = (r) => {
+    d.value = r.target.selectionStart ?? 0;
+  }, m = (r, u, v) => {
+    const g = u?.selectionStart ?? d.value ?? 0;
+    d.value = g;
+    const $ = L(g), J = (n.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
     if (!J) {
-      if ((t.value ?? "").length === 0 || v.value.length === 0) {
-        const K = /* @__PURE__ */ new Date(), R = K.getHours(), W = R >= 12 ? "PM" : "AM";
-        t.value = I(R, K.getMinutes(), W);
-        const te = O(t.value);
-        te && F(te) ? e.onChange({ value: te, event: p }) : e.onChange({ value: null, event: p }), N(() => {
+      if ((n.value ?? "").length === 0 || y.value.length === 0) {
+        const Y = /* @__PURE__ */ new Date(), F = Y.getHours(), t = F >= 12 ? "PM" : "AM";
+        n.value = f(F, Y.getMinutes(), t);
+        const s = b(n.value);
+        s && c(s) ? e.onChange({ value: s, event: v }) : e.onChange({ value: null, event: v }), N(() => {
           requestAnimationFrame(() => {
-            const ae = document.getElementById(
+            const h = document.getElementById(
               e.id
-            ), ve = f.value ?? 0;
-            ae && (ae.focus(), ae.setSelectionRange(ve, ve));
+            ), C = d.value ?? 0;
+            h && (h.focus(), h.setSelectionRange(C, C));
           });
         });
       }
       return;
     }
-    let H = parseInt(J[1]), Y = parseInt(J[2]), re = J[3].toUpperCase();
-    if (M === "hh")
-      r === "ArrowUp" ? H = H < 12 ? H + 1 : 1 : H = H > 1 ? H - 1 : 12;
-    else if (M === "mm") {
-      const K = e.minuteStepRef?.value ?? e.minuteStep ?? 1;
-      if (K === 1)
-        r === "ArrowUp" ? Y = Y < 59 ? Y + 1 : 0 : Y = Y > 0 ? Y - 1 : 59;
+    let G = parseInt(J[1]), V = parseInt(J[2]), ae = J[3].toUpperCase();
+    if ($ === "hh")
+      r === "ArrowUp" ? G = G < 12 ? G + 1 : 1 : G = G > 1 ? G - 1 : 12;
+    else if ($ === "mm") {
+      const Y = e.minuteStepRef?.value ?? e.minuteStep ?? 1;
+      if (Y === 1)
+        r === "ArrowUp" ? V = V < 59 ? V + 1 : 0 : V = V > 0 ? V - 1 : 59;
       else if (r === "ArrowUp") {
-        const R = Y % K;
-        let W = R === 0 ? Y + K : Y + (K - R);
-        W >= 60 && (W = 0), Y = W;
+        const F = V % Y;
+        let t = F === 0 ? V + Y : V + (Y - F);
+        t >= 60 && (t = 0), V = t;
       } else {
-        const R = Y % K;
-        let W = R === 0 ? Y - K : Y - R;
-        W < 0 && (W = 60 - K), Y = W;
+        const F = V % Y;
+        let t = F === 0 ? V - Y : V - F;
+        t < 0 && (t = 60 - Y), V = t;
       }
-    } else M === "ampm" && (re = re === "AM" ? "PM" : "AM");
-    t.value = `${String(H).padStart(2, "0")}:${String(Y).padStart(
+    } else $ === "ampm" && (ae = ae === "AM" ? "PM" : "AM");
+    n.value = `${String(G).padStart(2, "0")}:${String(V).padStart(
       2,
       "0"
-    )} ${re}`;
-    const ee = O(t.value);
-    ee && F(ee) ? e.onChange({ value: ee, event: p }) : e.onChange({ value: null, event: p }), N(() => {
+    )} ${ae}`;
+    const oe = b(n.value);
+    oe && c(oe) ? e.onChange({ value: oe, event: v }) : e.onChange({ value: null, event: v }), N(() => {
       requestAnimationFrame(() => {
-        const K = document.getElementById(
+        const Y = document.getElementById(
           e.id
-        ), R = f.value ?? 0;
-        K && (K.focus(), K.setSelectionRange(R, R));
+        ), F = d.value ?? 0;
+        Y && (Y.focus(), Y.setSelectionRange(F, F));
       });
     });
-  }, i = (r) => {
+  }, M = (r) => {
     if (r.code === "Space" || r.key === " ") {
       e.onShowPicker(r);
       return;
     }
-    if (V.includes(r.key)) {
+    if (E.includes(r.key)) {
       r.preventDefault();
       const u = r.target;
-      l(r.key, u, r);
+      m(r.key, u, r);
     }
-  }, d = (r) => {
+  }, w = (r) => {
     r.preventDefault();
     const u = r.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    l(u, r.target, r);
-  }, k = (r) => {
+    m(u, r.target, r);
+  }, P = (r) => {
     const u = r.target;
-    if (j.includes(r.key)) {
-      f.value = u?.selectionStart ?? 0;
+    if (k.includes(r.key)) {
+      d.value = u?.selectionStart ?? 0;
       return;
     }
-    V.includes(r.key) && (r.preventDefault(), f.value = u?.selectionStart ?? 0);
+    E.includes(r.key) && (r.preventDefault(), d.value = u?.selectionStart ?? 0);
+  }, W = (r) => {
+    H.value = !0, K.value && e.externalValue && e.externalValue.value === void 0 && y.value.length === 0 && (e.externalValue.value = "");
+    const u = r.target;
+    u && (d.value = u.selectionStart ?? 0);
   };
-  e.externalValue && le(
+  e.externalValue && ie(
     e.externalValue,
     (r) => {
       if (r) {
         const u = new Date(r);
         if (u.toString() !== "Invalid Date") {
-          const p = u.getHours(), D = p >= 12 ? "PM" : "AM";
-          t.value = I(p, u.getMinutes(), D);
+          const v = u.getHours(), g = v >= 12 ? "PM" : "AM";
+          n.value = f(v, u.getMinutes(), g);
           return;
         }
       }
     },
     { immediate: !0 }
   );
-  const S = A(() => [
-    ["Time", t.value || "--:-- --"],
-    ["Hour (12h)", h.value],
-    ["Minute", L.value],
-    ["Period", E.value],
-    ["Digits only", v.value],
+  const X = D(() => [
+    ["Time", n.value || "--:-- --"],
+    ["Hour (12h)", x.value],
+    ["Minute", S.value],
+    ["Period", T.value],
+    ["Digits only", y.value],
     [
       "min",
-      e.minTime?.value.toLocaleTimeString("en-US", {
+      e.min?.toLocaleTimeString("en-US", {
         hour: "2-digit",
         minute: "2-digit"
       }) ?? null
     ],
     [
       "max",
-      e.maxTime?.value.toLocaleTimeString("en-US", {
+      e.max?.toLocaleTimeString("en-US", {
         hour: "2-digit",
         minute: "2-digit"
       }) ?? null
-    ]
-  ]), T = A(
-    () => O(t.value) ?? null
-  ), B = A(() => {
-    if (!y.value) return !0;
-    const r = T.value;
-    return r ? F(r) : !1;
-  }), a = A(() => {
-    if (B.value) return "";
-    if (y.value && !T.value)
-      return `Must be in ${q.value} format.`;
-    const r = {
+    ],
+    ["valid", B.value],
+    ["reason", te.value],
+    ["validationMessage", a.value]
+  ]), Z = D(
+    () => b(n.value) ?? null
+  ), B = D(() => {
+    if (!K.value) {
+      if (!I.value) return !0;
+      const u = Z.value;
+      return u ? c(u) : !1;
+    }
+    if (!H.value) return !0;
+    const r = Z.value;
+    return !I.value || !r ? !1 : c(r);
+  }), te = D(() => {
+    if (!K.value) {
+      if (!I.value) return;
+      const u = Z.value;
+      return u ? c(u) ? "valid" : "out-of-bounds" : "invalid-time";
+    }
+    if (!H.value) return;
+    if (y.value.length === 0 || !I.value)
+      return "incomplete";
+    const r = Z.value;
+    return r ? c(r) ? "valid" : "out-of-bounds" : "invalid-time";
+  }), a = D(() => {
+    const r = te.value;
+    if (!r || r === "valid") return "";
+    if (r === "incomplete")
+      return "Required";
+    if (r === "invalid-time")
+      return `Must be in ${R.value} format.`;
+    const u = {
       hour: "2-digit",
       minute: "2-digit"
-    }, u = e.minTime?.value ? e.minTime.value.toLocaleTimeString("en-US", r) : null, p = e.maxTime?.value ? e.maxTime.value.toLocaleTimeString("en-US", r) : null;
-    return u && p ? `Must be between ${u} and ${p}.` : u ? `Must be ${u} or later.` : p ? `Must be ${p} or earlier.` : "";
-  }), g = () => {
+    }, v = e.min ? e.min.toLocaleTimeString("en-US", u) : null, g = e.max ? e.max.toLocaleTimeString("en-US", u) : null;
+    if (r === "out-of-bounds") {
+      if (v && g) return `Must be between ${v} and ${g}.`;
+      if (v) return `Must be ${v} or later.`;
+      if (g) return `Must be ${g} or earlier.`;
+    }
+    return "";
+  }), p = () => {
     N(() => {
       const r = document.getElementById(e.id);
       if (!r) {
@@ -1075,234 +1136,237 @@ function He(e) {
     });
   };
   return De(() => {
-    g();
+    p();
   }), {
-    raw: t,
-    rules: b,
-    debugEnabled: P,
-    debugLines: S,
-    placeholder: q,
+    raw: n,
+    rules: A,
+    debugEnabled: q,
+    debugLines: X,
+    placeholder: R,
     isValid: B,
+    reason: _(te),
     validationMessage: a,
-    isComplete: y,
-    inRangeTime: F,
-    hour: _(h),
-    minute: _(L),
-    period: _(E),
-    handleChange: o,
-    handleKeyDown: i,
-    handleKeyUp: k,
-    handleClick: s,
-    handleWheel: d
+    isComplete: I,
+    inRangeTime: c,
+    cursorPos: d,
+    hour: _(x),
+    minute: _(S),
+    period: _(T),
+    handleChange: l,
+    handleKeyDown: M,
+    handleKeyUp: P,
+    handleClick: i,
+    handleWheel: w,
+    handleBlur: W
   };
 }
-function Le(e) {
+function Te(e) {
   return Me() ? ($e(e), !0) : !1;
 }
 const Ae = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Pe = Object.prototype.toString, Fe = (e) => Pe.call(e) === "[object Object]", de = () => {
-}, qe = /* @__PURE__ */ Re();
-function Re() {
-  var e, t;
-  return Ae && ((e = window?.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window?.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
+const Pe = Object.prototype.toString, qe = (e) => Pe.call(e) === "[object Object]", fe = () => {
+}, Re = /* @__PURE__ */ Fe();
+function Fe() {
+  var e, n;
+  return Ae && ((e = window?.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((n = window?.navigator) == null ? void 0 : n.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
 }
-function be(e) {
+function Se(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Ue(e, t, f) {
-  return le(
+function Ue(e, n, d) {
+  return ie(
     e,
-    t,
+    n,
     {
-      ...f,
+      ...d,
       immediate: !0
     }
   );
 }
 const Ee = Ae ? window : void 0;
-function pe(e) {
-  var t;
-  const f = ie(e);
-  return (t = f?.$el) != null ? t : f;
+function ve(e) {
+  var n;
+  const d = ue(e);
+  return (n = d?.$el) != null ? n : d;
 }
 function we(...e) {
-  const t = [], f = () => {
-    t.forEach((v) => v()), t.length = 0;
-  }, P = (v, b, C, h) => (v.addEventListener(b, C, h), () => v.removeEventListener(b, C, h)), q = A(() => {
-    const v = be(ie(e[0])).filter((b) => b != null);
-    return v.every((b) => typeof b != "string") ? v : void 0;
-  }), V = Ue(
+  const n = [], d = () => {
+    n.forEach((E) => E()), n.length = 0;
+  }, q = (E, k, y, A) => (E.addEventListener(k, y, A), () => E.removeEventListener(k, y, A)), R = D(() => {
+    const E = Se(ue(e[0])).filter((k) => k != null);
+    return E.every((k) => typeof k != "string") ? E : void 0;
+  }), K = Ue(
     () => {
-      var v, b;
+      var E, k;
       return [
-        (b = (v = q.value) == null ? void 0 : v.map((C) => pe(C))) != null ? b : [Ee].filter((C) => C != null),
-        be(ie(q.value ? e[1] : e[0])),
-        be(Ce(q.value ? e[2] : e[1])),
+        (k = (E = R.value) == null ? void 0 : E.map((y) => ve(y))) != null ? k : [Ee].filter((y) => y != null),
+        Se(ue(R.value ? e[1] : e[0])),
+        Se(Ce(R.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        ie(q.value ? e[3] : e[2])
+        ue(R.value ? e[3] : e[2])
       ];
     },
-    ([v, b, C, h]) => {
-      if (f(), !v?.length || !b?.length || !C?.length)
+    ([E, k, y, A]) => {
+      if (d(), !E?.length || !k?.length || !y?.length)
         return;
-      const L = Fe(h) ? { ...h } : h;
-      t.push(
-        ...v.flatMap(
-          (E) => b.flatMap(
-            (y) => C.map((I) => P(E, y, I, L))
+      const L = qe(A) ? { ...A } : A;
+      n.push(
+        ...E.flatMap(
+          (x) => k.flatMap(
+            (S) => y.map((T) => q(x, S, T, L))
           )
         )
       );
     },
     { flush: "post" }
-  ), j = () => {
-    V(), f();
+  ), H = () => {
+    K(), d();
   };
-  return Le(f), j;
+  return Te(d), H;
 }
 let ke = !1;
-function Oe(e, t, f = {}) {
-  const { window: P = Ee, ignore: q = [], capture: V = !0, detectIframe: j = !1, controls: v = !1 } = f;
-  if (!P)
-    return v ? { stop: de, cancel: de, trigger: de } : de;
-  if (qe && !ke) {
+function Oe(e, n, d = {}) {
+  const { window: q = Ee, ignore: R = [], capture: K = !0, detectIframe: H = !1, controls: E = !1 } = d;
+  if (!q)
+    return E ? { stop: fe, cancel: fe, trigger: fe } : fe;
+  if (Re && !ke) {
     ke = !0;
-    const m = { passive: !0 };
-    Array.from(P.document.body.children).forEach((w) => w.addEventListener("click", de, m)), P.document.documentElement.addEventListener("click", de, m);
+    const f = { passive: !0 };
+    Array.from(q.document.body.children).forEach((b) => b.addEventListener("click", fe, f)), q.document.documentElement.addEventListener("click", fe, f);
   }
-  let b = !0;
-  const C = (m) => ie(q).some((w) => {
-    if (typeof w == "string")
-      return Array.from(P.document.querySelectorAll(w)).some((F) => F === m.target || m.composedPath().includes(F));
+  let k = !0;
+  const y = (f) => ue(R).some((b) => {
+    if (typeof b == "string")
+      return Array.from(q.document.querySelectorAll(b)).some((O) => O === f.target || f.composedPath().includes(O));
     {
-      const F = pe(w);
-      return F && (m.target === F || m.composedPath().includes(F));
+      const O = ve(b);
+      return O && (f.target === O || f.composedPath().includes(O));
     }
   });
-  function h(m) {
-    const w = ie(m);
-    return w && w.$.subTree.shapeFlag === 16;
+  function A(f) {
+    const b = ue(f);
+    return b && b.$.subTree.shapeFlag === 16;
   }
-  function L(m, w) {
-    const F = ie(m), o = F.$.subTree && F.$.subTree.children;
-    return o == null || !Array.isArray(o) ? !1 : o.some((s) => s.el === w.target || w.composedPath().includes(s.el));
+  function L(f, b) {
+    const O = ue(f), o = O.$.subTree && O.$.subTree.children;
+    return o == null || !Array.isArray(o) ? !1 : o.some((c) => c.el === b.target || b.composedPath().includes(c.el));
   }
-  const E = (m) => {
-    const w = pe(e);
-    if (m.target != null && !(!(w instanceof Element) && h(e) && L(e, m)) && !(!w || w === m.target || m.composedPath().includes(w))) {
-      if ("detail" in m && m.detail === 0 && (b = !C(m)), !b) {
-        b = !0;
+  const x = (f) => {
+    const b = ve(e);
+    if (f.target != null && !(!(b instanceof Element) && A(e) && L(e, f)) && !(!b || b === f.target || f.composedPath().includes(b))) {
+      if ("detail" in f && f.detail === 0 && (k = !y(f)), !k) {
+        k = !0;
         return;
       }
-      t(m);
+      n(f);
     }
   };
-  let y = !1;
-  const I = [
-    we(P, "click", (m) => {
-      y || (y = !0, setTimeout(() => {
-        y = !1;
-      }, 0), E(m));
-    }, { passive: !0, capture: V }),
-    we(P, "pointerdown", (m) => {
-      const w = pe(e);
-      b = !C(m) && !!(w && !m.composedPath().includes(w));
+  let S = !1;
+  const T = [
+    we(q, "click", (f) => {
+      S || (S = !0, setTimeout(() => {
+        S = !1;
+      }, 0), x(f));
+    }, { passive: !0, capture: K }),
+    we(q, "pointerdown", (f) => {
+      const b = ve(e);
+      k = !y(f) && !!(b && !f.composedPath().includes(b));
     }, { passive: !0 }),
-    j && we(P, "blur", (m) => {
+    H && we(q, "blur", (f) => {
       setTimeout(() => {
-        var w;
-        const F = pe(e);
-        ((w = P.document.activeElement) == null ? void 0 : w.tagName) === "IFRAME" && !F?.contains(P.document.activeElement) && t(m);
+        var b;
+        const O = ve(e);
+        ((b = q.document.activeElement) == null ? void 0 : b.tagName) === "IFRAME" && !O?.contains(q.document.activeElement) && n(f);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), O = () => I.forEach((m) => m());
-  return v ? {
-    stop: O,
+  ].filter(Boolean), I = () => T.forEach((f) => f());
+  return E ? {
+    stop: I,
     cancel: () => {
-      b = !1;
+      k = !1;
     },
-    trigger: (m) => {
-      b = !0, E(m), b = !1;
+    trigger: (f) => {
+      k = !0, x(f), k = !1;
     }
-  } : O;
+  } : I;
 }
 function We(e) {
-  const t = Ie(null), f = [
+  const n = Ie(null), d = [
     ".k-animation-container .k-popup",
     ".k-popup",
     ".k-timepicker-popup",
     ".k-menu-popup"
-  ], P = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? f].flat(), q = (h) => h ? typeof e.initialFocus == "string" ? h.querySelector(e.initialFocus) ?? h : typeof e.initialFocus == "function" ? e.initialFocus(h) ?? h : h.querySelector(
+  ], q = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? d].flat(), R = (A) => A ? typeof e.initialFocus == "string" ? A.querySelector(e.initialFocus) ?? A : typeof e.initialFocus == "function" ? e.initialFocus(A) ?? A : A.querySelector(
     'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-  ) ?? h : null, { activate: V, deactivate: j } = Te(t, {
+  ) ?? A : null, { activate: K, deactivate: H } = Le(n, {
     escapeDeactivates: !1,
     clickOutsideDeactivates: !1,
-    fallbackFocus: () => t.value,
-    initialFocus: () => q(t.value),
+    fallbackFocus: () => n.value,
+    initialFocus: () => R(n.value),
     ...e.focusTrapOptions ?? {}
   });
-  let v = null, b = z(null);
-  const C = () => {
+  let E = null, k = z(null);
+  const y = () => {
     if (e.resolvePopupEl) return e.resolvePopupEl();
-    const h = (E, y) => {
-      const I = Array.from(E.querySelectorAll(y));
-      if (!I.length) return null;
-      const O = I.filter(
-        (m) => m.offsetParent !== null || m.getClientRects().length > 0
+    const A = (x, S) => {
+      const T = Array.from(x.querySelectorAll(S));
+      if (!T.length) return null;
+      const I = T.filter(
+        (f) => f.offsetParent !== null || f.getClientRects().length > 0
       );
-      return O[O.length - 1] ?? I[I.length - 1] ?? null;
+      return I[I.length - 1] ?? T[T.length - 1] ?? null;
     }, L = e.triggerEl?.value?.closest?.(".k-animation-container") ?? document.body;
-    for (const E of P) {
-      const y = h(L, E);
-      if (y) return y;
+    for (const x of q) {
+      const S = A(L, x);
+      if (S) return S;
     }
-    for (const E of P) {
-      const y = h(document, E);
-      if (y) return y;
+    for (const x of q) {
+      const S = A(document, x);
+      if (S) return S;
     }
     return null;
   };
-  return Oe(t, (h) => {
-    b.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", h);
-  }), le(
+  return Oe(n, (A) => {
+    k.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", A);
+  }), ie(
     () => e.isOpen.value,
-    (h) => {
-      h ? (b.value = null, N(() => {
-        const L = C();
-        L && (t.value = L, setTimeout(() => V(), 0), v || (v = (E) => {
-          E.key === "Escape" && (b.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", E));
-        }, document.addEventListener("keydown", v, !0)));
-      })) : (j(), v && (document.removeEventListener("keydown", v, !0), v = null), t.value = null, b.value === "outside" && N(() => {
+    (A) => {
+      A ? (k.value = null, N(() => {
+        const L = y();
+        L && (n.value = L, setTimeout(() => K(), 0), E || (E = (x) => {
+          x.key === "Escape" && (k.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", x));
+        }, document.addEventListener("keydown", E, !0)));
+      })) : (H(), E && (document.removeEventListener("keydown", E, !0), E = null), n.value = null, k.value === "outside" && N(() => {
         const L = () => {
-          const E = e.triggerEl?.value, y = E?.querySelector("input"), I = document.activeElement;
-          I && (I === y || E && E.contains(I)) && (y ?? E)?.blur?.();
+          const x = e.triggerEl?.value, S = x?.querySelector("input"), T = document.activeElement;
+          T && (T === S || x && x.contains(T)) && (S ?? x)?.blur?.();
         };
         requestAnimationFrame(() => setTimeout(L, 0));
-      }), e.returnFocusToTrigger !== !1 && b.value === "escape" && e.triggerEl?.value && (console.log(
+      }), e.returnFocusToTrigger !== !1 && k.value === "escape" && e.triggerEl?.value && (console.log(
         "Returning focus to trigger element:",
         e.triggerEl.value
       ), N(() => {
         const L = () => {
-          const E = e.triggerEl?.value;
-          if (!E) return;
-          (E.querySelector("input") ?? E)?.focus?.();
+          const x = e.triggerEl?.value;
+          if (!x) return;
+          (x.querySelector("input") ?? x)?.focus?.();
         };
         requestAnimationFrame(() => setTimeout(L, 0));
       })));
     }
   ), {
-    popupRef: t,
-    activate: V,
-    deactivate: j,
-    lastCloseReason: _(b),
-    setPopupEl: (h) => t.value = h
+    popupRef: n,
+    activate: K,
+    deactivate: H,
+    lastCloseReason: _(k),
+    setPopupEl: (A) => n.value = A
   };
 }
 export {
-  Ye as useGridA11y,
-  Ne as useMaskedDateInput,
-  Ve as useMaskedDateRangeInput,
+  Ve as useGridA11y,
+  Ye as useMaskedDateInput,
+  Ne as useMaskedDateRangeInput,
   He as useMaskedTimeInput,
   We as usePopupTrap
 };