asterui 0.12.49 → 0.12.51

package/dist/components/TimePicker.js

@@ -1,93 +1,95 @@
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { forwardRef as fe, useState as x, useRef as Z, useId as pe, useEffect as W, useCallback as _ } from "react";
-import { Input as me } from "./Input.js";
-function be(s, D = "24", M = !1) {
+import { forwardRef as $e, useState as $, useRef as ne, useId as xe, useEffect as Y, useCallback as oe } from "react";
+import { Input as Me } from "./Input.js";
+import { useConfig as we } from "./ConfigProvider.js";
+const S = "btn", D = "btn-ghost", J = "btn-primary", ke = "btn-xs", E = "btn-sm", ye = "btn-circle", ve = "input-error", Ce = "input-warning";
+function Ne(s, T = "24", x = !1) {
   if (!s) return "";
   let o = s.getHours();
-  const w = String(s.getMinutes()).padStart(2, "0"), y = String(s.getSeconds()).padStart(2, "0");
-  if (D === "12") {
+  const M = String(s.getMinutes()).padStart(2, "0"), w = String(s.getSeconds()).padStart(2, "0");
+  if (T === "12") {
     const P = o >= 12 ? "PM" : "AM";
-    return o = o % 12 || 12, M ? `${o}:${w}:${y} ${P}` : `${o}:${w} ${P}`;
+    return o = o % 12 || 12, x ? `${o}:${M}:${w} ${P}` : `${o}:${M} ${P}`;
   }
   const A = String(o).padStart(2, "0");
-  return M ? `${A}:${w}:${y}` : `${A}:${w}`;
+  return x ? `${A}:${M}:${w}` : `${A}:${M}`;
 }
-const ge = fe(({
+const Se = $e(({
   value: s,
-  defaultValue: D,
-  onChange: M,
+  defaultValue: T,
+  onChange: x,
   format: o = "24",
-  placeholder: w = "Select time",
-  disabled: y = !1,
+  placeholder: M = "Select time",
+  disabled: w = !1,
   className: A,
-  size: P = "md",
+  size: P,
   showSeconds: v = !1,
-  allowClear: ee = !0,
+  allowClear: se = !0,
   open: H,
-  onOpenChange: Y,
-  hourStep: E = 1,
-  minuteStep: T = 1,
-  secondStep: F = 1,
-  status: G,
-  "data-testid": te,
-  ...ne
-}, S) => {
-  const [d, R] = x(
-    s !== void 0 ? s : D || null
-  ), [oe, se] = x(!1), c = H !== void 0 ? H : oe, [p, N] = x(d ? d.getHours() : 0), [$, I] = x(d ? d.getMinutes() : 0), [k, L] = x(d ? d.getSeconds() : 0), [b, j] = x(
-    d && d.getHours() >= 12 ? "PM" : "AM"
-  ), [g, B] = x("hour"), O = Z(null), ie = Z(null), K = pe(), l = te || "timepicker";
-  W(() => {
-    s !== void 0 && (R(s), s && (N(s.getHours()), I(s.getMinutes()), L(s.getSeconds()), j(s.getHours() >= 12 ? "PM" : "AM")));
+  onOpenChange: Q,
+  hourStep: F = 1,
+  minuteStep: R = 1,
+  secondStep: z = 1,
+  status: V,
+  "data-testid": ie,
+  ...re
+}, I) => {
+  const { componentSize: ae } = we(), de = P ?? ae ?? "md", [c, O] = $(
+    s !== void 0 ? s : T || null
+  ), [ce, le] = $(!1), l = H !== void 0 ? H : ce, [p, C] = $(c ? c.getHours() : 0), [k, B] = $(c ? c.getMinutes() : 0), [y, L] = $(c ? c.getSeconds() : 0), [g, j] = $(
+    c && c.getHours() >= 12 ? "PM" : "AM"
+  ), [h, K] = $("hour"), U = ne(null), ue = ne(null), W = xe(), d = ie || "timepicker";
+  Y(() => {
+    s !== void 0 && (O(s), s && (C(s.getHours()), B(s.getMinutes()), L(s.getSeconds()), j(s.getHours() >= 12 ? "PM" : "AM")));
   }, [s]);
-  const h = _((e) => {
-    H === void 0 && se(e), Y?.(e);
-  }, [H, Y]);
-  W(() => {
+  const b = oe((e) => {
+    H === void 0 && le(e), Q?.(e);
+  }, [H, Q]);
+  Y(() => {
     function e(t) {
-      O.current && !O.current.contains(t.target) && h(!1);
+      U.current && !U.current.contains(t.target) && b(!1);
     }
-    if (c)
+    if (l)
       return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [c, h]), W(() => {
-    if (!c) return;
+  }, [l, b]), Y(() => {
+    if (!l) return;
     const e = (t) => {
       if (t.key === "Escape") {
-        h(!1);
+        b(!1);
         return;
       }
       if (t.key !== "Tab") {
         if (t.key === "ArrowUp" || t.key === "ArrowDown") {
           t.preventDefault();
           const i = t.key === "ArrowUp" ? -1 : 1;
-          if (g === "hour") {
+          if (h === "hour") {
             const n = o === "12" ? 12 : 23, u = o === "12" ? 1 : 0;
-            let r = p + i * E;
-            r > n && (r = u), r < u && (r = n), J(r);
-          } else if (g === "minute") {
-            let n = $ + i * T;
-            n > 59 && (n = 0), n < 0 && (n = 59), Q(n);
-          } else if (g === "second") {
-            let n = k + i * F;
-            n > 59 && (n = 0), n < 0 && (n = 59), V(n);
-          } else g === "period" && U(b === "AM" ? "PM" : "AM");
+            let r = p + i * F;
+            r > n && (r = u), r < u && (r = n), Z(r);
+          } else if (h === "minute") {
+            let n = k + i * R;
+            n > 59 && (n = 0), n < 0 && (n = 59), _(n);
+          } else if (h === "second") {
+            let n = y + i * z;
+            n > 59 && (n = 0), n < 0 && (n = 59), ee(n);
+          } else h === "period" && q(g === "AM" ? "PM" : "AM");
         }
         if (t.key === "ArrowLeft" || t.key === "ArrowRight") {
           t.preventDefault();
           const i = ["hour", "minute"];
           v && i.push("second"), o === "12" && i.push("period");
-          const n = i.indexOf(g), u = t.key === "ArrowLeft" ? -1 : 1;
+          const n = i.indexOf(h), u = t.key === "ArrowLeft" ? -1 : 1;
           let r = n + u;
-          r < 0 && (r = i.length - 1), r >= i.length && (r = 0), B(i[r]);
+          r < 0 && (r = i.length - 1), r >= i.length && (r = 0), K(i[r]);
         }
-        t.key === "Enter" && h(!1);
+        t.key === "Enter" && b(!1);
       }
     };
     return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-  }, [c, g, p, $, k, b, o, v, E, T, F, h]);
-  const re = _((e) => {
-    e.stopPropagation(), R(null), N(0), I(0), L(0), j("AM"), M?.(null);
-  }, [M]), C = (e, t, i) => {
+  }, [l, h, p, k, y, g, o, v, F, R, z, b]);
+  const fe = oe((e) => {
+    e.stopPropagation(), O(null), C(0), B(0), L(0), j("AM"), x?.(null);
+  }, [x]), N = (e, t, i) => {
     const n = /* @__PURE__ */ new Date(), u = new Date(
       n.getFullYear(),
       n.getMonth(),
@@ -96,49 +98,49 @@ const ge = fe(({
       t,
       i
     );
-    R(u), M?.(u);
-  }, J = (e) => {
+    O(u), x?.(u);
+  }, Z = (e) => {
     let t = e;
-    o === "12" && (t = b === "PM" ? e % 12 + 12 : e % 12), N(t), C(t, $, k);
-  }, Q = (e) => {
-    I(e), C(p, e, k);
-  }, V = (e) => {
-    L(e), C(p, $, e);
-  }, U = (e) => {
+    o === "12" && (t = g === "PM" ? e % 12 + 12 : e % 12), C(t), N(t, k, y);
+  }, _ = (e) => {
+    B(e), N(p, e, y);
+  }, ee = (e) => {
+    L(e), N(p, k, e);
+  }, q = (e) => {
     j(e);
     const t = e === "PM" ? p % 12 + 12 : p % 12;
-    N(t), C(t, $, k);
-  }, q = (e, t, i, n, u, r = 1, de = 0) => {
-    const X = [];
-    for (let f = de; f <= i; f += r)
-      X.push(f);
-    const ce = `${K}-${e}-listbox`, ue = g === e;
+    C(t), N(t, k, y);
+  }, G = (e, t, i, n, u, r = 1, ge = 0) => {
+    const te = [];
+    for (let f = ge; f <= i; f += r)
+      te.push(f);
+    const he = `${W}-${e}-listbox`, be = h === e;
     return /* @__PURE__ */ m(
       "div",
       {
         className: "flex flex-col w-16",
         role: "listbox",
         "aria-label": `Select ${t.toLowerCase()}`,
-        id: ce,
-        "data-testid": `${l}-${e}-column`,
+        id: he,
+        "data-testid": `${d}-${e}-column`,
         tabIndex: 0,
-        onFocus: () => B(e),
+        onFocus: () => K(e),
         children: [
           /* @__PURE__ */ a("div", { className: "text-xs font-semibold text-center text-base-content/60 py-2", "aria-hidden": "true", children: t }),
-          /* @__PURE__ */ a("div", { className: "overflow-y-auto max-h-48", children: X.map((f) => {
-            const z = n === f;
+          /* @__PURE__ */ a("div", { className: "overflow-y-auto max-h-48", children: te.map((f) => {
+            const X = n === f;
             return /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
                 role: "option",
-                "aria-selected": z,
+                "aria-selected": X,
                 onClick: () => u(f),
-                "data-testid": `${l}-${e}-${f}`,
+                "data-testid": `${d}-${e}-${f}`,
                 className: [
                   "w-full px-4 py-2 text-center hover:bg-base-200 transition-colors",
-                  z ? "bg-primary text-primary-content" : "",
-                  ue && z ? "ring-2 ring-primary ring-offset-1" : ""
+                  X ? "bg-primary text-primary-content" : "",
+                  be && X ? "ring-2 ring-primary ring-offset-1" : ""
                 ].filter(Boolean).join(" "),
                 children: String(f).padStart(2, "0")
               },
@@ -148,81 +150,81 @@ const ge = fe(({
         ]
       }
     );
-  }, ae = o === "12" ? p % 12 || 12 : p, le = {
-    error: "input-error",
-    warning: "input-warning"
+  }, pe = o === "12" ? p % 12 || 12 : p, me = {
+    error: ve,
+    warning: Ce
   };
   return /* @__PURE__ */ m(
     "div",
     {
       ref: (e) => {
-        O.current = e, typeof S == "function" ? S(e) : S && (S.current = e);
+        U.current = e, typeof I == "function" ? I(e) : I && (I.current = e);
       },
       className: ["relative", A].filter(Boolean).join(" "),
-      "data-testid": l,
-      "data-state": c ? "open" : "closed",
-      ...ne,
+      "data-testid": d,
+      "data-state": l ? "open" : "closed",
+      ...re,
       children: [
         /* @__PURE__ */ m("div", { className: "relative", children: [
           /* @__PURE__ */ a(
-            me,
+            Me,
             {
-              value: be(d, o, v),
-              placeholder: w,
-              disabled: y,
-              size: P,
+              value: Ne(c, o, v),
+              placeholder: M,
+              disabled: w,
+              size: de,
               readOnly: !0,
-              onClick: () => !y && h(!c),
-              className: ["cursor-pointer pr-8", G ? le[G] : ""].filter(Boolean).join(" "),
+              onClick: () => !w && b(!l),
+              className: ["cursor-pointer pr-8", V ? me[V] : ""].filter(Boolean).join(" "),
               "aria-haspopup": "listbox",
-              "aria-expanded": c,
-              "aria-controls": c ? `${K}-dropdown` : void 0,
-              "data-testid": `${l}-input`
+              "aria-expanded": l,
+              "aria-controls": l ? `${W}-dropdown` : void 0,
+              "data-testid": `${d}-input`
             }
           ),
-          ee && d && !y && /* @__PURE__ */ a(
+          se && c && !w && /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              onClick: re,
-              className: "absolute right-2 top-1/2 -translate-y-1/2 btn btn-ghost btn-xs btn-circle",
+              onClick: fe,
+              className: `absolute right-2 top-1/2 -translate-y-1/2 ${S} ${D} ${ke} ${ye}`,
               "aria-label": "Clear time",
-              "data-testid": `${l}-clear`,
+              "data-testid": `${d}-clear`,
               children: /* @__PURE__ */ a("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
             }
           )
         ] }),
-        c && /* @__PURE__ */ m(
+        l && /* @__PURE__ */ m(
           "div",
           {
-            ref: ie,
-            id: `${K}-dropdown`,
+            ref: ue,
+            id: `${W}-dropdown`,
             className: "absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-xl z-[9999] w-fit",
             role: "dialog",
             "aria-label": "Time picker",
-            "data-testid": `${l}-dropdown`,
+            "data-testid": `${d}-dropdown`,
             children: [
               /* @__PURE__ */ m("div", { className: "flex divide-x divide-base-300", children: [
-                q(
+                G(
                   "hour",
                   "Hour",
                   o === "12" ? 12 : 23,
-                  ae,
-                  J,
-                  E,
+                  pe,
+                  Z,
+                  F,
                   o === "12" ? 1 : 0
                 ),
-                q("minute", "Min", 59, $, Q, T),
-                v && q("second", "Sec", 59, k, V, F),
+                G("minute", "Min", 59, k, _, R),
+                v && G("second", "Sec", 59, y, ee, z),
                 o === "12" && /* @__PURE__ */ m(
                   "div",
                   {
                     className: "flex flex-col w-16",
                     role: "listbox",
                     "aria-label": "Select period",
-                    "data-testid": `${l}-period-column`,
+                    "data-testid": `${d}-period-column`,
                     tabIndex: 0,
-                    onFocus: () => B("period"),
+                    onFocus: () => K("period"),
                     children: [
                       /* @__PURE__ */ a("div", { className: "text-xs font-semibold text-center text-base-content/60 py-2", "aria-hidden": "true", children: "Period" }),
                       /* @__PURE__ */ m("div", { className: "flex flex-col p-2 gap-2", children: [
@@ -231,12 +233,13 @@ const ge = fe(({
                           {
                             type: "button",
                             role: "option",
-                            "aria-selected": b === "AM",
-                            onClick: () => U("AM"),
-                            "data-testid": `${l}-period-am`,
+                            "aria-selected": g === "AM",
+                            onClick: () => q("AM"),
+                            "data-testid": `${d}-period-am`,
                             className: [
-                              "btn btn-sm",
-                              b === "AM" ? "btn-primary" : "btn-ghost"
+                              S,
+                              E,
+                              g === "AM" ? J : D
                             ].join(" "),
                             children: "AM"
                           }
@@ -246,12 +249,13 @@ const ge = fe(({
                           {
                             type: "button",
                             role: "option",
-                            "aria-selected": b === "PM",
-                            onClick: () => U("PM"),
-                            "data-testid": `${l}-period-pm`,
+                            "aria-selected": g === "PM",
+                            onClick: () => q("PM"),
+                            "data-testid": `${d}-period-pm`,
                             className: [
-                              "btn btn-sm",
-                              b === "PM" ? "btn-primary" : "btn-ghost"
+                              S,
+                              E,
+                              g === "PM" ? J : D
                             ].join(" "),
                             children: "PM"
                           }
@@ -268,10 +272,10 @@ const ge = fe(({
                     type: "button",
                     onClick: () => {
                       const e = /* @__PURE__ */ new Date();
-                      N(e.getHours()), I(e.getMinutes()), L(e.getSeconds()), j(e.getHours() >= 12 ? "PM" : "AM"), C(e.getHours(), e.getMinutes(), e.getSeconds());
+                      C(e.getHours()), B(e.getMinutes()), L(e.getSeconds()), j(e.getHours() >= 12 ? "PM" : "AM"), N(e.getHours(), e.getMinutes(), e.getSeconds());
                     },
-                    className: "btn btn-ghost btn-sm",
-                    "data-testid": `${l}-now`,
+                    className: `${S} ${D} ${E}`,
+                    "data-testid": `${d}-now`,
                     children: "Now"
                   }
                 ),
@@ -279,9 +283,9 @@ const ge = fe(({
                   "button",
                   {
                     type: "button",
-                    onClick: () => h(!1),
-                    className: "btn btn-primary btn-sm",
-                    "data-testid": `${l}-ok`,
+                    onClick: () => b(!1),
+                    className: `${S} ${J} ${E}`,
+                    "data-testid": `${d}-ok`,
                     children: "OK"
                   }
                 )
@@ -293,8 +297,8 @@ const ge = fe(({
     }
   );
 });
-ge.displayName = "TimePicker";
+Se.displayName = "TimePicker";
 export {
-  ge as TimePicker
+  Se as TimePicker
 };
 //# sourceMappingURL=TimePicker.js.map

package/dist/components/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","sources":["../../src/components/TimePicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, forwardRef, useCallback, useId } from 'react'\nimport { Input } from './Input'\n\nexport interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: Date | null\n  defaultValue?: Date | null\n  onChange?: (date: Date | null) => void\n  format?: '12' | '24'\n  placeholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  showSeconds?: boolean\n  allowClear?: boolean\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  hourStep?: number\n  minuteStep?: number\n  secondStep?: number\n  status?: 'error' | 'warning'\n  'data-testid'?: string\n}\n\nfunction formatTime(date: Date | null, format: '12' | '24' = '24', showSeconds: boolean = false): string {\n  if (!date) return ''\n\n  let hours = date.getHours()\n  const minutes = String(date.getMinutes()).padStart(2, '0')\n  const seconds = String(date.getSeconds()).padStart(2, '0')\n\n  if (format === '12') {\n    const period = hours >= 12 ? 'PM' : 'AM'\n    hours = hours % 12 || 12\n    const timeStr = showSeconds\n      ? `${hours}:${minutes}:${seconds} ${period}`\n      : `${hours}:${minutes} ${period}`\n    return timeStr\n  }\n\n  const hoursStr = String(hours).padStart(2, '0')\n  return showSeconds ? `${hoursStr}:${minutes}:${seconds}` : `${hoursStr}:${minutes}`\n}\n\nexport const TimePicker = forwardRef<HTMLDivElement, TimePickerProps>(({\n  value,\n  defaultValue,\n  onChange,\n  format = '24',\n  placeholder = 'Select time',\n  disabled = false,\n  className,\n  size = 'md',\n  showSeconds = false,\n  allowClear = true,\n  open: controlledOpen,\n  onOpenChange,\n  hourStep = 1,\n  minuteStep = 1,\n  secondStep = 1,\n  status,\n  'data-testid': testId,\n  ...rest\n}, ref) => {\n  const [selectedTime, setSelectedTime] = useState<Date | null>(\n    value !== undefined ? value : defaultValue || null\n  )\n  const [internalOpen, setInternalOpen] = useState(false)\n  const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen\n  const [hours, setHours] = useState(selectedTime ? selectedTime.getHours() : 0)\n  const [minutes, setMinutes] = useState(selectedTime ? selectedTime.getMinutes() : 0)\n  const [seconds, setSeconds] = useState(selectedTime ? selectedTime.getSeconds() : 0)\n  const [period, setPeriod] = useState<'AM' | 'PM'>(\n    selectedTime && selectedTime.getHours() >= 12 ? 'PM' : 'AM'\n  )\n  const [focusedColumn, setFocusedColumn] = useState<'hour' | 'minute' | 'second' | 'period'>('hour')\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const uniqueId = useId()\n  const baseTestId = testId || 'timepicker'\n\n  useEffect(() => {\n    if (value !== undefined) {\n      setSelectedTime(value)\n      if (value) {\n        setHours(value.getHours())\n        setMinutes(value.getMinutes())\n        setSeconds(value.getSeconds())\n        setPeriod(value.getHours() >= 12 ? 'PM' : 'AM')\n      }\n    }\n  }, [value])\n\n  const setOpen = useCallback((newOpen: boolean) => {\n    if (controlledOpen === undefined) {\n      setInternalOpen(newOpen)\n    }\n    onOpenChange?.(newOpen)\n  }, [controlledOpen, onOpenChange])\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen, setOpen])\n\n  // Focus trap and keyboard navigation\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setOpen(false)\n        return\n      }\n\n      if (e.key === 'Tab') {\n        // Allow tab to cycle through columns\n        return\n      }\n\n      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n        e.preventDefault()\n        const delta = e.key === 'ArrowUp' ? -1 : 1\n\n        if (focusedColumn === 'hour') {\n          const maxHour = format === '12' ? 12 : 23\n          const minHour = format === '12' ? 1 : 0\n          let newHour = hours + (delta * hourStep)\n          if (newHour > maxHour) newHour = minHour\n          if (newHour < minHour) newHour = maxHour\n          handleHourChange(newHour)\n        } else if (focusedColumn === 'minute') {\n          let newMinute = minutes + (delta * minuteStep)\n          if (newMinute > 59) newMinute = 0\n          if (newMinute < 0) newMinute = 59\n          handleMinuteChange(newMinute)\n        } else if (focusedColumn === 'second') {\n          let newSecond = seconds + (delta * secondStep)\n          if (newSecond > 59) newSecond = 0\n          if (newSecond < 0) newSecond = 59\n          handleSecondChange(newSecond)\n        } else if (focusedColumn === 'period') {\n          handlePeriodChange(period === 'AM' ? 'PM' : 'AM')\n        }\n      }\n\n      if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {\n        e.preventDefault()\n        const columns: Array<'hour' | 'minute' | 'second' | 'period'> = ['hour', 'minute']\n        if (showSeconds) columns.push('second')\n        if (format === '12') columns.push('period')\n\n        const currentIndex = columns.indexOf(focusedColumn)\n        const delta = e.key === 'ArrowLeft' ? -1 : 1\n        let newIndex = currentIndex + delta\n        if (newIndex < 0) newIndex = columns.length - 1\n        if (newIndex >= columns.length) newIndex = 0\n        setFocusedColumn(columns[newIndex])\n      }\n\n      if (e.key === 'Enter') {\n        setOpen(false)\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [isOpen, focusedColumn, hours, minutes, seconds, period, format, showSeconds, hourStep, minuteStep, secondStep, setOpen])\n\n  const handleClear = useCallback((e: React.MouseEvent) => {\n    e.stopPropagation()\n    setSelectedTime(null)\n    setHours(0)\n    setMinutes(0)\n    setSeconds(0)\n    setPeriod('AM')\n    onChange?.(null)\n  }, [onChange])\n\n  const handleTimeChange = (newHours: number, newMinutes: number, newSeconds: number) => {\n    const now = new Date()\n    const newTime = new Date(\n      now.getFullYear(),\n      now.getMonth(),\n      now.getDate(),\n      newHours,\n      newMinutes,\n      newSeconds\n    )\n    setSelectedTime(newTime)\n    onChange?.(newTime)\n  }\n\n  const handleHourChange = (newHour: number) => {\n    let actualHour = newHour\n    if (format === '12') {\n      actualHour = period === 'PM' ? (newHour % 12) + 12 : newHour % 12\n    }\n    setHours(actualHour)\n    handleTimeChange(actualHour, minutes, seconds)\n  }\n\n  const handleMinuteChange = (newMinute: number) => {\n    setMinutes(newMinute)\n    handleTimeChange(hours, newMinute, seconds)\n  }\n\n  const handleSecondChange = (newSecond: number) => {\n    setSeconds(newSecond)\n    handleTimeChange(hours, minutes, newSecond)\n  }\n\n  const handlePeriodChange = (newPeriod: 'AM' | 'PM') => {\n    setPeriod(newPeriod)\n    const newHours = newPeriod === 'PM'\n      ? (hours % 12) + 12\n      : hours % 12\n    setHours(newHours)\n    handleTimeChange(newHours, minutes, seconds)\n  }\n\n  const renderTimeColumn = (\n    columnType: 'hour' | 'minute' | 'second',\n    label: string,\n    maxValue: number,\n    currentValue: number,\n    onChangeValue: (value: number) => void,\n    step: number = 1,\n    start: number = 0\n  ) => {\n    const items: number[] = []\n    for (let i = start; i <= maxValue; i += step) {\n      items.push(i)\n    }\n    const listboxId = `${uniqueId}-${columnType}-listbox`\n    const isFocused = focusedColumn === columnType\n\n    return (\n      <div\n        className=\"flex flex-col w-16\"\n        role=\"listbox\"\n        aria-label={`Select ${label.toLowerCase()}`}\n        id={listboxId}\n        data-testid={`${baseTestId}-${columnType}-column`}\n        tabIndex={0}\n        onFocus={() => setFocusedColumn(columnType)}\n      >\n        <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\" aria-hidden=\"true\">\n          {label}\n        </div>\n        <div className=\"overflow-y-auto max-h-48\">\n          {items.map((item) => {\n            const isSelected = currentValue === item\n            return (\n              <button\n                key={item}\n                type=\"button\"\n                role=\"option\"\n                aria-selected={isSelected}\n                onClick={() => onChangeValue(item)}\n                data-testid={`${baseTestId}-${columnType}-${item}`}\n                className={[\n                  'w-full px-4 py-2 text-center hover:bg-base-200 transition-colors',\n                  isSelected ? 'bg-primary text-primary-content' : '',\n                  isFocused && isSelected ? 'ring-2 ring-primary ring-offset-1' : ''\n                ].filter(Boolean).join(' ')}\n              >\n                {String(item).padStart(2, '0')}\n              </button>\n            )\n          })}\n        </div>\n      </div>\n    )\n  }\n\n  const displayHours = format === '12' ? (hours % 12 || 12) : hours\n\n  const statusClasses = {\n    error: 'input-error',\n    warning: 'input-warning',\n  }\n\n  return (\n    <div\n      ref={(node) => {\n        containerRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) ref.current = node\n      }}\n      className={['relative', className].filter(Boolean).join(' ')}\n      data-testid={baseTestId}\n      data-state={isOpen ? 'open' : 'closed'}\n      {...rest}\n    >\n      <div className=\"relative\">\n        <Input\n          value={formatTime(selectedTime, format, showSeconds)}\n          placeholder={placeholder}\n          disabled={disabled}\n          size={size}\n          readOnly\n          onClick={() => !disabled && setOpen(!isOpen)}\n          className={['cursor-pointer pr-8', status ? statusClasses[status] : ''].filter(Boolean).join(' ')}\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen}\n          aria-controls={isOpen ? `${uniqueId}-dropdown` : undefined}\n          data-testid={`${baseTestId}-input`}\n        />\n        {allowClear && selectedTime && !disabled && (\n          <button\n            type=\"button\"\n            onClick={handleClear}\n            className=\"absolute right-2 top-1/2 -translate-y-1/2 btn btn-ghost btn-xs btn-circle\"\n            aria-label=\"Clear time\"\n            data-testid={`${baseTestId}-clear`}\n          >\n            <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        )}\n      </div>\n\n      {isOpen && (\n        <div\n          ref={dropdownRef}\n          id={`${uniqueId}-dropdown`}\n          className=\"absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-xl z-[9999] w-fit\"\n          role=\"dialog\"\n          aria-label=\"Time picker\"\n          data-testid={`${baseTestId}-dropdown`}\n        >\n          <div className=\"flex divide-x divide-base-300\">\n            {renderTimeColumn(\n              'hour',\n              'Hour',\n              format === '12' ? 12 : 23,\n              displayHours,\n              handleHourChange,\n              hourStep,\n              format === '12' ? 1 : 0\n            )}\n\n            {renderTimeColumn('minute', 'Min', 59, minutes, handleMinuteChange, minuteStep)}\n\n            {showSeconds && renderTimeColumn('second', 'Sec', 59, seconds, handleSecondChange, secondStep)}\n\n            {format === '12' && (\n              <div\n                className=\"flex flex-col w-16\"\n                role=\"listbox\"\n                aria-label=\"Select period\"\n                data-testid={`${baseTestId}-period-column`}\n                tabIndex={0}\n                onFocus={() => setFocusedColumn('period')}\n              >\n                <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\" aria-hidden=\"true\">\n                  Period\n                </div>\n                <div className=\"flex flex-col p-2 gap-2\">\n                  <button\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={period === 'AM'}\n                    onClick={() => handlePeriodChange('AM')}\n                    data-testid={`${baseTestId}-period-am`}\n                    className={[\n                      'btn btn-sm',\n                      period === 'AM' ? 'btn-primary' : 'btn-ghost'\n                    ].join(' ')}\n                  >\n                    AM\n                  </button>\n                  <button\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={period === 'PM'}\n                    onClick={() => handlePeriodChange('PM')}\n                    data-testid={`${baseTestId}-period-pm`}\n                    className={[\n                      'btn btn-sm',\n                      period === 'PM' ? 'btn-primary' : 'btn-ghost'\n                    ].join(' ')}\n                  >\n                    PM\n                  </button>\n                </div>\n              </div>\n            )}\n          </div>\n\n          <div className=\"flex justify-end gap-2 p-3 border-t border-base-300\">\n            <button\n              type=\"button\"\n              onClick={() => {\n                const now = new Date()\n                setHours(now.getHours())\n                setMinutes(now.getMinutes())\n                setSeconds(now.getSeconds())\n                setPeriod(now.getHours() >= 12 ? 'PM' : 'AM')\n                handleTimeChange(now.getHours(), now.getMinutes(), now.getSeconds())\n              }}\n              className=\"btn btn-ghost btn-sm\"\n              data-testid={`${baseTestId}-now`}\n            >\n              Now\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setOpen(false)}\n              className=\"btn btn-primary btn-sm\"\n              data-testid={`${baseTestId}-ok`}\n            >\n              OK\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n})\n\nTimePicker.displayName = 'TimePicker'\n"],"names":["formatTime","date","format","showSeconds","hours","minutes","seconds","period","hoursStr","TimePicker","forwardRef","value","defaultValue","onChange","placeholder","disabled","className","size","allowClear","controlledOpen","onOpenChange","hourStep","minuteStep","secondStep","status","testId","rest","ref","selectedTime","setSelectedTime","useState","internalOpen","setInternalOpen","isOpen","setHours","setMinutes","setSeconds","setPeriod","focusedColumn","setFocusedColumn","containerRef","useRef","dropdownRef","uniqueId","useId","baseTestId","useEffect","setOpen","useCallback","newOpen","handleClickOutside","event","handleKeyDown","e","delta","maxHour","minHour","newHour","handleHourChange","newMinute","handleMinuteChange","newSecond","handleSecondChange","handlePeriodChange","columns","currentIndex","newIndex","handleClear","handleTimeChange","newHours","newMinutes","newSeconds","now","newTime","actualHour","newPeriod","renderTimeColumn","columnType","label","maxValue","currentValue","onChangeValue","step","start","items","i","listboxId","isFocused","jsxs","jsx","item","isSelected","displayHours","statusClasses","node","Input"],"mappings":"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"}
+{"version":3,"file":"TimePicker.js","sources":["../../src/components/TimePicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, forwardRef, useCallback, useId } from 'react'\nimport { Input } from './Input'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnPrimary = 'btn-primary'\nconst dBtnXs = 'btn-xs'\nconst dBtnSm = 'btn-sm'\nconst dBtnCircle = 'btn-circle'\nconst dInputError = 'input-error'\nconst dInputWarning = 'input-warning'\n\nexport interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: Date | null\n  defaultValue?: Date | null\n  onChange?: (date: Date | null) => void\n  format?: '12' | '24'\n  placeholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  showSeconds?: boolean\n  allowClear?: boolean\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  hourStep?: number\n  minuteStep?: number\n  secondStep?: number\n  status?: 'error' | 'warning'\n  'data-testid'?: string\n}\n\nfunction formatTime(date: Date | null, format: '12' | '24' = '24', showSeconds: boolean = false): string {\n  if (!date) return ''\n\n  let hours = date.getHours()\n  const minutes = String(date.getMinutes()).padStart(2, '0')\n  const seconds = String(date.getSeconds()).padStart(2, '0')\n\n  if (format === '12') {\n    const period = hours >= 12 ? 'PM' : 'AM'\n    hours = hours % 12 || 12\n    const timeStr = showSeconds\n      ? `${hours}:${minutes}:${seconds} ${period}`\n      : `${hours}:${minutes} ${period}`\n    return timeStr\n  }\n\n  const hoursStr = String(hours).padStart(2, '0')\n  return showSeconds ? `${hoursStr}:${minutes}:${seconds}` : `${hoursStr}:${minutes}`\n}\n\nexport const TimePicker = forwardRef<HTMLDivElement, TimePickerProps>(({\n  value,\n  defaultValue,\n  onChange,\n  format = '24',\n  placeholder = 'Select time',\n  disabled = false,\n  className,\n  size,\n  showSeconds = false,\n  allowClear = true,\n  open: controlledOpen,\n  onOpenChange,\n  hourStep = 1,\n  minuteStep = 1,\n  secondStep = 1,\n  status,\n  'data-testid': testId,\n  ...rest\n}, ref) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  const [selectedTime, setSelectedTime] = useState<Date | null>(\n    value !== undefined ? value : defaultValue || null\n  )\n  const [internalOpen, setInternalOpen] = useState(false)\n  const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen\n  const [hours, setHours] = useState(selectedTime ? selectedTime.getHours() : 0)\n  const [minutes, setMinutes] = useState(selectedTime ? selectedTime.getMinutes() : 0)\n  const [seconds, setSeconds] = useState(selectedTime ? selectedTime.getSeconds() : 0)\n  const [period, setPeriod] = useState<'AM' | 'PM'>(\n    selectedTime && selectedTime.getHours() >= 12 ? 'PM' : 'AM'\n  )\n  const [focusedColumn, setFocusedColumn] = useState<'hour' | 'minute' | 'second' | 'period'>('hour')\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const uniqueId = useId()\n  const baseTestId = testId || 'timepicker'\n\n  useEffect(() => {\n    if (value !== undefined) {\n      setSelectedTime(value)\n      if (value) {\n        setHours(value.getHours())\n        setMinutes(value.getMinutes())\n        setSeconds(value.getSeconds())\n        setPeriod(value.getHours() >= 12 ? 'PM' : 'AM')\n      }\n    }\n  }, [value])\n\n  const setOpen = useCallback((newOpen: boolean) => {\n    if (controlledOpen === undefined) {\n      setInternalOpen(newOpen)\n    }\n    onOpenChange?.(newOpen)\n  }, [controlledOpen, onOpenChange])\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen, setOpen])\n\n  // Focus trap and keyboard navigation\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setOpen(false)\n        return\n      }\n\n      if (e.key === 'Tab') {\n        // Allow tab to cycle through columns\n        return\n      }\n\n      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n        e.preventDefault()\n        const delta = e.key === 'ArrowUp' ? -1 : 1\n\n        if (focusedColumn === 'hour') {\n          const maxHour = format === '12' ? 12 : 23\n          const minHour = format === '12' ? 1 : 0\n          let newHour = hours + (delta * hourStep)\n          if (newHour > maxHour) newHour = minHour\n          if (newHour < minHour) newHour = maxHour\n          handleHourChange(newHour)\n        } else if (focusedColumn === 'minute') {\n          let newMinute = minutes + (delta * minuteStep)\n          if (newMinute > 59) newMinute = 0\n          if (newMinute < 0) newMinute = 59\n          handleMinuteChange(newMinute)\n        } else if (focusedColumn === 'second') {\n          let newSecond = seconds + (delta * secondStep)\n          if (newSecond > 59) newSecond = 0\n          if (newSecond < 0) newSecond = 59\n          handleSecondChange(newSecond)\n        } else if (focusedColumn === 'period') {\n          handlePeriodChange(period === 'AM' ? 'PM' : 'AM')\n        }\n      }\n\n      if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {\n        e.preventDefault()\n        const columns: Array<'hour' | 'minute' | 'second' | 'period'> = ['hour', 'minute']\n        if (showSeconds) columns.push('second')\n        if (format === '12') columns.push('period')\n\n        const currentIndex = columns.indexOf(focusedColumn)\n        const delta = e.key === 'ArrowLeft' ? -1 : 1\n        let newIndex = currentIndex + delta\n        if (newIndex < 0) newIndex = columns.length - 1\n        if (newIndex >= columns.length) newIndex = 0\n        setFocusedColumn(columns[newIndex])\n      }\n\n      if (e.key === 'Enter') {\n        setOpen(false)\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [isOpen, focusedColumn, hours, minutes, seconds, period, format, showSeconds, hourStep, minuteStep, secondStep, setOpen])\n\n  const handleClear = useCallback((e: React.MouseEvent) => {\n    e.stopPropagation()\n    setSelectedTime(null)\n    setHours(0)\n    setMinutes(0)\n    setSeconds(0)\n    setPeriod('AM')\n    onChange?.(null)\n  }, [onChange])\n\n  const handleTimeChange = (newHours: number, newMinutes: number, newSeconds: number) => {\n    const now = new Date()\n    const newTime = new Date(\n      now.getFullYear(),\n      now.getMonth(),\n      now.getDate(),\n      newHours,\n      newMinutes,\n      newSeconds\n    )\n    setSelectedTime(newTime)\n    onChange?.(newTime)\n  }\n\n  const handleHourChange = (newHour: number) => {\n    let actualHour = newHour\n    if (format === '12') {\n      actualHour = period === 'PM' ? (newHour % 12) + 12 : newHour % 12\n    }\n    setHours(actualHour)\n    handleTimeChange(actualHour, minutes, seconds)\n  }\n\n  const handleMinuteChange = (newMinute: number) => {\n    setMinutes(newMinute)\n    handleTimeChange(hours, newMinute, seconds)\n  }\n\n  const handleSecondChange = (newSecond: number) => {\n    setSeconds(newSecond)\n    handleTimeChange(hours, minutes, newSecond)\n  }\n\n  const handlePeriodChange = (newPeriod: 'AM' | 'PM') => {\n    setPeriod(newPeriod)\n    const newHours = newPeriod === 'PM'\n      ? (hours % 12) + 12\n      : hours % 12\n    setHours(newHours)\n    handleTimeChange(newHours, minutes, seconds)\n  }\n\n  const renderTimeColumn = (\n    columnType: 'hour' | 'minute' | 'second',\n    label: string,\n    maxValue: number,\n    currentValue: number,\n    onChangeValue: (value: number) => void,\n    step: number = 1,\n    start: number = 0\n  ) => {\n    const items: number[] = []\n    for (let i = start; i <= maxValue; i += step) {\n      items.push(i)\n    }\n    const listboxId = `${uniqueId}-${columnType}-listbox`\n    const isFocused = focusedColumn === columnType\n\n    return (\n      <div\n        className=\"flex flex-col w-16\"\n        role=\"listbox\"\n        aria-label={`Select ${label.toLowerCase()}`}\n        id={listboxId}\n        data-testid={`${baseTestId}-${columnType}-column`}\n        tabIndex={0}\n        onFocus={() => setFocusedColumn(columnType)}\n      >\n        <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\" aria-hidden=\"true\">\n          {label}\n        </div>\n        <div className=\"overflow-y-auto max-h-48\">\n          {items.map((item) => {\n            const isSelected = currentValue === item\n            return (\n              <button\n                key={item}\n                type=\"button\"\n                role=\"option\"\n                aria-selected={isSelected}\n                onClick={() => onChangeValue(item)}\n                data-testid={`${baseTestId}-${columnType}-${item}`}\n                className={[\n                  'w-full px-4 py-2 text-center hover:bg-base-200 transition-colors',\n                  isSelected ? 'bg-primary text-primary-content' : '',\n                  isFocused && isSelected ? 'ring-2 ring-primary ring-offset-1' : ''\n                ].filter(Boolean).join(' ')}\n              >\n                {String(item).padStart(2, '0')}\n              </button>\n            )\n          })}\n        </div>\n      </div>\n    )\n  }\n\n  const displayHours = format === '12' ? (hours % 12 || 12) : hours\n\n  const statusClasses = {\n    error: dInputError,\n    warning: dInputWarning,\n  }\n\n  return (\n    <div\n      ref={(node) => {\n        containerRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) ref.current = node\n      }}\n      className={['relative', className].filter(Boolean).join(' ')}\n      data-testid={baseTestId}\n      data-state={isOpen ? 'open' : 'closed'}\n      {...rest}\n    >\n      <div className=\"relative\">\n        <Input\n          value={formatTime(selectedTime, format, showSeconds)}\n          placeholder={placeholder}\n          disabled={disabled}\n          size={effectiveSize}\n          readOnly\n          onClick={() => !disabled && setOpen(!isOpen)}\n          className={['cursor-pointer pr-8', status ? statusClasses[status] : ''].filter(Boolean).join(' ')}\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen}\n          aria-controls={isOpen ? `${uniqueId}-dropdown` : undefined}\n          data-testid={`${baseTestId}-input`}\n        />\n        {allowClear && selectedTime && !disabled && (\n          <button\n            type=\"button\"\n            onClick={handleClear}\n            className={`absolute right-2 top-1/2 -translate-y-1/2 ${dBtn} ${dBtnGhost} ${dBtnXs} ${dBtnCircle}`}\n            aria-label=\"Clear time\"\n            data-testid={`${baseTestId}-clear`}\n          >\n            <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        )}\n      </div>\n\n      {isOpen && (\n        <div\n          ref={dropdownRef}\n          id={`${uniqueId}-dropdown`}\n          className=\"absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-xl z-[9999] w-fit\"\n          role=\"dialog\"\n          aria-label=\"Time picker\"\n          data-testid={`${baseTestId}-dropdown`}\n        >\n          <div className=\"flex divide-x divide-base-300\">\n            {renderTimeColumn(\n              'hour',\n              'Hour',\n              format === '12' ? 12 : 23,\n              displayHours,\n              handleHourChange,\n              hourStep,\n              format === '12' ? 1 : 0\n            )}\n\n            {renderTimeColumn('minute', 'Min', 59, minutes, handleMinuteChange, minuteStep)}\n\n            {showSeconds && renderTimeColumn('second', 'Sec', 59, seconds, handleSecondChange, secondStep)}\n\n            {format === '12' && (\n              <div\n                className=\"flex flex-col w-16\"\n                role=\"listbox\"\n                aria-label=\"Select period\"\n                data-testid={`${baseTestId}-period-column`}\n                tabIndex={0}\n                onFocus={() => setFocusedColumn('period')}\n              >\n                <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\" aria-hidden=\"true\">\n                  Period\n                </div>\n                <div className=\"flex flex-col p-2 gap-2\">\n                  <button\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={period === 'AM'}\n                    onClick={() => handlePeriodChange('AM')}\n                    data-testid={`${baseTestId}-period-am`}\n                    className={[\n                      dBtn, dBtnSm,\n                      period === 'AM' ? dBtnPrimary : dBtnGhost\n                    ].join(' ')}\n                  >\n                    AM\n                  </button>\n                  <button\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={period === 'PM'}\n                    onClick={() => handlePeriodChange('PM')}\n                    data-testid={`${baseTestId}-period-pm`}\n                    className={[\n                      dBtn, dBtnSm,\n                      period === 'PM' ? dBtnPrimary : dBtnGhost\n                    ].join(' ')}\n                  >\n                    PM\n                  </button>\n                </div>\n              </div>\n            )}\n          </div>\n\n          <div className=\"flex justify-end gap-2 p-3 border-t border-base-300\">\n            <button\n              type=\"button\"\n              onClick={() => {\n                const now = new Date()\n                setHours(now.getHours())\n                setMinutes(now.getMinutes())\n                setSeconds(now.getSeconds())\n                setPeriod(now.getHours() >= 12 ? 'PM' : 'AM')\n                handleTimeChange(now.getHours(), now.getMinutes(), now.getSeconds())\n              }}\n              className={`${dBtn} ${dBtnGhost} ${dBtnSm}`}\n              data-testid={`${baseTestId}-now`}\n            >\n              Now\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setOpen(false)}\n              className={`${dBtn} ${dBtnPrimary} ${dBtnSm}`}\n              data-testid={`${baseTestId}-ok`}\n            >\n              OK\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n})\n\nTimePicker.displayName = 'TimePicker'\n"],"names":["dBtn","dBtnGhost","dBtnPrimary","dBtnXs","dBtnSm","dBtnCircle","dInputError","dInputWarning","formatTime","date","format","showSeconds","hours","minutes","seconds","period","hoursStr","TimePicker","forwardRef","value","defaultValue","onChange","placeholder","disabled","className","size","allowClear","controlledOpen","onOpenChange","hourStep","minuteStep","secondStep","status","testId","rest","ref","componentSize","useConfig","effectiveSize","selectedTime","setSelectedTime","useState","internalOpen","setInternalOpen","isOpen","setHours","setMinutes","setSeconds","setPeriod","focusedColumn","setFocusedColumn","containerRef","useRef","dropdownRef","uniqueId","useId","baseTestId","useEffect","setOpen","useCallback","newOpen","handleClickOutside","event","handleKeyDown","e","delta","maxHour","minHour","newHour","handleHourChange","newMinute","handleMinuteChange","newSecond","handleSecondChange","handlePeriodChange","columns","currentIndex","newIndex","handleClear","handleTimeChange","newHours","newMinutes","newSeconds","now","newTime","actualHour","newPeriod","renderTimeColumn","columnType","label","maxValue","currentValue","onChangeValue","step","start","items","i","listboxId","isFocused","jsxs","jsx","item","isSelected","displayHours","statusClasses","node","Input"],"mappings":"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"}