lizaui 5.0.4 → 5.0.6

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

@@ -1,140 +1,144 @@
-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 { j as o } from "../chunks/jsx-runtime-Cl_4eDuT.js";
+import { memo as qe, useLayoutEffect as rn, useEffect as pe, useState as re, useRef as G, useCallback as xe, useMemo as on, createElement as De, useId as an } from "react";
+import { createPortal as sn } 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";
+import { g as Oe, a as I, b as oe, c as de, d as Pe, u as ye, e as cn, f as Be, h as Ue, m as un, F as ln, i as dn } from "../chunks/styled-components.browser.esm-CAEXERbT.js";
+import { c as mn } from "../chunks/utils-BFAOD39w.js";
+import "../chunks/textarea-ClUh9LtQ.js";
+import { L as pn } from "../chunks/label-error-Vg0P1jJJ.js";
+import "../chunks/button-wlPPnoey.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: {
+  var n = e.angle, t = n === void 0 ? 0 : n, a = e.name, i = e.length, s = i === void 0 ? 100 : i, c = e.oppositeLength, u = c === void 0 ? 10 : c, l = e.width, p = l === void 0 ? 1 : l;
+  return o.jsx("div", { className: "react-clock__hand react-clock__".concat(a, "-hand"), style: {
+    transform: "rotate(".concat(t, "deg)")
+  }, children: o.jsx("div", { className: "react-clock__hand__body react-clock__".concat(a, "-hand__body"), style: {
     width: "".concat(p, "px"),
-    top: "".concat(50 - c / 2, "%"),
+    top: "".concat(50 - s / 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: {
+var ze = qe(function(n) {
+  var t = n.angle, a = t === void 0 ? 0 : t, i = n.length, s = i === void 0 ? 10 : i, c = n.name, u = n.width, l = u === void 0 ? 1 : u;
+  return o.jsx("div", { className: "react-clock__mark react-clock__".concat(c, "-mark"), style: {
     transform: "rotate(".concat(a, "deg)")
-  }, children: i.jsx("div", { className: "react-clock__mark__body react-clock__".concat(s, "-mark__body"), style: {
+  }, children: o.jsx("div", { className: "react-clock__mark__body react-clock__".concat(c, "-mark__body"), style: {
     width: "".concat(l, "px"),
     top: 0,
-    bottom: "".concat(100 - c / 2, "%")
+    bottom: "".concat(100 - s / 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: {
+}), fn = qe(function(n) {
+  var t = n.angle, a = t === void 0 ? 0 : t, i = n.length, s = i === void 0 ? 10 : i, c = n.name, u = n.number;
+  return o.jsx("div", { className: "react-clock__mark react-clock__".concat(c, "-mark"), style: {
     transform: "rotate(".concat(a, "deg)")
-  }, children: i.jsx("div", { className: "react-clock__mark__number", style: {
+  }, children: o.jsx("div", { className: "react-clock__mark__number", style: {
     transform: "rotate(-".concat(a, "deg)"),
-    top: "".concat(c / 2, "%")
+    top: "".concat(s / 2, "%")
   }, children: u }) });
 });
-function mn(e, n) {
+function hn(e, n) {
   return n.toLocaleString(e || Oe() || void 0);
 }
-function pn(e) {
+function gn(e) {
   return e !== null && e !== !1 && !Number.isNaN(Number(e));
 }
-function fn() {
+function bn() {
   for (var e = [], n = 0; n < arguments.length; n++)
     e[n] = arguments[n];
-  return Math.max.apply(Math, e.filter(pn));
+  return Math.max.apply(Math, e.filter(gn));
 }
-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 kn(e) {
+  var n = e.className, t = e.formatHour, a = t === void 0 ? hn : t, i = e.hourHandLength, s = i === void 0 ? 50 : i, c = e.hourHandOppositeLength, u = e.hourHandWidth, l = u === void 0 ? 4 : u, p = e.hourMarksLength, k = p === void 0 ? 10 : p, h = e.hourMarksWidth, _ = h === void 0 ? 3 : h, y = e.locale, w = e.minuteHandLength, P = w === void 0 ? 70 : w, g = e.minuteHandOppositeLength, N = e.minuteHandWidth, M = N === void 0 ? 2 : N, E = e.minuteMarksLength, A = E === void 0 ? 6 : E, J = e.minuteMarksWidth, Q = J === void 0 ? 1 : J, R = e.renderHourMarks, O = R === void 0 ? !0 : R, S = e.renderMinuteHand, q = S === void 0 ? !0 : S, z = e.renderMinuteMarks, T = z === void 0 ? !0 : z, X = e.renderNumbers, ie = e.renderSecondHand, Y = ie === void 0 ? !0 : ie, V = e.secondHandLength, ae = V === void 0 ? 90 : V, se = e.secondHandOppositeLength, Z = e.secondHandWidth, ee = Z === void 0 ? 1 : Z, B = e.size, L = B === void 0 ? 150 : B, W = e.useMillisecondPrecision, b = e.value;
   function ce() {
-    if (!Q)
+    if (!T)
       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)));
+    for (var x = [], v = 1; v <= 60; v += 1) {
+      var te = O && !(v % 5);
+      te || x.push(o.jsx(ze, { angle: v * 6, length: A, name: "minute", width: Q }, "minute_".concat(v)));
     }
-    return _;
+    return x;
   }
   function ue() {
-    if (!S)
+    if (!O)
       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 _;
+    for (var x = [], v = 1; v <= 12; v += 1)
+      x.push(o.jsx(ze, { angle: v * 30, length: k, name: "hour", width: _ }, "hour_".concat(v)));
+    return x;
   }
-  function P() {
-    if (!T)
+  function $() {
+    if (!X)
       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 _;
+    for (var x = [], v = 1; v <= 12; v += 1)
+      x.push(o.jsx(fn, { angle: v * 30, length: bn(O && k, T && A, 0), name: "number", number: a(y, v) }, "number_".concat(v)));
+    return x;
   }
   function fe() {
-    return i.jsxs("div", { className: "react-clock__face", children: [ce(), ue(), P()] });
+    return o.jsxs("div", { className: "react-clock__face", children: [ce(), ue(), $()] });
   }
   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 });
+    var x = b ? I(b) * 30 + oe(b) / 2 + de(b) / 120 + (W ? Pe(b) / 12e4 : 0) : 0;
+    return o.jsx(Se, { angle: x, length: s, name: "hour", oppositeLength: c, 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 });
+    var x = b ? I(b) * 360 + oe(b) * 6 + de(b) / 10 + (W ? Pe(b) / 1e4 : 0) : 0;
+    return o.jsx(Se, { angle: x, length: P, name: "minute", oppositeLength: g, width: M });
   }
-  function ee() {
-    if (!X)
+  function ne() {
+    if (!Y)
       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 });
+    var x = b ? oe(b) * 360 + de(b) * 6 + (W ? Pe(b) * 6e-3 : 0) : 0;
+    return o.jsx(Se, { angle: x, length: ae, name: "second", oppositeLength: se, width: ee });
   }
-  return i.jsxs("time", { className: be("react-clock", n), dateTime: h instanceof Date ? (
+  return o.jsxs("time", { className: be("react-clock", n), dateTime: b instanceof Date ? (
     // Returns a string in the format "HH:MM" or "HH:MM:SS"
-    h.toLocaleTimeString("en", {
+    b.toLocaleTimeString("en", {
       hourCycle: "h23",
       hour: "2-digit",
       minute: q ? "2-digit" : void 0,
-      second: X ? "2-digit" : void 0
+      second: Y ? "2-digit" : void 0
     })
-  ) : h || void 0, style: {
-    width: w,
-    height: w
-  }, children: [fe(), le(), he(), ee()] });
+  ) : b || void 0, style: {
+    width: L,
+    height: L
+  }, children: [fe(), le(), he(), ne()] });
 }
-function gn({ children: e }) {
-  return i.jsx("span", { className: "react-time-picker__inputGroup__divider", children: e });
+function vn({ children: e }) {
+  return o.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;
+  let t = Number(e);
+  return n === "am" && t === 12 ? t = 0 : n === "pm" && t < 12 && (t += 12), t;
 }
 function me(e) {
   return [Number(e) % 12 || 12, Number(e) < 12 ? "am" : "pm"];
 }
-const Me = /* @__PURE__ */ new Map();
+const $e = /* @__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);
+  return function(t, a) {
+    const i = t || Oe();
+    $e.has(i) || $e.set(i, /* @__PURE__ */ new Map());
+    const s = $e.get(i);
+    return s.has(e) || s.set(e, new Intl.DateTimeFormat(i || void 0, e).format), s.get(e)(a);
   };
 }
-const $e = /* @__PURE__ */ new Map();
-function bn(e) {
-  return (n, r) => {
+const Me = /* @__PURE__ */ new Map();
+function _n(e) {
+  return (n, t) => {
     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);
+    Me.has(a) || Me.set(a, /* @__PURE__ */ new Map());
+    const i = Me.get(a);
+    return i.has(e) || i.set(e, new Intl.NumberFormat(a || void 0, e).format), i.get(e)(t);
   };
 }
-const kn = ["9", "٩"], Ze = new RegExp(`[${kn.join("")}]`), Ke = Je({ hour: "numeric" });
+const xn = ["9", "٩"], Ze = new RegExp(`[${xn.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());
+  const n = Ke(e, new Date(2017, 0, 1, 9)), t = Ke(e, new Date(2017, 0, 1, 21)), [a, i] = n.split(Ze), [s, c] = t.split(Ze);
+  if (c !== void 0) {
+    if (a !== s)
+      return [a, s].map((u) => u.trim());
+    if (i !== c)
+      return [i, c].map((u) => u.trim());
   }
   return ["AM", "PM"];
 }
@@ -147,32 +151,32 @@ function Le(...e) {
 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", {
+function wn({ ariaLabel: e, autoFocus: n, className: t, disabled: a, inputRef: i, locale: s, maxTime: c, minTime: u, onChange: l, onKeyDown: p, required: k, value: h }) {
+  const _ = u ? me(I(u))[1] === "pm" : !1, y = c ? me(I(c))[1] === "am" : !1, w = "amPm", [P, g] = Qe(s);
+  return o.jsxs("select", {
     "aria-label": e,
     // biome-ignore lint/a11y/noAutofocus: This is up to developers' decision
     autoFocus: n,
-    className: be(`${r}__input`, `${r}__${E}`),
+    className: be(`${t}__input`, `${t}__${w}`),
     "data-input": "true",
     "data-select": "true",
     disabled: a,
-    name: E,
+    name: w,
     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 })]
+    ref: i,
+    required: k,
+    value: h !== null ? h : "",
+    children: [!h && o.jsx("option", { value: "", children: "--" }), o.jsx("option", { disabled: _, value: "am", children: P }), o.jsx("option", { disabled: y, value: "pm", children: g })]
   });
 }
-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 We = typeof window < "u", yn = We ? rn : pe, Ln = We && /(MSIE|Trident\/|Edge\/)/.test(navigator.userAgent), jn = We && /Firefox/.test(navigator.userAgent);
+function Nn(e) {
   const { target: n } = e;
-  xn ? requestAnimationFrame(() => n.select()) : n.select();
+  Ln ? requestAnimationFrame(() => n.select()) : n.select();
 }
-function Ln(e) {
+function Cn(e) {
   if (document.readyState === "complete")
     return;
   function n() {
@@ -180,10 +184,10 @@ function Ln(e) {
   }
   window.addEventListener("load", n);
 }
-function jn(e) {
+function Hn(e) {
   if (!document.fonts)
     return;
-  const n = sn(e);
+  const n = cn(e);
   if (!n || document.fonts.check(n))
     return;
   function a() {
@@ -191,7 +195,7 @@ function jn(e) {
   }
   document.fonts.addEventListener("loadingdone", a);
 }
-function Nn(e) {
+function In(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) {
@@ -200,78 +204,78 @@ function Nn(e) {
   }
   return null;
 }
-function Hn(e) {
+function En(e) {
   if (e !== null)
-    return function(r) {
-      if (wn)
+    return function(t) {
+      if (jn)
         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();
+      const { key: a, target: i } = t, { value: s } = i, c = a.length === 1 && /\d/.test(a), u = In(i);
+      (!c || !(u || s.length < e)) && t.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", {
+function Ne({ ariaLabel: e, autoFocus: n, className: t, disabled: a, inputRef: i, max: s, min: c, name: u, nameForClass: l, onChange: p, onKeyDown: k, onKeyUp: h, placeholder: _ = "--", required: y, showLeadingZeros: w, step: P, value: g }) {
+  yn(() => {
+    !i || !i.current || (ye(i.current), Cn(i.current), Hn(i.current));
+  }, [i, g]);
+  const N = w && g && Number(g) < 10 && (g === "0" || !g.toString().startsWith("0")), M = s ? s.toString().length : null;
+  return o.jsxs(o.Fragment, { children: [N ? o.jsx("span", { className: `${t}__leadingZero`, children: "0" }) : null, o.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`),
+    className: be(`${t}__input`, `${t}__${l || u}`, N && `${t}__input--hasLeadingZero`),
     "data-input": "true",
     disabled: a,
     inputMode: "numeric",
-    max: c,
-    min: s,
+    max: s,
+    min: c,
     name: u,
     onChange: p,
-    onFocus: yn,
-    onKeyDown: v,
-    onKeyPress: Hn(K),
-    onKeyUp: (O) => {
-      ye(O.target), g && g(O);
+    onFocus: Nn,
+    onKeyDown: k,
+    onKeyPress: En(M),
+    onKeyUp: (E) => {
+      ye(E.target), h && h(E);
     },
-    placeholder: x,
+    placeholder: _,
     // Assertion is needed for React 18 compatibility
-    ref: o,
-    required: N,
-    step: A,
+    ref: i,
+    required: y,
+    step: P,
     type: "number",
-    value: k !== null ? k : ""
+    value: g !== null ? g : ""
   })] });
 }
-function Cn({ amPm: e, maxTime: n, minTime: r, value: a, ...o }) {
-  const c = Le(12, n && (() => {
-    const [l, p] = me(H(n));
+function Fn({ amPm: e, maxTime: n, minTime: t, value: a, ...i }) {
+  const s = Le(12, n && (() => {
+    const [l, p] = me(I(n));
     return p !== e ? null : l;
-  })()), s = je(1, r && (() => {
-    const [l, p] = me(H(r));
+  })()), c = je(1, t && (() => {
+    const [l, p] = me(I(t));
     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 });
+  return o.jsx(Ne, { max: s, min: c, name: "hour12", nameForClass: "hour", value: u, ...i });
 }
-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 Pn({ maxTime: e, minTime: n, ...t }) {
+  const a = Le(23, e && I(e)), i = je(0, n && I(n));
+  return o.jsx(Ne, { max: a, min: i, name: "hour24", nameForClass: "hour", ...t });
 }
-function In({ hour: e, maxTime: n, minTime: r, showLeadingZeros: a = !0, ...o }) {
-  function c(l) {
-    return e === H(l).toString();
+function Sn({ hour: e, maxTime: n, minTime: t, showLeadingZeros: a = !0, ...i }) {
+  function s(l) {
+    return e === I(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 });
+  const c = Le(59, n && s(n) && oe(n)), u = je(0, t && s(t) && oe(t));
+  return o.jsx(Ne, { max: c, min: u, name: "minute", showLeadingZeros: a, ...i });
 }
-function Fn({ ariaLabel: e, disabled: n, maxTime: r, minTime: a, name: o, onChange: c, required: s, value: u, valueType: l }) {
+function $n({ ariaLabel: e, disabled: n, maxTime: t, minTime: a, name: i, onChange: s, required: c, value: u, valueType: l }) {
   const p = (() => {
     switch (l) {
       case "hour":
-        return (x) => `${H(x)}:00`;
+        return (_) => `${I(_)}:00`;
       case "minute":
         return Ue;
       case "second":
@@ -279,7 +283,7 @@ function Fn({ ariaLabel: e, disabled: n, maxTime: r, minTime: a, name: o, onChan
       default:
         throw new Error("Invalid valueType");
     }
-  })(), v = (() => {
+  })(), k = (() => {
     switch (l) {
       case "hour":
         return 3600;
@@ -291,78 +295,78 @@ function Fn({ ariaLabel: e, disabled: n, maxTime: r, minTime: a, name: o, onChan
         throw new Error("Invalid valueType");
     }
   })();
-  function g(x) {
-    x.stopPropagation();
+  function h(_) {
+    _.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: {
+  return o.jsx("input", { "aria-label": e, disabled: n, hidden: !0, max: t ? p(t) : void 0, min: a ? p(a) : void 0, name: i, onChange: s, onFocus: h, required: c, step: k, 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();
+function Mn({ hour: e, maxTime: n, minTime: t, minute: a, showLeadingZeros: i = !0, ...s }) {
+  function c(p) {
+    return e === I(p).toString() && a === oe(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 u = Le(59, n && c(n) && de(n)), l = je(0, t && c(t) && de(t));
+  return o.jsx(Ne, { max: u, min: l, name: "second", showLeadingZeros: i, ...s });
 }
-const Ge = {}, Sn = ["hour", "minute", "second"];
-function Mn(e) {
+const Ge = {}, An = ["hour", "minute", "second"];
+function On(e) {
   return e.dataset.input === "true";
 }
-function qe(e, n) {
-  let r = e;
+function Re(e, n) {
+  let t = e;
   do
-    r = r[n];
-  while (r && !Mn(r));
-  return r;
+    t = t[n];
+  while (t && !On(t));
+  return t;
 }
 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) => {
+function Wn(e, n, t) {
+  const a = [], i = new RegExp(Object.keys(n).map((c) => `${c}+`).join("|"), "g"), s = e.match(i);
+  return e.split(i).reduce((c, 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));
+    o.jsx(vn, { children: u }, `separator_${l}`);
+    c.push(p);
+    const k = s?.[l];
+    if (k) {
+      const h = n[k] || n[Object.keys(n).find((_) => k.match(_))];
+      if (!h)
+        return c;
+      !t && a.includes(h) ? c.push(k) : (c.push(h(k, l)), a.push(h));
     }
-    return s;
+    return c;
   }, []);
 }
-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);
+const we = _n({ useGrouping: !1 });
+function Dn({ amPmAriaLabel: e, autoFocus: n, className: t, disabled: a, format: i, hourAriaLabel: s, hourPlaceholder: c, isClockOpen: u = null, locale: l, maxDetail: p = "minute", maxTime: k, minTime: h, minuteAriaLabel: _, minutePlaceholder: y, name: w = "time", nativeInputAriaLabel: P, onChange: g, onInvalidChange: N, required: M, secondAriaLabel: E, secondPlaceholder: A, value: J }) {
+  const [Q, R] = re(null), [O, S] = re(null), [q, z] = re(null), [T, X] = re(null), [ie, Y] = re(null), V = G(null), ae = G(null), se = G(null), Z = G(null), ee = G(null), [B, L] = re(u), W = G(void 0);
   pe(() => {
-    w(u);
+    L(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));
+    const r = J;
+    r ? (R(me(I(r))[1]), S(I(r).toString()), z(oe(r).toString()), X(de(r).toString()), Y(r)) : (R(null), S(null), z(null), X(null), Y(null));
   }, [
-    U,
-    g,
-    v,
+    J,
+    h,
+    k,
     p,
     // Toggling clock visibility resets values
-    R
+    B
   ]);
-  const h = p, ce = (() => {
-    const t = Sn.indexOf(p), d = Ge[t] || (() => {
+  const b = p, ce = (() => {
+    const r = An.indexOf(p), d = Ge[r] || (() => {
       const m = { hour: "numeric" };
-      return t >= 1 && (m.minute = "numeric"), t >= 2 && (m.second = "numeric"), Ge[t] = m, m;
+      return r >= 1 && (m.minute = "numeric"), r >= 2 && (m.second = "numeric"), Ge[r] = m, m;
     })();
     return Je(d);
   })();
-  function ue(t) {
+  function ue(r) {
     return (() => {
-      switch (h) {
+      switch (b) {
         case "hour":
         case "minute":
           return Ue;
@@ -371,249 +375,247 @@ function An({ amPmAriaLabel: e, autoFocus: n, className: r, disabled: a, format:
         default:
           throw new Error("Invalid valueType");
       }
-    })()(t);
+    })()(r);
   }
-  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");
+  const $ = i || (() => {
+    const Ie = new Date(2017, 0, 1, 21, 13, 14);
+    return ce(l, Ie).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;
+    const r = $.match(/[^0-9a-z]/i);
+    return r ? r[0] : null;
   })();
-  function le(t) {
-    if (t.target === t.currentTarget) {
-      const d = t.target.children[1];
+  function le(r) {
+    if (r.target === r.currentTarget) {
+      const d = r.target.children[1];
       Ae(d);
     }
   }
-  function he(t) {
-    switch (M.current = t.key, t.key) {
+  function he(r) {
+    switch (W.current = r.key, r.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);
+        r.preventDefault();
+        const { target: d } = r, m = r.key === "ArrowLeft" ? "previousElementSibling" : "nextElementSibling", F = Re(d, m);
+        Ae(F);
         break;
       }
     }
   }
-  function ee(t) {
-    const { key: d, target: m } = t;
-    if (!(M.current === d) || !!Number.isNaN(Number(d)))
+  function ne(r) {
+    const { key: d, target: m } = r;
+    if (!(W.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);
+      const Ee = Re(m, "nextElementSibling");
+      Ae(Ee);
     }
   }
-  function _() {
-    if (!k)
+  function x() {
+    if (!g)
       return;
-    function t(y) {
-      return !!y;
+    function r(j) {
+      return !!j;
     }
     const d = [
-      D.current,
+      V.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);
+      Z.current,
+      ee.current
+    ].filter(r), m = d.slice(1), F = {};
+    for (const j of d)
+      F[j.name] = j.type === "number" ? j.valueAsNumber : j.value;
+    if (m.every((j) => !j.value)) {
+      g(null, !1);
       return;
     }
-    const ge = d.every((y) => y.value), _e = d.every((y) => y.validity.valid);
+    const ge = d.every((j) => j.value), _e = d.every((j) => j.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);
+      const j = Number(F.hour24 || F.hour12 && F.amPm && Ve(F.hour12, F.amPm) || 0), Ee = Number(F.minute || 0), Ye = Number(F.second || 0), Fe = (tn) => `0${tn}`.slice(-2), en = `${Fe(j)}:${Fe(Ee)}:${Fe(Ye)}`, nn = ue(en);
+      g(nn, !1);
       return;
     }
-    I && I();
+    N && N();
   }
-  function b(t) {
-    const { name: d, value: m } = t.target;
+  function v(r) {
+    const { name: d, value: m } = r.target;
     switch (d) {
       case "amPm":
-        G(m);
+        R(m);
         break;
       case "hour12":
-        F(m ? Ve(m, J || "am").toString() : "");
+        S(m ? Ve(m, Q || "am").toString() : "");
         break;
       case "hour24":
-        F(m);
+        S(m);
         break;
       case "minute":
-        W(m);
+        z(m);
         break;
       case "second":
-        T(m);
+        X(m);
         break;
     }
-    _();
+    x();
   }
-  function ne(t) {
-    const { value: d } = t.target;
-    if (!k)
+  function te(r) {
+    const { value: d } = r.target;
+    if (!g)
       return;
-    k(d || null, !1);
+    g(d || null, !1);
   }
-  const V = {
-    className: r,
+  const K = {
+    className: t,
     disabled: a,
-    maxTime: v,
-    minTime: g,
-    onChange: b,
+    maxTime: k,
+    minTime: h,
+    onChange: v,
     onKeyDown: he,
-    onKeyUp: ee,
+    onKeyUp: ne,
     // This is only for showing validity when editing
-    required: !!(K || R)
+    required: !!(M || B)
   };
-  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, {
+  function Ce(r, d) {
+    if (r && r.length > 2)
+      throw new Error(`Unsupported token: ${r}`);
+    const m = r ? r.length === 2 : !1;
+    return o.jsx(Fn, { ...K, amPm: Q, ariaLabel: s, autoFocus: d === 0 && n, inputRef: ae, placeholder: c, showLeadingZeros: m, value: O }, "hour12");
+  }
+  function He(r, d) {
+    if (r && r.length > 2)
+      throw new Error(`Unsupported token: ${r}`);
+    const m = r ? r.length === 2 : !1;
+    return o.jsx(Pn, { ...K, ariaLabel: s, autoFocus: d === 0 && n, inputRef: se, placeholder: c, showLeadingZeros: m, value: O }, "hour24");
+  }
+  function ke(r, d) {
+    return /h/.test(r) ? Ce(r, d) : He(r, d);
+  }
+  function f(r, d) {
+    if (r && r.length > 2)
+      throw new Error(`Unsupported token: ${r}`);
+    const m = r ? r.length === 2 : !1;
+    return o.jsx(Sn, { ...K, ariaLabel: _, autoFocus: d === 0 && n, hour: O, inputRef: Z, placeholder: y, showLeadingZeros: m, value: q }, "minute");
+  }
+  function C(r, d) {
+    if (r && r.length > 2)
+      throw new Error(`Unsupported token: ${r}`);
+    const m = r ? r.length === 2 : !0;
+    return o.jsx(Mn, { ...K, ariaLabel: E, autoFocus: d === 0 && n, hour: O, inputRef: ee, minute: q, placeholder: A, showLeadingZeros: m, value: T }, "second");
+  }
+  function D(r, d) {
+    return o.jsx(wn, { ...K, ariaLabel: e, autoFocus: d === 0 && n, inputRef: V, locale: l, onChange: v, value: Q }, "ampm");
+  }
+  function U() {
+    return Wn($, {
       h: ke,
       H: ke,
       m: f,
-      s: L,
-      a: $
-    }, typeof o < "u");
+      s: C,
+      a: D
+    }, typeof i < "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 o.jsx($n, { ariaLabel: P, disabled: a, maxTime: k, minTime: h, name: w, onChange: te, required: M, value: ie, valueType: b }, "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()] })
+    o.jsxs("div", { className: t, onClick: le, children: [ve(), U()] })
   );
 }
-const j = "react-time-picker", On = ["mousedown", "focusin", "touchstart"], Xe = {
+const H = "react-time-picker", zn = ["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);
+}, Vn = o.jsxs("svg", { ...Xe, "aria-hidden": "true", className: `${H}__clock-button__icon ${H}__button__icon`, fill: "none", children: [o.jsx("circle", { cx: "9.5", cy: "9.5", r: "7.5" }), o.jsx("path", { d: "M9.5 4.5 v5 h4" })] }), Zn = o.jsxs("svg", { ...Xe, "aria-hidden": "true", className: `${H}__clear-button__icon ${H}__button__icon`, children: [o.jsx("line", { x1: "4", x2: "15", y1: "4", y2: "15" }), o.jsx("line", { x1: "15", x2: "4", y1: "4", y2: "15" })] });
+function Kn(e) {
+  const { amPmAriaLabel: n, autoFocus: t, className: a, clearAriaLabel: i, clearIcon: s = Zn, clockAriaLabel: c, clockIcon: u = Vn, closeClock: l = !0, "data-testid": p, hourAriaLabel: k, hourPlaceholder: h, disableClock: _, disabled: y, format: w, id: P, isOpen: g = null, locale: N, maxTime: M, maxDetail: E = "minute", minTime: A, minuteAriaLabel: J, minutePlaceholder: Q, name: R = "time", nativeInputAriaLabel: O, onClockClose: S, onClockOpen: q, onChange: z, onFocus: T, onInvalidChange: X, openClockOnFocus: ie = !0, required: Y, value: V, secondAriaLabel: ae, secondPlaceholder: se, shouldCloseClock: Z, shouldOpenClock: ee, ...B } = e, [L, W] = re(g), b = G(null), ce = G(null);
   pe(() => {
-    M(k);
-  }, [k]);
+    W(g);
+  }, [g]);
   function ue({ reason: f }) {
-    Y && !Y({ reason: f }) || (M(!0), q && q());
+    ee && !ee({ reason: f }) || (W(!0), q && q());
   }
-  const P = xe(({ reason: f }) => {
-    z && !z({ reason: f }) || (M(!1), F && F());
-  }, [F, z]);
+  const $ = xe(({ reason: f }) => {
+    Z && !Z({ reason: f }) || (W(!1), S && S());
+  }, [S, Z]);
   function fe() {
-    w ? P({ reason: "buttonClick" }) : ue({ reason: "buttonClick" });
+    L ? $({ reason: "buttonClick" }) : ue({ reason: "buttonClick" });
   }
-  function le(f, L = l) {
-    L && P({ reason: "select" }), W && W(f);
+  function le(f, C = l) {
+    C && $({ reason: "select" }), z && z(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" });
+    T && T(f), // Internet Explorer still fires onFocus on disabled elements
+    !(y || L || !ie || f.target.dataset.select === "true") && ue({ reason: "focus" });
   }
-  const ee = xe((f) => {
-    f.key === "Escape" && P({ reason: "escape" });
-  }, [P]);
-  function _() {
+  const ne = xe((f) => {
+    f.key === "Escape" && $({ reason: "escape" });
+  }, [$]);
+  function x() {
     le(null);
   }
-  function b(f) {
+  function v(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 = {
+  const te = xe((f) => {
+    const { current: C } = b, { current: D } = ce, U = "composedPath" in f ? f.composedPath()[0] : f.target;
+    U && C && !C.contains(U) && (!D || !D.contains(U)) && $({ reason: "outsideAction" });
+  }, [$]), K = xe((f = L) => {
+    for (const C of zn)
+      f ? document.addEventListener(C, te) : document.removeEventListener(C, te);
+    f ? document.addEventListener("keydown", ne) : document.removeEventListener("keydown", ne);
+  }, [L, te, ne]);
+  pe(() => (K(), () => {
+    K(!1);
+  }), [K]);
+  function Ce() {
+    const [f] = Array.isArray(V) ? V : [V], C = {
       amPmAriaLabel: n,
-      hourAriaLabel: v,
-      minuteAriaLabel: U,
-      nativeInputAriaLabel: S,
+      hourAriaLabel: k,
+      minuteAriaLabel: J,
+      nativeInputAriaLabel: O,
       secondAriaLabel: ae
-    }, $ = {
-      hourPlaceholder: g,
-      minutePlaceholder: J,
+    }, D = {
+      hourPlaceholder: h,
+      minutePlaceholder: Q,
       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 })] });
+    return o.jsxs("div", { className: `${H}__wrapper`, children: [o.jsx(Dn, { ...C, ...D, autoFocus: t, className: `${H}__inputGroup`, disabled: y, format: w, isClockOpen: L, locale: N, maxDetail: E, maxTime: M, minTime: A, name: R, onChange: le, onInvalidChange: X, required: Y, value: f }), s !== null && o.jsx("button", { "aria-label": i, className: `${H}__clear-button ${H}__button`, disabled: y, onClick: x, onFocus: v, type: "button", children: typeof s == "function" ? De(s) : s }), u !== null && !_ && o.jsx("button", { "aria-expanded": L || !1, "aria-label": c, className: `${H}__clock-button ${H}__button`, disabled: y, onClick: fe, onFocus: v, type: "button", children: typeof u == "function" ? De(u) : u })] });
   }
-  function Ce() {
-    if (w === null || x)
+  function He() {
+    if (L === null || _)
       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");
+    const { clockProps: f, portalContainer: C, value: D } = e, U = `${H}__clock`, ve = be(U, `${U}--${L ? "open" : "closed"}`), [r] = Array.isArray(D) ? D : [D], d = o.jsx(kn, { locale: N, value: r, ...f });
+    return C ? sn(o.jsx("div", { ref: ce, className: ve, children: d }), C) : o.jsx(ln, { children: o.jsx("div", { ref: (m) => {
+      m && !L && m.removeAttribute("style");
     }, className: ve, children: d }) });
   }
   const ke = on(
-    () => cn(R),
+    () => un(B),
     // biome-ignore lint/correctness/useExhaustiveDependencies: FIXME
-    [R]
+    [B]
   );
   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()] })
+    o.jsxs("div", { className: be(H, `${H}--${L ? "open" : "closed"}`, `${H}--${y ? "disabled" : "enabled"}`, a), "data-testid": p, id: P, ...ke, onFocus: he, ref: b, children: [Ce(), He()] })
   );
 }
-const Vn = ln.div`
+const Gn = dn.div`
 	width: auto;
 
 	.react-time-picker {
 		display: inline-flex;
 		position: relative;
-		width: 86px;
-        min-width: 86px;
-        max-width: 86px;
+		min-width: 86px;
 	}
 
 	.react-time-picker,
@@ -632,18 +634,25 @@ const Vn = ln.div`
 		display: flex;
 		flex-grow: 1;
 		flex-shrink: 0;
-		border: 1px solid var(--input);
+		border: 1px solid ${({ isInvalid: e }) => e ? "var(--color-danger-default)" : "var(--input)"};
 		background-color: white;
 		border-radius: var(--radius-medium);
 		width: 100%;
 		height: var(--input-default);
 		padding: 0 6px;
+		transition: border-color 120ms ease;
+
+		&:focus-within {
+			border-color: ${({ isInvalid: e }) => e ? "var(--color-danger-default)" : "var(--color-primary-default)"};
+			box-shadow: 0 0 0 3px
+				${({ isInvalid: e }) => e ? "color-mix(in srgb, var(--color-danger-default) 20%, transparent)" : "color-mix(in srgb, var(--color-primary-default) 20%, transparent)"};
+		}
 	}
 	.react-time-picker__inputGroup {
 		padding: 0;
 		min-width: unset;
-        display: flex;
-        align-items: center;
+		display: flex;
+		align-items: center;
 	}
 	.react-time-picker__inputGroup__divider {
 		padding: 1px 0;
@@ -652,7 +661,7 @@ const Vn = ln.div`
 	.react-time-picker__inputGroup__leadingZero {
 		font-weight: 400;
 		font-size: 14px;
-		    color: inherit;
+		color: inherit;
 	}
 	.react-time-picker__inputGroup__input {
 		min-width: 0.54em;
@@ -666,9 +675,9 @@ const Vn = ln.div`
 		-moz-appearance: textfield;
 		font-weight: 400;
 		font-size: 14px;
-		    color: inherit;
+		color: inherit;
 		outline: none;
-        border-radius: var(--radius-small);
+		border-radius: var(--radius-small);
 	}
 	.react-time-picker__inputGroup__input::-webkit-outer-spin-button,
 	.react-time-picker__inputGroup__input::-webkit-inner-spin-button {
@@ -691,18 +700,18 @@ const Vn = ln.div`
 		border: 0;
 		background: transparent;
 		padding: 2px 2px;
-        margin-left: auto;
-        width: 20px;
+		margin-left: auto;
+		width: 20px;
 	}
 	.react-time-picker__button:enabled {
 		cursor: pointer;
-        opacity: 0.7;
+		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: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;
@@ -728,40 +737,75 @@ const Vn = ln.div`
 	.react-time-picker__clock--closed {
 		display: none;
 	}
-`, Bn = ({
+`, et = ({
   onChange: e,
   time: n,
-  name: r,
+  name: t,
   handleAddTime: a,
-  disabled: o = !1,
-  ...c
+  id: i,
+  label: s,
+  required: c = !1,
+  isClearable: u = !0,
+  error: l,
+  touched: p,
+  onBlurField: k,
+  isErrorText: h = !0,
+  disabled: _ = !1,
+  ...y
 }) => {
-  const s = Z(null);
+  const w = G(null), P = an(), g = i || P, N = !_ && !!l && p, M = mn("form-control-label block font-normal text-sm text-foreground mb-1", {
+    "text-danger": N
+  });
   return pe(() => {
-    const u = (l) => {
-      l.key === "Enter" && (l.preventDefault(), a && a(l));
+    const E = (A) => {
+      A.key === "Enter" && (A.preventDefault(), a && a(A));
     };
-    return s.current && s.current.addEventListener("keydown", u), () => {
-      s.current && s.current.removeEventListener("keydown", u);
+    return w.current && w.current.addEventListener("keydown", E), () => {
+      w.current && w.current.removeEventListener("keydown", E);
     };
-  }, [a, r]), /* @__PURE__ */ i.jsx(Vn, { ref: s, children: /* @__PURE__ */ i.jsx(
-    zn,
+  }, [a, t]), /* @__PURE__ */ o.jsxs(
+    Gn,
     {
-      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
+      ref: w,
+      isInvalid: N,
+      className: "time-picker-input  relative flex flex-col",
+      onBlurCapture: () => k?.(t),
+      children: [
+        s && /* @__PURE__ */ o.jsxs("label", { htmlFor: g, className: M, children: [
+          s,
+          " ",
+          c && /* @__PURE__ */ o.jsx("span", { className: "text-danger", children: "*" })
+        ] }),
+        /* @__PURE__ */ o.jsx(
+          Kn,
+          {
+            id: g,
+            name: t,
+            value: n,
+            onChange: e,
+            amPmAriaLabel: "n/a",
+            disableClock: !0,
+            format: "HH:mm a",
+            hourPlaceholder: "hh",
+            minutePlaceholder: "mm",
+            disabled: _,
+            required: c,
+            clearIcon: u ? /* @__PURE__ */ o.jsx("svg", { "aria-hidden": "true", focusable: "false", height: "1em", role: "presentation", viewBox: "0 0 24 24", width: "1em", children: /* @__PURE__ */ o.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"
+              }
+            ) }) : null,
+            ...y
+          }
+        ),
+        !_ && l && p && h && /* @__PURE__ */ o.jsx(pn, { text: l })
+      ]
     }
-  ) });
+  );
 };
 export {
-  Bn as TimePickerInput
+  et as TimePickerInput
 };
 //# sourceMappingURL=index.es.js.map