@sth87/shadcn-design-system 0.0.1

package/dist/esm/components/DatePicker/TimePicker.js

@@ -0,0 +1,444 @@
+import { jsxs as H, jsx as r } from "react/jsx-runtime";
+import { useState as $, useEffect as Te, useRef as z, useMemo as Z, useCallback as P, memo as $e } from "react";
+import { cn as b } from "@dsui/ui/index";
+import _ from "../Button/Button.js";
+import ze from "../Select/Select.js";
+import Ee from "../Input/Input.js";
+import { Popover as Ue, PopoverTrigger as qe, PopoverContent as Ae } from "@dsui/ui/components/popover";
+import { Drawer as Ge, DrawerTrigger as Je, DrawerContent as Ke, DrawerHeader as Qe, DrawerTitle as We, DrawerDescription as Xe } from "@dsui/ui/components/drawer";
+import { isMobile as Ne } from "react-device-detect";
+import { Clock as Ye } from "lucide-react";
+import { TimeColumnwheel as B } from "../WheelColumn.js";
+import { TimeGridView as Ze } from "../TimeGridView.js";
+import { parse as _e, isValid as ye, format as Be } from "date-fns";
+const L = (o, d = 1) => {
+  const C = [];
+  for (let g = 0; g < o; g += d)
+    C.push(g);
+  return C;
+}, E = (o) => String(o).padStart(2, "0"), De = (o, d = "HH:mm") => !o || !ye(o) ? "" : Be(o, d), Se = (o, d = "HH:mm") => {
+  if (!o) return;
+  const g = _e(o, d, /* @__PURE__ */ new Date());
+  if (ye(g))
+    return g;
+};
+function Le(o) {
+  return o.replace(/HH|mm|ss/g, (d) => {
+    switch (d) {
+      case "HH":
+      case "mm":
+      case "ss":
+        return "99";
+      default:
+        return d;
+    }
+  }).replace(/H|m|s/g, () => "9");
+}
+function pt({
+  value: o,
+  onChange: d,
+  onSelect: C,
+  showHours: g = !0,
+  showMinutes: ee = !0,
+  showSeconds: j = !1,
+  disabled: v = !1,
+  className: te,
+  timeLabel: c,
+  mask: U,
+  format: y,
+  mode: a = "wheel",
+  hourInterval: ne = 1,
+  minuteInterval: re = 1,
+  secondInterval: se = 1,
+  disabledTimes: oe = [],
+  disabledTimeRanges: ie = [],
+  showNowButton: ce = !1,
+  nowButtonLabel: ae = "Now",
+  standalone: le = !0,
+  desktopMode: ue = "popover",
+  mobileMode: Me = "drawer",
+  color: F = "primary",
+  ...ke
+}) {
+  let x, T;
+  typeof y == "string" ? (x = y, T = y) : y ? (x = y.input, T = y.output) : (x = j ? "HH:mm:ss" : "HH:mm", T = j ? "HH:mm:ss" : "HH:mm");
+  const [p, N] = $(void 0), [h, D] = $(void 0), [w, S] = $(void 0), [q, me] = $(!1);
+  Te(() => {
+    if (o) {
+      const e = Se(o, x);
+      e && (N(e.getHours()), D(e.getMinutes()), S(e.getSeconds()));
+    } else
+      N(void 0), D(void 0), S(void 0);
+  }, [o, x]);
+  const A = z(null), G = z(null), J = z(null), K = z(null), M = Z(
+    () => L(24, ne),
+    [ne]
+  ), k = Z(
+    () => L(60, re),
+    [re]
+  ), V = Z(
+    () => L(60, se),
+    [se]
+  ), l = P(
+    (e, t, n = 0) => {
+      const s = `${E(e ?? 0)}:${E(t ?? 0)}${j ? `:${E(n ?? 0)}` : ""}`;
+      if (oe.includes(s))
+        return !0;
+      for (const m of ie) {
+        const [u, i, f = 0] = m.from.split(":").map(Number), [R, Ie, Oe = 0] = m.to.split(":").map(Number), xe = (e ?? 0) * 3600 + (t ?? 0) * 60 + (n ?? 0), Fe = u * 3600 + i * 60 + f, Re = R * 3600 + Ie * 60 + Oe;
+        if (xe >= Fe && xe <= Re)
+          return !0;
+      }
+      return !1;
+    },
+    [oe, ie, j]
+  ), Q = P(
+    (e) => {
+      if (c)
+        return typeof c == "boolean" ? c ? e === "hours" ? "Hour" : e === "minutes" ? "Minute" : "Second" : void 0 : typeof c == "string" ? c : e === "hours" ? c.hours || "Hour" : e === "minutes" ? c.minutes || "Minute" : c.seconds || "Second";
+    },
+    [c]
+  ), fe = typeof c == "string" && /* @__PURE__ */ r(
+    "div",
+    {
+      className: "text-xs font-semibold text-muted-foreground uppercase p-2 border-b w-full text-center",
+      children: c
+    },
+    "common-label"
+  ), Pe = P(
+    (e, t, n = 0) => {
+      const s = M.reduce(
+        (i, f) => Math.abs(f - e) < Math.abs(i - e) ? f : i
+      ), m = k.reduce(
+        (i, f) => Math.abs(f - t) < Math.abs(i - t) ? f : i
+      ), u = V.reduce(
+        (i, f) => Math.abs(f - n) < Math.abs(i - n) ? f : i
+      );
+      if (l(s, m, u)) {
+        for (const i of M)
+          for (const f of k)
+            for (const R of V)
+              if (!l(i, f, R))
+                return { h: i, m: f, s: R };
+      }
+      return { h: s, m, s: u };
+    },
+    [M, k, V, l]
+  ), I = P(
+    (e, t, n) => {
+      const s = /* @__PURE__ */ new Date();
+      s.setHours(e, t, n, 0);
+      const m = De(s, T);
+      C?.(s, m);
+    },
+    [T, C]
+  ), de = (e) => {
+    l(e, h, w) || (N(e), I(e, h ?? 0, w ?? 0));
+  }, pe = (e) => {
+    l(p, e, w) || (D(e), I(p ?? 0, e, w ?? 0));
+  }, he = (e) => {
+    l(p, h, e) || (S(e), I(p ?? 0, h ?? 0, e));
+  }, O = P(
+    (e) => {
+      if (e.current) {
+        const t = e.current.querySelector(
+          "[data-selected]"
+        );
+        if (t) {
+          const n = e.current, s = n.clientHeight, m = t.offsetTop, u = t.clientHeight, i = m - s / 2 + u / 2;
+          n.scrollTo({
+            top: i,
+            behavior: "smooth"
+          });
+        }
+      }
+    },
+    []
+  ), W = P(() => {
+    a === "wheel" ? (O(A), O(G), O(J)) : a === "compact" && O(K);
+  }, [A, G, J, K, a, O]), ge = () => {
+    const e = /* @__PURE__ */ new Date(), { h: t, m: n, s } = Pe(
+      e.getHours(),
+      e.getMinutes(),
+      e.getSeconds()
+    );
+    N(t), D(n), S(s), I(t, n, s), setTimeout(() => W(), 100);
+  };
+  Te(() => {
+    const e = setTimeout(() => W(), 100);
+    return () => clearTimeout(e);
+  }, [q, a, W]);
+  const X = $e(
+    ({
+      items: e,
+      value: t,
+      onChange: n,
+      timeLabel: s,
+      type: m
+    }) => /* @__PURE__ */ H("div", { className: "flex flex-col gap-2", children: [
+      s && /* @__PURE__ */ r("div", { className: "text-xs font-semibold text-muted-foreground uppercase p-2 border-b w-full text-center", children: s }),
+      /* @__PURE__ */ r("div", { className: "p-2", children: /* @__PURE__ */ r(
+        ze,
+        {
+          value: t?.toString() || "",
+          onValueChange: (u) => n(Number(u)),
+          disabled: v,
+          clearable: !1,
+          search: !1,
+          options: e.map((u) => {
+            const i = m === "hours" && l(u, h, w) || m === "minutes" && l(p, u, w) || m === "seconds" && l(p, h, u);
+            return {
+              label: E(u),
+              value: u.toString(),
+              disabled: i
+            };
+          })
+        }
+      ) })
+    ] })
+  ), je = (e, t) => {
+    l(e, t, 0) || (N(e), D(t), S(0), I(e, t, 0));
+  }, ve = () => {
+    const e = [];
+    if (a === "compact")
+      return /* @__PURE__ */ r(
+        Ze,
+        {
+          HOURS: M,
+          MINUTES: k,
+          hours: p,
+          minutes: h,
+          disabled: v,
+          isTimeDisabled: l,
+          onTimeSelect: je,
+          ref: K,
+          color: F
+        }
+      );
+    if (g) {
+      const t = typeof c == "string" ? void 0 : Q("hours");
+      a === "wheel" ? e.push(
+        /* @__PURE__ */ r(
+          B,
+          {
+            ref: A,
+            items: M,
+            value: p,
+            onChange: de,
+            timeLabel: t,
+            isItemDisabled: (n) => l(n, h, w),
+            disabled: v,
+            color: F
+          },
+          "hours"
+        )
+      ) : a === "select" && e.push(
+        /* @__PURE__ */ r(
+          X,
+          {
+            items: M,
+            value: p,
+            onChange: de,
+            timeLabel: t,
+            type: "hours"
+          },
+          "hours"
+        )
+      );
+    }
+    if (ee) {
+      const t = typeof c == "string" ? void 0 : Q("minutes");
+      a === "wheel" ? e.push(
+        /* @__PURE__ */ r(
+          B,
+          {
+            ref: G,
+            items: k,
+            value: h,
+            onChange: pe,
+            timeLabel: t,
+            itemClassName: g ? "border-l" : void 0,
+            isItemDisabled: (n) => l(p, n, w),
+            disabled: v,
+            color: F
+          },
+          "minutes"
+        )
+      ) : a === "select" && e.push(
+        /* @__PURE__ */ r(
+          X,
+          {
+            items: k,
+            value: h,
+            onChange: pe,
+            timeLabel: t,
+            type: "minutes"
+          },
+          "minutes"
+        )
+      );
+    }
+    if (j) {
+      const t = typeof c == "string" ? void 0 : Q("seconds");
+      a === "wheel" ? e.push(
+        /* @__PURE__ */ r(
+          B,
+          {
+            ref: J,
+            items: V,
+            value: w,
+            onChange: he,
+            timeLabel: t,
+            itemClassName: ee || g ? "border-l" : void 0,
+            isItemDisabled: (n) => l(p, h, n),
+            disabled: v,
+            color: F
+          },
+          "seconds"
+        )
+      ) : a === "select" && e.push(
+        /* @__PURE__ */ r(
+          X,
+          {
+            items: V,
+            value: w,
+            onChange: he,
+            timeLabel: t,
+            type: "seconds"
+          },
+          "seconds"
+        )
+      );
+    }
+    return e;
+  };
+  if (!le)
+    return /* @__PURE__ */ H(
+      "div",
+      {
+        className: b("flex flex-col gap-2 h-full justify-between", te),
+        children: [
+          fe,
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: b(
+                "flex rounded overflow-clip mb-auto",
+                a === "wheel" ? "items-end justify-center p-0 h-72" : "items-start justify-center"
+              ),
+              children: ve()
+            }
+          ),
+          ce && /* @__PURE__ */ r(
+            _,
+            {
+              type: "button",
+              variant: "solid",
+              size: "xs",
+              onClick: ge,
+              disabled: v,
+              className: b("rounded-none"),
+              children: ae
+            }
+          )
+        ]
+      }
+    );
+  const we = /* @__PURE__ */ H("div", { className: b("flex flex-col gap-4 h-full", te), children: [
+    fe,
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: b(
+          "flex rounded overflow-clip my-auto mx-auto max-w-sm md:max-w-md lg:max-w-lg relative",
+          a === "wheel" ? "items-end justify-center p-0" : "items-start justify-center",
+          {
+            "h-72": a === "wheel",
+            "w-xs": le && (Ne || ue === "drawer")
+          }
+        ),
+        children: ve()
+      }
+    ),
+    ce && /* @__PURE__ */ r(
+      _,
+      {
+        type: "button",
+        variant: "solid",
+        size: "xs",
+        onClick: ge,
+        disabled: v,
+        className: b("rounded-none"),
+        children: ae
+      }
+    )
+  ] }), Ce = /* @__PURE__ */ H(
+    _,
+    {
+      variant: "ghost",
+      className: "!p-1 !leading-0 h-auto rounded hover:bg-accent transition-colors",
+      disabled: v,
+      children: [
+        /* @__PURE__ */ r(Ye, { className: "size-4" }),
+        /* @__PURE__ */ r("span", { className: "sr-only", children: "Select time" })
+      ]
+    }
+  ), He = /* @__PURE__ */ H(Ue, { open: q, onOpenChange: me, children: [
+    /* @__PURE__ */ r(qe, { asChild: !0, disabled: v, children: Ce }),
+    /* @__PURE__ */ r(
+      Ae,
+      {
+        className: b(
+          "w-auto overflow-hidden p-0",
+          "backdrop-blur bg-background/50"
+        ),
+        children: we
+      }
+    )
+  ] }), be = /* @__PURE__ */ H(Ge, { open: q, onOpenChange: me, children: [
+    /* @__PURE__ */ r(Je, { asChild: !0, children: Ce }),
+    /* @__PURE__ */ H(
+      Ke,
+      {
+        className: b(
+          "w-auto overflow-hidden p-0",
+          "backdrop-blur bg-background"
+        ),
+        children: [
+          /* @__PURE__ */ H(Qe, { className: "sr-only", children: [
+            /* @__PURE__ */ r(We, { children: "Select time" }),
+            /* @__PURE__ */ r(Xe, { children: "Choose a time" })
+          ] }),
+          we
+        ]
+      }
+    )
+  ] }), Ve = T;
+  let Y;
+  return U === !0 ? Y = Le(x) : typeof U == "string" && (Y = U), /* @__PURE__ */ r(
+    Ee,
+    {
+      ...ke,
+      clearable: !0,
+      value: o || "",
+      placeholder: Ve,
+      mask: Y,
+      disabled: v,
+      className: "cursor-pointer",
+      onChange: (e) => {
+        const t = e.target.value, n = Se(t, x);
+        if (n) {
+          N(n.getHours()), D(n.getMinutes()), S(n.getSeconds());
+          const s = De(n, T);
+          d?.(e, s, n), C?.(n, s);
+        } else
+          N(0), D(0), S(0), d?.(e, t, void 0), C?.(void 0, t);
+      },
+      suffixIcon: Ne ? Me === "drawer" ? be : He : ue === "drawer" ? be : He
+    }
+  );
+}
+export {
+  pt as TimePicker
+};
+//# sourceMappingURL=TimePicker.js.map

package/dist/esm/components/DatePicker/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","sources":["../../../../src/components/DatePicker/TimePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type RefObject,\n} from \"react\";\nimport { cn } from \"@dsui/ui/index\";\nimport Button from \"../Button/Button\";\nimport Select from \"../Select/Select\";\nimport Input, { type InputProps } from \"../Input/Input\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@dsui/ui/components/popover\";\nimport {\n  Drawer,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"@dsui/ui/components/drawer\";\nimport { isMobile } from \"react-device-detect\";\nimport { Clock } from \"lucide-react\";\nimport { TimeColumnwheel } from \"../../components/WheelColumn\";\nimport { TimeGridView } from \"../../components/TimeGridView\";\nimport { format as dfFormat, parse, isValid } from \"date-fns\";\nimport type { CalendarColor } from \"../Calendar/Calendar\";\n\nexport type TimePickerMode = \"wheel\" | \"select\" | \"compact\";\n\nexport type DisabledTimeRange = {\n  from: string; // Format: \"HH:mm\" or \"HH:mm:ss\"\n  to: string; // Format: \"HH:mm\" or \"HH:mm:ss\"\n};\n\nexport type FormatType = string | { input: string; output: string };\n\nexport type TimePickerProps = Omit<\n  InputProps,\n  \"value\" | \"onChange\" | \"onSelect\" | \"mask\" | \"children\"\n> & {\n  value?: string; // Time string in specified format\n  onChange?: (\n    event?: React.ChangeEvent<HTMLInputElement>,\n    value?: string,\n    date?: Date,\n  ) => void;\n  onSelect?: (date?: Date, value?: string) => void;\n  showHours?: boolean;\n  showMinutes?: boolean;\n  showSeconds?: boolean;\n  disabled?: boolean;\n  className?: string;\n  timeLabel?:\n    | boolean\n    | string\n    | { hours?: string; minutes?: string; seconds?: string };\n  mask?: boolean | string; // Enable mask for time input: true (auto-generate), string (custom mask), false/undefined (no mask)\n  format?: FormatType; // Time format using date-fns format tokens (default: auto from showSeconds)\n\n  // New configuration options\n  mode?: TimePickerMode; // Display mode: 'wheel' (default), 'select', 'compact'\n  hourInterval?: number; // Hour interval (e.g., 1, 2, 3) - defaults to 1\n  minuteInterval?: number; // Minute interval (e.g., 5, 10, 15, 30) - defaults to 1\n  secondInterval?: number; // Second interval (e.g., 5, 10, 15, 30) - defaults to 1\n  disabledTimes?: string[]; // Array of disabled times in \"HH:mm\" or \"HH:mm:ss\" format\n  disabledTimeRanges?: DisabledTimeRange[]; // Array of disabled time ranges\n  showNowButton?: boolean; // Show \"Now\" button to select current time\n  nowButtonLabel?: string; // Label for \"Now\" button (defaults to \"Now\")\n\n  // Standalone mode configuration\n  standalone?: boolean; // When true (default), TimePicker shows as a drawer/popover with trigger. When false, it's used as an integrated component (e.g., inside DatePicker)\n  desktopMode?: \"popover\" | \"drawer\"; // Desktop display mode for standalone: 'popover' or 'drawer'\n  mobileMode?: \"popover\" | \"drawer\"; // Mobile display mode for standalone: 'popover' or 'drawer'\n  color?: CalendarColor; // Color variant for selected time (defaults to \"primary\")\n};\n\nconst generateIntervalArray = (max: number, interval: number = 1): number[] => {\n  const result: number[] = [];\n  for (let i = 0; i < max; i += interval) {\n    result.push(i);\n  }\n  return result;\n};\n\nconst pad = (num: number): string => String(num).padStart(2, \"0\");\n\n// Format time Date to string using date-fns\nconst formatTime = (\n  date: Date | undefined,\n  format: string = \"HH:mm\",\n): string => {\n  if (!date || !isValid(date)) return \"\";\n  return dfFormat(date, format);\n};\n\n// Parse time string to Date using date-fns\nconst parseTimeString = (\n  timeStr: string,\n  format: string = \"HH:mm\",\n): Date | undefined => {\n  if (!timeStr) return undefined;\n\n  const referenceDate = new Date();\n  const parsedDate = parse(timeStr, format, referenceDate);\n\n  if (!isValid(parsedDate)) return undefined;\n\n  return parsedDate;\n};\n\nfunction generateMaskFromTimeFormat(format: string): string {\n  return format\n    .replace(/HH|mm|ss/g, (match) => {\n      switch (match) {\n        case \"HH\":\n        case \"mm\":\n        case \"ss\":\n          return \"99\";\n        default:\n          return match;\n      }\n    })\n    .replace(/H|m|s/g, () => \"9\");\n}\n\nexport function TimePicker({\n  value,\n  onChange,\n  onSelect,\n  showHours = true,\n  showMinutes = true,\n  showSeconds = false,\n  disabled = false,\n  className,\n  timeLabel,\n  mask,\n  format,\n  mode = \"wheel\",\n  hourInterval = 1,\n  minuteInterval = 1,\n  secondInterval = 1,\n  disabledTimes = [],\n  disabledTimeRanges = [],\n  showNowButton = false,\n  nowButtonLabel = \"Now\",\n  standalone = true,\n  desktopMode = \"popover\",\n  mobileMode = \"drawer\",\n  color = \"primary\",\n  ...props\n}: TimePickerProps) {\n  // Determine input and output formats (like DatePicker)\n  let inputFormat: string;\n  let outputFormat: string;\n  if (typeof format === \"string\") {\n    inputFormat = format;\n    outputFormat = format;\n  } else if (format) {\n    inputFormat = format.input;\n    outputFormat = format.output;\n  } else {\n    // Auto-determine from showSeconds if not provided\n    inputFormat = showSeconds ? \"HH:mm:ss\" : \"HH:mm\";\n    outputFormat = showSeconds ? \"HH:mm:ss\" : \"HH:mm\";\n  }\n\n  const [hours, setHours] = useState<number | undefined>(undefined);\n  const [minutes, setMinutes] = useState<number | undefined>(undefined);\n  const [seconds, setSeconds] = useState<number | undefined>(undefined);\n  const [standaloneOpen, setStandaloneOpen] = useState(false);\n\n  useEffect(() => {\n    if (value) {\n      const parsed = parseTimeString(value, inputFormat);\n      if (parsed) {\n        setHours(parsed.getHours());\n        setMinutes(parsed.getMinutes());\n        setSeconds(parsed.getSeconds());\n      }\n    } else {\n      setHours(undefined);\n      setMinutes(undefined);\n      setSeconds(undefined);\n    }\n  }, [value, inputFormat]);\n\n  const hoursRef = useRef<HTMLDivElement>(null);\n  const minutesRef = useRef<HTMLDivElement>(null);\n  const secondsRef = useRef<HTMLDivElement>(null);\n  const gridRef = useRef<HTMLDivElement>(null);\n\n  // Generate time arrays based on intervals\n  const HOURS = useMemo(\n    () => generateIntervalArray(24, hourInterval),\n    [hourInterval],\n  );\n  const MINUTES = useMemo(\n    () => generateIntervalArray(60, minuteInterval),\n    [minuteInterval],\n  );\n  const SECONDS = useMemo(\n    () => generateIntervalArray(60, secondInterval),\n    [secondInterval],\n  );\n\n  // Helper function to check if a time is disabled\n  const isTimeDisabled = useCallback(\n    (\n      h: number | undefined,\n      m: number | undefined,\n      s: number | undefined = 0,\n    ): boolean => {\n      const timeStr = `${pad(h ?? 0)}:${pad(m ?? 0)}${showSeconds ? `:${pad(s ?? 0)}` : \"\"}`;\n\n      // Check if specific time is disabled\n      if (disabledTimes.includes(timeStr)) {\n        return true;\n      }\n\n      // Check if time is in a disabled range\n      for (const range of disabledTimeRanges) {\n        const [fromH, fromM, fromS = 0] = range.from.split(\":\").map(Number);\n        const [toH, toM, toS = 0] = range.to.split(\":\").map(Number);\n\n        const currentTime = (h ?? 0) * 3600 + (m ?? 0) * 60 + (s ?? 0);\n        const fromTime = fromH * 3600 + fromM * 60 + fromS;\n        const toTime = toH * 3600 + toM * 60 + toS;\n\n        if (currentTime >= fromTime && currentTime <= toTime) {\n          return true;\n        }\n      }\n\n      return false;\n    },\n    [disabledTimes, disabledTimeRanges, showSeconds],\n  );\n\n  // Helper function to get time label based on type and timeLabel prop\n  const getTimeLabel = useCallback(\n    (type: \"hours\" | \"minutes\" | \"seconds\"): string | undefined => {\n      if (!timeLabel) return undefined;\n\n      if (typeof timeLabel === \"boolean\") {\n        return timeLabel\n          ? type === \"hours\"\n            ? \"Hour\"\n            : type === \"minutes\"\n              ? \"Minute\"\n              : \"Second\"\n          : undefined;\n      }\n\n      if (typeof timeLabel === \"string\") {\n        return timeLabel;\n      }\n\n      // Object case\n      if (type === \"hours\") return timeLabel.hours || \"Hour\";\n      if (type === \"minutes\") return timeLabel.minutes || \"Minute\";\n      return timeLabel.seconds || \"Second\";\n    },\n    [timeLabel],\n  );\n\n  // If timeLabel is a string, show it as a common label above all columns\n  const shareLabel = typeof timeLabel === \"string\" && (\n    <div\n      key=\"common-label\"\n      className=\"text-xs font-semibold text-muted-foreground uppercase p-2 border-b w-full text-center\"\n    >\n      {timeLabel}\n    </div>\n  );\n\n  // Find nearest valid time\n  const findNearestValidTime = useCallback(\n    (\n      targetH: number,\n      targetM: number,\n      targetS: number = 0,\n    ): { h: number; m: number; s: number } => {\n      // Find nearest hour\n      const nearestH = HOURS.reduce((prev, curr) =>\n        Math.abs(curr - targetH) < Math.abs(prev - targetH) ? curr : prev,\n      );\n\n      // Find nearest minute\n      const nearestM = MINUTES.reduce((prev, curr) =>\n        Math.abs(curr - targetM) < Math.abs(prev - targetM) ? curr : prev,\n      );\n\n      // Find nearest second\n      const nearestS = SECONDS.reduce((prev, curr) =>\n        Math.abs(curr - targetS) < Math.abs(prev - targetS) ? curr : prev,\n      );\n\n      // If the nearest time is disabled, find the next available time\n      if (isTimeDisabled(nearestH, nearestM, nearestS)) {\n        // Try to find next available time\n        for (const h of HOURS) {\n          for (const m of MINUTES) {\n            for (const s of SECONDS) {\n              if (!isTimeDisabled(h, m, s)) {\n                return { h, m, s };\n              }\n            }\n          }\n        }\n      }\n\n      return { h: nearestH, m: nearestM, s: nearestS };\n    },\n    [HOURS, MINUTES, SECONDS, isTimeDisabled],\n  );\n\n  const updateDateTime = useCallback(\n    (h: number, m: number, s: number) => {\n      const newDate = new Date();\n      newDate.setHours(h, m, s, 0);\n      const formattedValue = formatTime(newDate, outputFormat);\n      onSelect?.(newDate, formattedValue);\n    },\n    [outputFormat, onSelect],\n  );\n\n  const handleHourChange = (h: number) => {\n    if (!isTimeDisabled(h, minutes, seconds)) {\n      setHours(h);\n      updateDateTime(h, minutes ?? 0, seconds ?? 0);\n    }\n  };\n\n  const handleMinuteChange = (m: number) => {\n    if (!isTimeDisabled(hours, m, seconds)) {\n      setMinutes(m);\n      updateDateTime(hours ?? 0, m, seconds ?? 0);\n    }\n  };\n\n  const handleSecondChange = (s: number) => {\n    if (!isTimeDisabled(hours, minutes, s)) {\n      setSeconds(s);\n      updateDateTime(hours ?? 0, minutes ?? 0, s);\n    }\n  };\n\n  // Scroll to center item when selected\n  const scrollToSelected = useCallback(\n    (ref: RefObject<HTMLDivElement | null>) => {\n      if (ref.current) {\n        const selected = ref.current.querySelector(\n          \"[data-selected]\",\n        ) as HTMLElement;\n        if (selected) {\n          const container = ref.current;\n          const containerHeight = container.clientHeight;\n          const selectedTop = selected.offsetTop;\n          const selectedHeight = selected.clientHeight;\n\n          const scrollPosition =\n            selectedTop - containerHeight / 2 + selectedHeight / 2;\n\n          container.scrollTo({\n            top: scrollPosition,\n            behavior: \"smooth\",\n          });\n        }\n      }\n    },\n    [],\n  );\n\n  const scrollHandler = useCallback(() => {\n    if (mode === \"wheel\") {\n      // Scroll to selected item when picker opens (only for initial load)\n      scrollToSelected(hoursRef);\n      scrollToSelected(minutesRef);\n      scrollToSelected(secondsRef);\n    } else if (mode === \"compact\") {\n      // Scroll to selected item in grid mode\n      scrollToSelected(gridRef);\n    }\n  }, [hoursRef, minutesRef, secondsRef, gridRef, mode, scrollToSelected]);\n\n  const handleNowClick = () => {\n    const now = new Date();\n    const { h, m, s } = findNearestValidTime(\n      now.getHours(),\n      now.getMinutes(),\n      now.getSeconds(),\n    );\n    setHours(h);\n    setMinutes(m);\n    setSeconds(s);\n    updateDateTime(h, m, s);\n    setTimeout(() => scrollHandler(), 100);\n  };\n\n  useEffect(() => {\n    const timer = setTimeout(() => scrollHandler(), 100);\n    return () => clearTimeout(timer);\n  }, [standaloneOpen, mode, scrollHandler]);\n\n  // Normal Mode - Dropdown/Input style\n  const TimeColumnNormal = memo(\n    ({\n      items,\n      value: selectedValue,\n      onChange: onChangeCol,\n      timeLabel,\n      type,\n    }: {\n      items: number[];\n      value: number | undefined;\n      onChange: (val: number) => void;\n      timeLabel?: string;\n      type: \"hours\" | \"minutes\" | \"seconds\";\n    }) => (\n      <div className=\"flex flex-col gap-2\">\n        {timeLabel && (\n          <div className=\"text-xs font-semibold text-muted-foreground uppercase p-2 border-b w-full text-center\">\n            {timeLabel}\n          </div>\n        )}\n        <div className=\"p-2\">\n          <Select\n            value={selectedValue?.toString() || \"\"}\n            onValueChange={(value) => onChangeCol(Number(value))}\n            disabled={disabled}\n            clearable={false}\n            search={false}\n            options={items.map((item) => {\n              const itemDisabled =\n                (type === \"hours\" && isTimeDisabled(item, minutes, seconds)) ||\n                (type === \"minutes\" && isTimeDisabled(hours, item, seconds)) ||\n                (type === \"seconds\" && isTimeDisabled(hours, minutes, item));\n\n              return {\n                label: pad(item),\n                value: item.toString(),\n                disabled: itemDisabled,\n              };\n            })}\n          />\n        </div>\n      </div>\n    ),\n  );\n\n  // Grid Mode - Combined time selection (HH:mm format only, vertical layout)\n  const handleTimeSelect = (h: number, m: number) => {\n    // Always set seconds to 0 in grid mode\n    if (!isTimeDisabled(h, m, 0)) {\n      setHours(h);\n      setMinutes(m);\n      setSeconds(0);\n      updateDateTime(h, m, 0);\n    }\n  };\n\n  const renderColumns = () => {\n    const columns = [];\n\n    // Grid mode shows combined time options\n    if (mode === \"compact\") {\n      return (\n        <TimeGridView\n          HOURS={HOURS}\n          MINUTES={MINUTES}\n          hours={hours}\n          minutes={minutes}\n          disabled={disabled}\n          isTimeDisabled={isTimeDisabled}\n          onTimeSelect={handleTimeSelect}\n          ref={gridRef}\n          color={color}\n        />\n      );\n    }\n\n    if (showHours) {\n      const hourLabel =\n        typeof timeLabel === \"string\" ? undefined : getTimeLabel(\"hours\");\n\n      if (mode === \"wheel\") {\n        columns.push(\n          <TimeColumnwheel\n            key=\"hours\"\n            ref={hoursRef}\n            items={HOURS}\n            value={hours}\n            onChange={handleHourChange}\n            timeLabel={hourLabel}\n            isItemDisabled={(item) => isTimeDisabled(item, minutes, seconds)}\n            disabled={disabled}\n            color={color}\n          />,\n        );\n      } else if (mode === \"select\") {\n        columns.push(\n          <TimeColumnNormal\n            key=\"hours\"\n            items={HOURS}\n            value={hours}\n            onChange={handleHourChange}\n            timeLabel={hourLabel}\n            type=\"hours\"\n          />,\n        );\n      }\n    }\n\n    if (showMinutes) {\n      const minuteLabel =\n        typeof timeLabel === \"string\" ? undefined : getTimeLabel(\"minutes\");\n\n      if (mode === \"wheel\") {\n        columns.push(\n          <TimeColumnwheel\n            key=\"minutes\"\n            ref={minutesRef}\n            items={MINUTES}\n            value={minutes}\n            onChange={handleMinuteChange}\n            timeLabel={minuteLabel}\n            itemClassName={showHours ? \"border-l\" : undefined}\n            isItemDisabled={(item) => isTimeDisabled(hours, item, seconds)}\n            disabled={disabled}\n            color={color}\n          />,\n        );\n      } else if (mode === \"select\") {\n        columns.push(\n          <TimeColumnNormal\n            key=\"minutes\"\n            items={MINUTES}\n            value={minutes}\n            onChange={handleMinuteChange}\n            timeLabel={minuteLabel}\n            type=\"minutes\"\n          />,\n        );\n      }\n    }\n\n    if (showSeconds) {\n      const secondLabel =\n        typeof timeLabel === \"string\" ? undefined : getTimeLabel(\"seconds\");\n\n      if (mode === \"wheel\") {\n        columns.push(\n          <TimeColumnwheel\n            key=\"seconds\"\n            ref={secondsRef}\n            items={SECONDS}\n            value={seconds}\n            onChange={handleSecondChange}\n            timeLabel={secondLabel}\n            itemClassName={showMinutes || showHours ? \"border-l\" : undefined}\n            isItemDisabled={(item) => isTimeDisabled(hours, minutes, item)}\n            disabled={disabled}\n            color={color}\n          />,\n        );\n      } else if (mode === \"select\") {\n        columns.push(\n          <TimeColumnNormal\n            key=\"seconds\"\n            items={SECONDS}\n            value={seconds}\n            onChange={handleSecondChange}\n            timeLabel={secondLabel}\n            type=\"seconds\"\n          />,\n        );\n      }\n    }\n\n    return columns;\n  };\n\n  // If standalone mode is disabled, return the content directly (for integration with DatePicker)\n  if (!standalone) {\n    return (\n      <div\n        className={cn(\"flex flex-col gap-2 h-full justify-between\", className)}\n      >\n        {shareLabel}\n\n        <div\n          className={cn(\n            \"flex rounded overflow-clip mb-auto\",\n            mode === \"wheel\"\n              ? \"items-end justify-center p-0 h-72\"\n              : \"items-start justify-center\",\n          )}\n        >\n          {renderColumns()}\n        </div>\n\n        {showNowButton && (\n          <Button\n            type=\"button\"\n            variant=\"solid\"\n            size=\"xs\"\n            onClick={handleNowClick}\n            disabled={disabled}\n            className={cn(\"rounded-none\")}\n          >\n            {nowButtonLabel}\n          </Button>\n        )}\n      </div>\n    );\n  }\n\n  // Render the time picker content\n  const timePickerContent = (\n    <div className={cn(\"flex flex-col gap-4 h-full\", className)}>\n      {shareLabel}\n\n      <div\n        className={cn(\n          \"flex rounded overflow-clip my-auto mx-auto max-w-sm md:max-w-md lg:max-w-lg relative\",\n          mode === \"wheel\"\n            ? \"items-end justify-center p-0\"\n            : \"items-start justify-center\",\n          {\n            \"h-72\": mode === \"wheel\",\n            \"w-xs\": standalone && (isMobile || desktopMode === \"drawer\"),\n          },\n        )}\n      >\n        {renderColumns()}\n      </div>\n\n      {showNowButton && (\n        <Button\n          type=\"button\"\n          variant=\"solid\"\n          size=\"xs\"\n          onClick={handleNowClick}\n          disabled={disabled}\n          className={cn(\"rounded-none\")}\n        >\n          {nowButtonLabel}\n        </Button>\n      )}\n    </div>\n  );\n\n  // Standalone mode: show as drawer or popover with Input\n  const iconTrigger = (\n    <Button\n      variant=\"ghost\"\n      className=\"!p-1 !leading-0 h-auto rounded hover:bg-accent transition-colors\"\n      disabled={disabled}\n    >\n      <Clock className=\"size-4\" />\n      <span className=\"sr-only\">Select time</span>\n    </Button>\n  );\n\n  const popPicker = (\n    <Popover open={standaloneOpen} onOpenChange={setStandaloneOpen}>\n      <PopoverTrigger asChild disabled={disabled}>\n        {iconTrigger}\n      </PopoverTrigger>\n      <PopoverContent\n        className={cn(\n          \"w-auto overflow-hidden p-0\",\n          \"backdrop-blur bg-background/50\",\n        )}\n      >\n        {timePickerContent}\n      </PopoverContent>\n    </Popover>\n  );\n\n  const drawPicker = (\n    <Drawer open={standaloneOpen} onOpenChange={setStandaloneOpen}>\n      <DrawerTrigger asChild>{iconTrigger}</DrawerTrigger>\n      <DrawerContent\n        className={cn(\n          \"w-auto overflow-hidden p-0\",\n          \"backdrop-blur bg-background\",\n        )}\n      >\n        <DrawerHeader className=\"sr-only\">\n          <DrawerTitle>Select time</DrawerTitle>\n          <DrawerDescription>Choose a time</DrawerDescription>\n        </DrawerHeader>\n        {timePickerContent}\n      </DrawerContent>\n    </Drawer>\n  );\n\n  // Determine the mask to use\n  const timeFormat = outputFormat; // Use outputFormat for placeholder\n  let maskToUse: string | undefined;\n  if (mask === true) {\n    maskToUse = generateMaskFromTimeFormat(inputFormat);\n  } else if (typeof mask === \"string\") {\n    maskToUse = mask;\n  }\n  // If mask is false or undefined, maskToUse remains undefined\n\n  // Handle Input change (when user types)\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    const parsedDate = parseTimeString(inputValue, inputFormat);\n\n    if (parsedDate) {\n      setHours(parsedDate.getHours());\n      setMinutes(parsedDate.getMinutes());\n      setSeconds(parsedDate.getSeconds());\n      const formattedValue = formatTime(parsedDate, outputFormat);\n      onChange?.(e, formattedValue, parsedDate);\n      onSelect?.(parsedDate, formattedValue);\n    } else {\n      // Reset state when input is cleared\n      setHours(0);\n      setMinutes(0);\n      setSeconds(0);\n      onChange?.(e, inputValue, undefined);\n      onSelect?.(undefined, inputValue);\n    }\n  };\n\n  // Return Input with picker as suffix icon (standalone mode)\n  return (\n    <Input\n      {...props}\n      clearable\n      value={value || \"\"}\n      placeholder={timeFormat}\n      mask={maskToUse}\n      disabled={disabled}\n      className=\"cursor-pointer\"\n      onChange={handleInputChange}\n      suffixIcon={\n        isMobile\n          ? mobileMode === \"drawer\"\n            ? drawPicker\n            : popPicker\n          : desktopMode === \"drawer\"\n            ? drawPicker\n            : popPicker\n      }\n    />\n  );\n}\n"],"names":["generateIntervalArray","max","interval","result","i","pad","num","formatTime","date","format","isValid","dfFormat","parseTimeString","timeStr","parsedDate","parse","generateMaskFromTimeFormat","match","TimePicker","value","onChange","onSelect","showHours","showMinutes","showSeconds","disabled","className","timeLabel","mask","mode","hourInterval","minuteInterval","secondInterval","disabledTimes","disabledTimeRanges","showNowButton","nowButtonLabel","standalone","desktopMode","mobileMode","color","props","inputFormat","outputFormat","hours","setHours","useState","minutes","setMinutes","seconds","setSeconds","standaloneOpen","setStandaloneOpen","useEffect","parsed","hoursRef","useRef","minutesRef","secondsRef","gridRef","HOURS","useMemo","MINUTES","SECONDS","isTimeDisabled","useCallback","h","m","s","range","fromH","fromM","fromS","toH","toM","toS","currentTime","fromTime","toTime","getTimeLabel","type","shareLabel","jsx","findNearestValidTime","targetH","targetM","targetS","nearestH","prev","curr","nearestM","nearestS","updateDateTime","newDate","formattedValue","handleHourChange","handleMinuteChange","handleSecondChange","scrollToSelected","ref","selected","container","containerHeight","selectedTop","selectedHeight","scrollPosition","scrollHandler","handleNowClick","now","timer","TimeColumnNormal","memo","items","selectedValue","onChangeCol","jsxs","Select","item","itemDisabled","handleTimeSelect","renderColumns","columns","TimeGridView","hourLabel","TimeColumnwheel","minuteLabel","secondLabel","cn","Button","timePickerContent","isMobile","iconTrigger","Clock","popPicker","Popover","PopoverTrigger","PopoverContent","drawPicker","Drawer","DrawerTrigger","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","timeFormat","maskToUse","Input","inputValue"],"mappings":"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"}