lizaui 5.0.3 → 5.0.4

package/dist/time-input/index.es.js

@@ -0,0 +1,767 @@
+import { j as i } from "../chunks/jsx-runtime-Cl_4eDuT.js";
+import { memo as Re, useLayoutEffect as rn, useEffect as pe, useState as te, useRef as Z, useCallback as xe, useMemo as on, createElement as De } from "react";
+import { createPortal as an } from "react-dom";
+import { c as be } from "../chunks/clsx-OuTLNxxd.js";
+import { g as Oe, a as H, b as re, c as de, d as Pe, u as ye, e as sn, f as Be, h as Ue, m as cn, F as un, i as ln } from "../chunks/styled-components.browser.esm-CAEXERbT.js";
+function Se(e) {
+  var n = e.angle, r = n === void 0 ? 0 : n, a = e.name, o = e.length, c = o === void 0 ? 100 : o, s = e.oppositeLength, u = s === void 0 ? 10 : s, l = e.width, p = l === void 0 ? 1 : l;
+  return i.jsx("div", { className: "react-clock__hand react-clock__".concat(a, "-hand"), style: {
+    transform: "rotate(".concat(r, "deg)")
+  }, children: i.jsx("div", { className: "react-clock__hand__body react-clock__".concat(a, "-hand__body"), style: {
+    width: "".concat(p, "px"),
+    top: "".concat(50 - c / 2, "%"),
+    bottom: "".concat(50 - u / 2, "%")
+  } }) });
+}
+var ze = Re(function(n) {
+  var r = n.angle, a = r === void 0 ? 0 : r, o = n.length, c = o === void 0 ? 10 : o, s = n.name, u = n.width, l = u === void 0 ? 1 : u;
+  return i.jsx("div", { className: "react-clock__mark react-clock__".concat(s, "-mark"), style: {
+    transform: "rotate(".concat(a, "deg)")
+  }, children: i.jsx("div", { className: "react-clock__mark__body react-clock__".concat(s, "-mark__body"), style: {
+    width: "".concat(l, "px"),
+    top: 0,
+    bottom: "".concat(100 - c / 2, "%")
+  } }) });
+}), dn = Re(function(n) {
+  var r = n.angle, a = r === void 0 ? 0 : r, o = n.length, c = o === void 0 ? 10 : o, s = n.name, u = n.number;
+  return i.jsx("div", { className: "react-clock__mark react-clock__".concat(s, "-mark"), style: {
+    transform: "rotate(".concat(a, "deg)")
+  }, children: i.jsx("div", { className: "react-clock__mark__number", style: {
+    transform: "rotate(-".concat(a, "deg)"),
+    top: "".concat(c / 2, "%")
+  }, children: u }) });
+});
+function mn(e, n) {
+  return n.toLocaleString(e || Oe() || void 0);
+}
+function pn(e) {
+  return e !== null && e !== !1 && !Number.isNaN(Number(e));
+}
+function fn() {
+  for (var e = [], n = 0; n < arguments.length; n++)
+    e[n] = arguments[n];
+  return Math.max.apply(Math, e.filter(pn));
+}
+function hn(e) {
+  var n = e.className, r = e.formatHour, a = r === void 0 ? mn : r, o = e.hourHandLength, c = o === void 0 ? 50 : o, s = e.hourHandOppositeLength, u = e.hourHandWidth, l = u === void 0 ? 4 : u, p = e.hourMarksLength, v = p === void 0 ? 10 : p, g = e.hourMarksWidth, x = g === void 0 ? 3 : g, N = e.locale, E = e.minuteHandLength, A = E === void 0 ? 70 : E, k = e.minuteHandOppositeLength, I = e.minuteHandWidth, K = I === void 0 ? 2 : I, O = e.minuteMarksLength, oe = O === void 0 ? 6 : O, U = e.minuteMarksWidth, J = U === void 0 ? 1 : U, G = e.renderHourMarks, S = G === void 0 ? !0 : G, F = e.renderMinuteHand, q = F === void 0 ? !0 : F, W = e.renderMinuteMarks, Q = W === void 0 ? !0 : W, T = e.renderNumbers, ie = e.renderSecondHand, X = ie === void 0 ? !0 : ie, D = e.secondHandLength, ae = D === void 0 ? 90 : D, se = e.secondHandOppositeLength, z = e.secondHandWidth, Y = z === void 0 ? 1 : z, R = e.size, w = R === void 0 ? 150 : R, M = e.useMillisecondPrecision, h = e.value;
+  function ce() {
+    if (!Q)
+      return null;
+    for (var _ = [], b = 1; b <= 60; b += 1) {
+      var ne = S && !(b % 5);
+      ne || _.push(i.jsx(ze, { angle: b * 6, length: oe, name: "minute", width: J }, "minute_".concat(b)));
+    }
+    return _;
+  }
+  function ue() {
+    if (!S)
+      return null;
+    for (var _ = [], b = 1; b <= 12; b += 1)
+      _.push(i.jsx(ze, { angle: b * 30, length: v, name: "hour", width: x }, "hour_".concat(b)));
+    return _;
+  }
+  function P() {
+    if (!T)
+      return null;
+    for (var _ = [], b = 1; b <= 12; b += 1)
+      _.push(i.jsx(dn, { angle: b * 30, length: fn(S && v, Q && oe, 0), name: "number", number: a(N, b) }, "number_".concat(b)));
+    return _;
+  }
+  function fe() {
+    return i.jsxs("div", { className: "react-clock__face", children: [ce(), ue(), P()] });
+  }
+  function le() {
+    var _ = h ? H(h) * 30 + re(h) / 2 + de(h) / 120 + (M ? Pe(h) / 12e4 : 0) : 0;
+    return i.jsx(Se, { angle: _, length: c, name: "hour", oppositeLength: s, width: l });
+  }
+  function he() {
+    if (!q)
+      return null;
+    var _ = h ? H(h) * 360 + re(h) * 6 + de(h) / 10 + (M ? Pe(h) / 1e4 : 0) : 0;
+    return i.jsx(Se, { angle: _, length: A, name: "minute", oppositeLength: k, width: K });
+  }
+  function ee() {
+    if (!X)
+      return null;
+    var _ = h ? re(h) * 360 + de(h) * 6 + (M ? Pe(h) * 6e-3 : 0) : 0;
+    return i.jsx(Se, { angle: _, length: ae, name: "second", oppositeLength: se, width: Y });
+  }
+  return i.jsxs("time", { className: be("react-clock", n), dateTime: h instanceof Date ? (
+    // Returns a string in the format "HH:MM" or "HH:MM:SS"
+    h.toLocaleTimeString("en", {
+      hourCycle: "h23",
+      hour: "2-digit",
+      minute: q ? "2-digit" : void 0,
+      second: X ? "2-digit" : void 0
+    })
+  ) : h || void 0, style: {
+    width: w,
+    height: w
+  }, children: [fe(), le(), he(), ee()] });
+}
+function gn({ children: e }) {
+  return i.jsx("span", { className: "react-time-picker__inputGroup__divider", children: e });
+}
+function Ve(e, n) {
+  let r = Number(e);
+  return n === "am" && r === 12 ? r = 0 : n === "pm" && r < 12 && (r += 12), r;
+}
+function me(e) {
+  return [Number(e) % 12 || 12, Number(e) < 12 ? "am" : "pm"];
+}
+const Me = /* @__PURE__ */ new Map();
+function Je(e) {
+  return function(r, a) {
+    const o = r || Oe();
+    Me.has(o) || Me.set(o, /* @__PURE__ */ new Map());
+    const c = Me.get(o);
+    return c.has(e) || c.set(e, new Intl.DateTimeFormat(o || void 0, e).format), c.get(e)(a);
+  };
+}
+const $e = /* @__PURE__ */ new Map();
+function bn(e) {
+  return (n, r) => {
+    const a = n || Oe();
+    $e.has(a) || $e.set(a, /* @__PURE__ */ new Map());
+    const o = $e.get(a);
+    return o.has(e) || o.set(e, new Intl.NumberFormat(a || void 0, e).format), o.get(e)(r);
+  };
+}
+const kn = ["9", "٩"], Ze = new RegExp(`[${kn.join("")}]`), Ke = Je({ hour: "numeric" });
+function Qe(e) {
+  const n = Ke(e, new Date(2017, 0, 1, 9)), r = Ke(e, new Date(2017, 0, 1, 21)), [a, o] = n.split(Ze), [c, s] = r.split(Ze);
+  if (s !== void 0) {
+    if (a !== c)
+      return [a, c].map((u) => u.trim());
+    if (o !== s)
+      return [o, s].map((u) => u.trim());
+  }
+  return ["AM", "PM"];
+}
+function Te(e) {
+  return e !== null && e !== !1 && !Number.isNaN(Number(e));
+}
+function Le(...e) {
+  return Math.min(...e.filter(Te));
+}
+function je(...e) {
+  return Math.max(...e.filter(Te));
+}
+function vn({ ariaLabel: e, autoFocus: n, className: r, disabled: a, inputRef: o, locale: c, maxTime: s, minTime: u, onChange: l, onKeyDown: p, required: v, value: g }) {
+  const x = u ? me(H(u))[1] === "pm" : !1, N = s ? me(H(s))[1] === "am" : !1, E = "amPm", [A, k] = Qe(c);
+  return i.jsxs("select", {
+    "aria-label": e,
+    // biome-ignore lint/a11y/noAutofocus: This is up to developers' decision
+    autoFocus: n,
+    className: be(`${r}__input`, `${r}__${E}`),
+    "data-input": "true",
+    "data-select": "true",
+    disabled: a,
+    name: E,
+    onChange: l,
+    onKeyDown: p,
+    // Assertion is needed for React 18 compatibility
+    ref: o,
+    required: v,
+    value: g !== null ? g : "",
+    children: [!g && i.jsx("option", { value: "", children: "--" }), i.jsx("option", { disabled: x, value: "am", children: A }), i.jsx("option", { disabled: N, value: "pm", children: k })]
+  });
+}
+const We = typeof window < "u", _n = We ? rn : pe, xn = We && /(MSIE|Trident\/|Edge\/)/.test(navigator.userAgent), wn = We && /Firefox/.test(navigator.userAgent);
+function yn(e) {
+  const { target: n } = e;
+  xn ? requestAnimationFrame(() => n.select()) : n.select();
+}
+function Ln(e) {
+  if (document.readyState === "complete")
+    return;
+  function n() {
+    ye(e);
+  }
+  window.addEventListener("load", n);
+}
+function jn(e) {
+  if (!document.fonts)
+    return;
+  const n = sn(e);
+  if (!n || document.fonts.check(n))
+    return;
+  function a() {
+    ye(e);
+  }
+  document.fonts.addEventListener("loadingdone", a);
+}
+function Nn(e) {
+  if (e && "selectionStart" in e && e.selectionStart !== null && "selectionEnd" in e && e.selectionEnd !== null)
+    return e.value.slice(e.selectionStart, e.selectionEnd);
+  if ("getSelection" in window) {
+    const n = window.getSelection();
+    return n?.toString();
+  }
+  return null;
+}
+function Hn(e) {
+  if (e !== null)
+    return function(r) {
+      if (wn)
+        return;
+      const { key: a, target: o } = r, { value: c } = o, s = a.length === 1 && /\d/.test(a), u = Nn(o);
+      (!s || !(u || c.length < e)) && r.preventDefault();
+    };
+}
+function Ne({ ariaLabel: e, autoFocus: n, className: r, disabled: a, inputRef: o, max: c, min: s, name: u, nameForClass: l, onChange: p, onKeyDown: v, onKeyUp: g, placeholder: x = "--", required: N, showLeadingZeros: E, step: A, value: k }) {
+  _n(() => {
+    !o || !o.current || (ye(o.current), Ln(o.current), jn(o.current));
+  }, [o, k]);
+  const I = E && k && Number(k) < 10 && (k === "0" || !k.toString().startsWith("0")), K = c ? c.toString().length : null;
+  return i.jsxs(i.Fragment, { children: [I ? i.jsx("span", { className: `${r}__leadingZero`, children: "0" }) : null, i.jsx("input", {
+    "aria-label": e,
+    autoComplete: "off",
+    // biome-ignore lint/a11y/noAutofocus: This is up to developers' decision
+    autoFocus: n,
+    className: be(`${r}__input`, `${r}__${l || u}`, I && `${r}__input--hasLeadingZero`),
+    "data-input": "true",
+    disabled: a,
+    inputMode: "numeric",
+    max: c,
+    min: s,
+    name: u,
+    onChange: p,
+    onFocus: yn,
+    onKeyDown: v,
+    onKeyPress: Hn(K),
+    onKeyUp: (O) => {
+      ye(O.target), g && g(O);
+    },
+    placeholder: x,
+    // Assertion is needed for React 18 compatibility
+    ref: o,
+    required: N,
+    step: A,
+    type: "number",
+    value: k !== null ? k : ""
+  })] });
+}
+function Cn({ amPm: e, maxTime: n, minTime: r, value: a, ...o }) {
+  const c = Le(12, n && (() => {
+    const [l, p] = me(H(n));
+    return p !== e ? null : l;
+  })()), s = je(1, r && (() => {
+    const [l, p] = me(H(r));
+    return (
+      // pm is always after am, so we should ignore validation
+      p !== e || // If minHour is 12 am/pm, user should be able to enter 12, 1, ..., 11.
+      l === 12 ? null : l
+    );
+  })()), u = a ? me(a)[0].toString() : "";
+  return i.jsx(Ne, { max: c, min: s, name: "hour12", nameForClass: "hour", value: u, ...o });
+}
+function En({ maxTime: e, minTime: n, ...r }) {
+  const a = Le(23, e && H(e)), o = je(0, n && H(n));
+  return i.jsx(Ne, { max: a, min: o, name: "hour24", nameForClass: "hour", ...r });
+}
+function In({ hour: e, maxTime: n, minTime: r, showLeadingZeros: a = !0, ...o }) {
+  function c(l) {
+    return e === H(l).toString();
+  }
+  const s = Le(59, n && c(n) && re(n)), u = je(0, r && c(r) && re(r));
+  return i.jsx(Ne, { max: s, min: u, name: "minute", showLeadingZeros: a, ...o });
+}
+function Fn({ ariaLabel: e, disabled: n, maxTime: r, minTime: a, name: o, onChange: c, required: s, value: u, valueType: l }) {
+  const p = (() => {
+    switch (l) {
+      case "hour":
+        return (x) => `${H(x)}:00`;
+      case "minute":
+        return Ue;
+      case "second":
+        return Be;
+      default:
+        throw new Error("Invalid valueType");
+    }
+  })(), v = (() => {
+    switch (l) {
+      case "hour":
+        return 3600;
+      case "minute":
+        return 60;
+      case "second":
+        return 1;
+      default:
+        throw new Error("Invalid valueType");
+    }
+  })();
+  function g(x) {
+    x.stopPropagation();
+  }
+  return i.jsx("input", { "aria-label": e, disabled: n, hidden: !0, max: r ? p(r) : void 0, min: a ? p(a) : void 0, name: o, onChange: c, onFocus: g, required: s, step: v, style: {
+    visibility: "hidden",
+    position: "absolute",
+    zIndex: "-999"
+  }, type: "time", value: u ? p(u) : "" });
+}
+function Pn({ hour: e, maxTime: n, minTime: r, minute: a, showLeadingZeros: o = !0, ...c }) {
+  function s(p) {
+    return e === H(p).toString() && a === re(p).toString();
+  }
+  const u = Le(59, n && s(n) && de(n)), l = je(0, r && s(r) && de(r));
+  return i.jsx(Ne, { max: u, min: l, name: "second", showLeadingZeros: o, ...c });
+}
+const Ge = {}, Sn = ["hour", "minute", "second"];
+function Mn(e) {
+  return e.dataset.input === "true";
+}
+function qe(e, n) {
+  let r = e;
+  do
+    r = r[n];
+  while (r && !Mn(r));
+  return r;
+}
+function Ae(e) {
+  e && e.focus();
+}
+function $n(e, n, r) {
+  const a = [], o = new RegExp(Object.keys(n).map((s) => `${s}+`).join("|"), "g"), c = e.match(o);
+  return e.split(o).reduce((s, u, l) => {
+    const p = u && // biome-ignore lint/suspicious/noArrayIndexKey: index is stable here
+    i.jsx(gn, { children: u }, `separator_${l}`);
+    s.push(p);
+    const v = c?.[l];
+    if (v) {
+      const g = n[v] || n[Object.keys(n).find((x) => v.match(x))];
+      if (!g)
+        return s;
+      !r && a.includes(g) ? s.push(v) : (s.push(g(v, l)), a.push(g));
+    }
+    return s;
+  }, []);
+}
+const we = bn({ useGrouping: !1 });
+function An({ amPmAriaLabel: e, autoFocus: n, className: r, disabled: a, format: o, hourAriaLabel: c, hourPlaceholder: s, isClockOpen: u = null, locale: l, maxDetail: p = "minute", maxTime: v, minTime: g, minuteAriaLabel: x, minutePlaceholder: N, name: E = "time", nativeInputAriaLabel: A, onChange: k, onInvalidChange: I, required: K, secondAriaLabel: O, secondPlaceholder: oe, value: U }) {
+  const [J, G] = te(null), [S, F] = te(null), [q, W] = te(null), [Q, T] = te(null), [ie, X] = te(null), D = Z(null), ae = Z(null), se = Z(null), z = Z(null), Y = Z(null), [R, w] = te(u), M = Z(void 0);
+  pe(() => {
+    w(u);
+  }, [u]), pe(() => {
+    const t = U;
+    t ? (G(me(H(t))[1]), F(H(t).toString()), W(re(t).toString()), T(de(t).toString()), X(t)) : (G(null), F(null), W(null), T(null), X(null));
+  }, [
+    U,
+    g,
+    v,
+    p,
+    // Toggling clock visibility resets values
+    R
+  ]);
+  const h = p, ce = (() => {
+    const t = Sn.indexOf(p), d = Ge[t] || (() => {
+      const m = { hour: "numeric" };
+      return t >= 1 && (m.minute = "numeric"), t >= 2 && (m.second = "numeric"), Ge[t] = m, m;
+    })();
+    return Je(d);
+  })();
+  function ue(t) {
+    return (() => {
+      switch (h) {
+        case "hour":
+        case "minute":
+          return Ue;
+        case "second":
+          return Be;
+        default:
+          throw new Error("Invalid valueType");
+      }
+    })()(t);
+  }
+  const P = o || (() => {
+    const Ee = new Date(2017, 0, 1, 21, 13, 14);
+    return ce(l, Ee).replace(we(l, 9), "h").replace(we(l, 21), "H").replace(we(l, 13), "mm").replace(we(l, 14), "ss").replace(new RegExp(Qe(l).join("|")), "a");
+  })(), fe = (() => {
+    const t = P.match(/[^0-9a-z]/i);
+    return t ? t[0] : null;
+  })();
+  function le(t) {
+    if (t.target === t.currentTarget) {
+      const d = t.target.children[1];
+      Ae(d);
+    }
+  }
+  function he(t) {
+    switch (M.current = t.key, t.key) {
+      case "ArrowLeft":
+      case "ArrowRight":
+      case fe: {
+        t.preventDefault();
+        const { target: d } = t, m = t.key === "ArrowLeft" ? "previousElementSibling" : "nextElementSibling", C = qe(d, m);
+        Ae(C);
+        break;
+      }
+    }
+  }
+  function ee(t) {
+    const { key: d, target: m } = t;
+    if (!(M.current === d) || !!Number.isNaN(Number(d)))
+      return;
+    const ge = m.getAttribute("max");
+    if (!ge)
+      return;
+    const { value: _e } = m;
+    if (Number(_e) * 10 > Number(ge) || _e.length >= ge.length) {
+      const Ie = qe(m, "nextElementSibling");
+      Ae(Ie);
+    }
+  }
+  function _() {
+    if (!k)
+      return;
+    function t(y) {
+      return !!y;
+    }
+    const d = [
+      D.current,
+      ae.current,
+      se.current,
+      z.current,
+      Y.current
+    ].filter(t), m = d.slice(1), C = {};
+    for (const y of d)
+      C[y.name] = y.type === "number" ? y.valueAsNumber : y.value;
+    if (m.every((y) => !y.value)) {
+      k(null, !1);
+      return;
+    }
+    const ge = d.every((y) => y.value), _e = d.every((y) => y.validity.valid);
+    if (ge && _e) {
+      const y = Number(C.hour24 || C.hour12 && C.amPm && Ve(C.hour12, C.amPm) || 0), Ie = Number(C.minute || 0), Ye = Number(C.second || 0), Fe = (tn) => `0${tn}`.slice(-2), en = `${Fe(y)}:${Fe(Ie)}:${Fe(Ye)}`, nn = ue(en);
+      k(nn, !1);
+      return;
+    }
+    I && I();
+  }
+  function b(t) {
+    const { name: d, value: m } = t.target;
+    switch (d) {
+      case "amPm":
+        G(m);
+        break;
+      case "hour12":
+        F(m ? Ve(m, J || "am").toString() : "");
+        break;
+      case "hour24":
+        F(m);
+        break;
+      case "minute":
+        W(m);
+        break;
+      case "second":
+        T(m);
+        break;
+    }
+    _();
+  }
+  function ne(t) {
+    const { value: d } = t.target;
+    if (!k)
+      return;
+    k(d || null, !1);
+  }
+  const V = {
+    className: r,
+    disabled: a,
+    maxTime: v,
+    minTime: g,
+    onChange: b,
+    onKeyDown: he,
+    onKeyUp: ee,
+    // This is only for showing validity when editing
+    required: !!(K || R)
+  };
+  function He(t, d) {
+    if (t && t.length > 2)
+      throw new Error(`Unsupported token: ${t}`);
+    const m = t ? t.length === 2 : !1;
+    return i.jsx(Cn, { ...V, amPm: J, ariaLabel: c, autoFocus: d === 0 && n, inputRef: ae, placeholder: s, showLeadingZeros: m, value: S }, "hour12");
+  }
+  function Ce(t, d) {
+    if (t && t.length > 2)
+      throw new Error(`Unsupported token: ${t}`);
+    const m = t ? t.length === 2 : !1;
+    return i.jsx(En, { ...V, ariaLabel: c, autoFocus: d === 0 && n, inputRef: se, placeholder: s, showLeadingZeros: m, value: S }, "hour24");
+  }
+  function ke(t, d) {
+    return /h/.test(t) ? He(t, d) : Ce(t, d);
+  }
+  function f(t, d) {
+    if (t && t.length > 2)
+      throw new Error(`Unsupported token: ${t}`);
+    const m = t ? t.length === 2 : !1;
+    return i.jsx(In, { ...V, ariaLabel: x, autoFocus: d === 0 && n, hour: S, inputRef: z, placeholder: N, showLeadingZeros: m, value: q }, "minute");
+  }
+  function L(t, d) {
+    if (t && t.length > 2)
+      throw new Error(`Unsupported token: ${t}`);
+    const m = t ? t.length === 2 : !0;
+    return i.jsx(Pn, { ...V, ariaLabel: O, autoFocus: d === 0 && n, hour: S, inputRef: Y, minute: q, placeholder: oe, showLeadingZeros: m, value: Q }, "second");
+  }
+  function $(t, d) {
+    return i.jsx(vn, { ...V, ariaLabel: e, autoFocus: d === 0 && n, inputRef: D, locale: l, onChange: b, value: J }, "ampm");
+  }
+  function B() {
+    return $n(P, {
+      h: ke,
+      H: ke,
+      m: f,
+      s: L,
+      a: $
+    }, typeof o < "u");
+  }
+  function ve() {
+    return i.jsx(Fn, { ariaLabel: A, disabled: a, maxTime: v, minTime: g, name: E, onChange: ne, required: K, value: ie, valueType: h }, "time");
+  }
+  return (
+    // biome-ignore lint/a11y/useKeyWithClickEvents: This interaction is designed for mouse users only
+    // biome-ignore lint/a11y/noStaticElementInteractions: This interaction is designed for mouse users only
+    i.jsxs("div", { className: r, onClick: le, children: [ve(), B()] })
+  );
+}
+const j = "react-time-picker", On = ["mousedown", "focusin", "touchstart"], Xe = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 19,
+  height: 19,
+  viewBox: "0 0 19 19",
+  stroke: "black",
+  strokeWidth: 2
+}, Wn = i.jsxs("svg", { ...Xe, "aria-hidden": "true", className: `${j}__clock-button__icon ${j}__button__icon`, fill: "none", children: [i.jsx("circle", { cx: "9.5", cy: "9.5", r: "7.5" }), i.jsx("path", { d: "M9.5 4.5 v5 h4" })] }), Dn = i.jsxs("svg", { ...Xe, "aria-hidden": "true", className: `${j}__clear-button__icon ${j}__button__icon`, children: [i.jsx("line", { x1: "4", x2: "15", y1: "4", y2: "15" }), i.jsx("line", { x1: "15", x2: "4", y1: "4", y2: "15" })] });
+function zn(e) {
+  const { amPmAriaLabel: n, autoFocus: r, className: a, clearAriaLabel: o, clearIcon: c = Dn, clockAriaLabel: s, clockIcon: u = Wn, closeClock: l = !0, "data-testid": p, hourAriaLabel: v, hourPlaceholder: g, disableClock: x, disabled: N, format: E, id: A, isOpen: k = null, locale: I, maxTime: K, maxDetail: O = "minute", minTime: oe, minuteAriaLabel: U, minutePlaceholder: J, name: G = "time", nativeInputAriaLabel: S, onClockClose: F, onClockOpen: q, onChange: W, onFocus: Q, onInvalidChange: T, openClockOnFocus: ie = !0, required: X, value: D, secondAriaLabel: ae, secondPlaceholder: se, shouldCloseClock: z, shouldOpenClock: Y, ...R } = e, [w, M] = te(k), h = Z(null), ce = Z(null);
+  pe(() => {
+    M(k);
+  }, [k]);
+  function ue({ reason: f }) {
+    Y && !Y({ reason: f }) || (M(!0), q && q());
+  }
+  const P = xe(({ reason: f }) => {
+    z && !z({ reason: f }) || (M(!1), F && F());
+  }, [F, z]);
+  function fe() {
+    w ? P({ reason: "buttonClick" }) : ue({ reason: "buttonClick" });
+  }
+  function le(f, L = l) {
+    L && P({ reason: "select" }), W && W(f);
+  }
+  function he(f) {
+    Q && Q(f), // Internet Explorer still fires onFocus on disabled elements
+    !(N || w || !ie || f.target.dataset.select === "true") && ue({ reason: "focus" });
+  }
+  const ee = xe((f) => {
+    f.key === "Escape" && P({ reason: "escape" });
+  }, [P]);
+  function _() {
+    le(null);
+  }
+  function b(f) {
+    f.stopPropagation();
+  }
+  const ne = xe((f) => {
+    const { current: L } = h, { current: $ } = ce, B = "composedPath" in f ? f.composedPath()[0] : f.target;
+    B && L && !L.contains(B) && (!$ || !$.contains(B)) && P({ reason: "outsideAction" });
+  }, [P]), V = xe((f = w) => {
+    for (const L of On)
+      f ? document.addEventListener(L, ne) : document.removeEventListener(L, ne);
+    f ? document.addEventListener("keydown", ee) : document.removeEventListener("keydown", ee);
+  }, [w, ne, ee]);
+  pe(() => (V(), () => {
+    V(!1);
+  }), [V]);
+  function He() {
+    const [f] = Array.isArray(D) ? D : [D], L = {
+      amPmAriaLabel: n,
+      hourAriaLabel: v,
+      minuteAriaLabel: U,
+      nativeInputAriaLabel: S,
+      secondAriaLabel: ae
+    }, $ = {
+      hourPlaceholder: g,
+      minutePlaceholder: J,
+      secondPlaceholder: se
+    };
+    return i.jsxs("div", { className: `${j}__wrapper`, children: [i.jsx(An, { ...L, ...$, autoFocus: r, className: `${j}__inputGroup`, disabled: N, format: E, isClockOpen: w, locale: I, maxDetail: O, maxTime: K, minTime: oe, name: G, onChange: le, onInvalidChange: T, required: X, value: f }), c !== null && i.jsx("button", { "aria-label": o, className: `${j}__clear-button ${j}__button`, disabled: N, onClick: _, onFocus: b, type: "button", children: typeof c == "function" ? De(c) : c }), u !== null && !x && i.jsx("button", { "aria-expanded": w || !1, "aria-label": s, className: `${j}__clock-button ${j}__button`, disabled: N, onClick: fe, onFocus: b, type: "button", children: typeof u == "function" ? De(u) : u })] });
+  }
+  function Ce() {
+    if (w === null || x)
+      return null;
+    const { clockProps: f, portalContainer: L, value: $ } = e, B = `${j}__clock`, ve = be(B, `${B}--${w ? "open" : "closed"}`), [t] = Array.isArray($) ? $ : [$], d = i.jsx(hn, { locale: I, value: t, ...f });
+    return L ? an(i.jsx("div", { ref: ce, className: ve, children: d }), L) : i.jsx(un, { children: i.jsx("div", { ref: (m) => {
+      m && !w && m.removeAttribute("style");
+    }, className: ve, children: d }) });
+  }
+  const ke = on(
+    () => cn(R),
+    // biome-ignore lint/correctness/useExhaustiveDependencies: FIXME
+    [R]
+  );
+  return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: False positive caused by non interactive wrapper listening for bubbling events
+    i.jsxs("div", { className: be(j, `${j}--${w ? "open" : "closed"}`, `${j}--${N ? "disabled" : "enabled"}`, a), "data-testid": p, id: A, ...ke, onFocus: he, ref: h, children: [He(), Ce()] })
+  );
+}
+const Vn = ln.div`
+	width: auto;
+
+	.react-time-picker {
+		display: inline-flex;
+		position: relative;
+		width: 86px;
+        min-width: 86px;
+        max-width: 86px;
+	}
+
+	.react-time-picker,
+	.react-time-picker *,
+	.react-time-picker *:before,
+	.react-time-picker *:after {
+		-moz-box-sizing: border-box;
+		-webkit-box-sizing: border-box;
+		box-sizing: border-box;
+	}
+	.react-time-picker--disabled {
+		background-color: #f0f0f0;
+		color: #6d6d6d;
+	}
+	.react-time-picker__wrapper {
+		display: flex;
+		flex-grow: 1;
+		flex-shrink: 0;
+		border: 1px solid var(--input);
+		background-color: white;
+		border-radius: var(--radius-medium);
+		width: 100%;
+		height: var(--input-default);
+		padding: 0 6px;
+	}
+	.react-time-picker__inputGroup {
+		padding: 0;
+		min-width: unset;
+        display: flex;
+        align-items: center;
+	}
+	.react-time-picker__inputGroup__divider {
+		padding: 1px 0;
+		white-space: pre;
+	}
+	.react-time-picker__inputGroup__leadingZero {
+		font-weight: 400;
+		font-size: 14px;
+		    color: inherit;
+	}
+	.react-time-picker__inputGroup__input {
+		min-width: 0.54em;
+		height: auto;
+		position: relative;
+		padding: 0 1px;
+		border: 0;
+		background: none;
+		font: inherit;
+		box-sizing: content-box;
+		-moz-appearance: textfield;
+		font-weight: 400;
+		font-size: 14px;
+		    color: inherit;
+		outline: none;
+        border-radius: var(--radius-small);
+	}
+	.react-time-picker__inputGroup__input::-webkit-outer-spin-button,
+	.react-time-picker__inputGroup__input::-webkit-inner-spin-button {
+		-webkit-appearance: none;
+		margin: 0;
+	}
+	.react-time-picker__inputGroup__input:invalid {
+		background: rgba(245, 65, 128, 0.1);
+	}
+	.react-time-picker__inputGroup__input--hasLeadingZero {
+		margin-left: -0.54em;
+		padding-left: calc(1px + 0.54em);
+	}
+	.react-time-picker__inputGroup__amPm {
+		display: none;
+		font: inherit;
+		-moz-appearance: menulist;
+	}
+	.react-time-picker__button {
+		border: 0;
+		background: transparent;
+		padding: 2px 2px;
+        margin-left: auto;
+        width: 20px;
+	}
+	.react-time-picker__button:enabled {
+		cursor: pointer;
+        opacity: 0.7;
+	}
+
+    .react-time-picker__button:enabled:hover,
+    .react-time-picker__button:enabled:focus {
+        opacity: 1;
+    }
+	.react-time-picker__button:enabled:hover .react-time-picker__button__icon,
+	.react-time-picker__button:enabled:focus .react-time-picker__button__icon {
+		opacity: 1;
+	}
+	.react-time-picker__button:disabled .react-time-picker__button__icon {
+		stroke: #6d6d6d;
+	}
+	.react-time-picker__button svg {
+		display: inherit;
+	}
+	.react-time-picker__clock {
+		width: 200px;
+		height: 200px;
+		max-width: 100vw;
+		padding: 25px;
+		background-color: white;
+		border: thin solid #a0a096;
+		position: absolute;
+		top: 100%;
+		left: 0;
+		z-index: 1;
+	}
+	.react-time-picker__clock--closed {
+		display: none;
+	}
+`, Bn = ({
+  onChange: e,
+  time: n,
+  name: r,
+  handleAddTime: a,
+  disabled: o = !1,
+  ...c
+}) => {
+  const s = Z(null);
+  return pe(() => {
+    const u = (l) => {
+      l.key === "Enter" && (l.preventDefault(), a && a(l));
+    };
+    return s.current && s.current.addEventListener("keydown", u), () => {
+      s.current && s.current.removeEventListener("keydown", u);
+    };
+  }, [a, r]), /* @__PURE__ */ i.jsx(Vn, { ref: s, children: /* @__PURE__ */ i.jsx(
+    zn,
+    {
+      name: r,
+      value: n,
+      onChange: e,
+      amPmAriaLabel: "n/a",
+      disableClock: !0,
+      format: "HH:mm a",
+      hourPlaceholder: "hh",
+      minutePlaceholder: "mm",
+      disabled: o,
+      clearIcon: /* @__PURE__ */ i.jsx("svg", { "aria-hidden": "true", focusable: "false", height: "1em", role: "presentation", viewBox: "0 0 24 24", width: "1em", children: /* @__PURE__ */ i.jsx("path", { d: "M12 2a10 10 0 1010 10A10.016 10.016 0 0012 2zm3.36 12.3a.754.754 0 010 1.06.748.748 0 01-1.06 0l-2.3-2.3-2.3 2.3a.748.748 0 01-1.06 0 .754.754 0 010-1.06l2.3-2.3-2.3-2.3A.75.75 0 019.7 8.64l2.3 2.3 2.3-2.3a.75.75 0 011.06 1.06l-2.3 2.3z", fill: "currentColor" }) }),
+      ...c
+    }
+  ) });
+};
+export {
+  Bn as TimePickerInput
+};
+//# sourceMappingURL=index.es.js.map