@etus/ui 0.4.0-beta.2 → 0.4.0-beta.21

package/dist/chunk-7QEFKWUR.js

@@ -0,0 +1,495 @@
+import { ScrollArea } from './chunk-HM6TEHA6.js';
+import { Calendar } from './chunk-TNSMTINE.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-EQ4YAADN.js';
+import { Button } from './chunk-L4OQ6BJ5.js';
+import { cn } from './chunk-RVAYDRMA.js';
+import { format, startOfDay, isBefore, isAfter, setMinutes, setHours } from 'date-fns';
+import { CalendarIcon, XIcon } from 'lucide-react';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var datePickerTriggerVariants = cva(
+  // Base styles
+  [
+    "inline-flex w-full items-center justify-between gap-2 rounded-[var(--date-picker-trigger-radius)] border bg-transparent font-normal transition-[color,box-shadow] outline-none",
+    "text-left",
+    "placeholder:text-muted-foreground",
+    "disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-[color:var(--date-picker-trigger-disabled-bg)] disabled:text-[color:var(--date-picker-trigger-disabled-fg)] disabled:border-[color:var(--date-picker-trigger-disabled-border)]",
+    "focus-visible:border-[color:var(--date-picker-trigger-border-focus)] focus-visible:ring-[color:var(--date-picker-trigger-ring-primary)]/50 focus-visible:ring-[length:var(--date-picker-trigger-ring-width)]",
+    "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+    "data-[state=open]:border-ring data-[state=open]:ring-ring/50 data-[state=open]:ring-[3px]",
+    "min-w-[var(--date-picker-trigger-min-width)]"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-[var(--date-picker-trigger-height-sm)] px-[var(--date-picker-trigger-padding-x-sm)] py-[var(--date-picker-trigger-padding-y-sm)] text-[length:var(--date-picker-trigger-text-sm)]",
+        md: "h-[var(--date-picker-trigger-height-md)] px-[var(--date-picker-trigger-padding-x-md)] py-[var(--date-picker-trigger-padding-y-md)] text-[length:var(--date-picker-trigger-text-md)]",
+        lg: "h-[var(--date-picker-trigger-height-lg)] px-[var(--date-picker-trigger-padding-x-lg)] py-[var(--date-picker-trigger-padding-y-lg)] text-[length:var(--date-picker-trigger-text-lg)]"
+      },
+      variant: {
+        default: "border-input shadow-xs dark:bg-input/30",
+        filled: "border-transparent bg-muted",
+        flushed: "rounded-none border-x-0 border-t-0 border-b-input px-0"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "default"
+    }
+  }
+);
+var datePickerClearButtonVariants = cva(
+  [
+    "absolute top-1/2 inline-flex size-4 -translate-y-1/2 items-center justify-center rounded-sm outline-none",
+    "text-muted-foreground opacity-70 transition-opacity",
+    "hover:opacity-100 focus-visible:opacity-100",
+    "focus-visible:ring-[color:var(--date-picker-trigger-ring-primary)]/50 focus-visible:ring-[length:var(--date-picker-trigger-ring-width)]"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "",
+        md: "",
+        lg: ""
+      },
+      variant: {
+        default: "",
+        filled: "",
+        flushed: ""
+      }
+    },
+    compoundVariants: [
+      // Non-flushed variants inset the trailing slot by the trigger's px token
+      { variant: ["default", "filled"], size: "sm", className: "right-[var(--date-picker-trigger-padding-x-sm)]" },
+      { variant: ["default", "filled"], size: "md", className: "right-[var(--date-picker-trigger-padding-x-md)]" },
+      { variant: ["default", "filled"], size: "lg", className: "right-[var(--date-picker-trigger-padding-x-lg)]" },
+      // Flushed removes horizontal padding, so the slot sits at the edge
+      { variant: "flushed", className: "right-0" }
+    ],
+    defaultVariants: {
+      size: "md",
+      variant: "default"
+    }
+  }
+);
+function to12Hour(hours) {
+  const period = hours >= 12 ? "PM" : "AM";
+  let hour12 = hours % 12;
+  if (hour12 === 0) hour12 = 12;
+  return { hour12, period };
+}
+function to24Hour(hour12, period) {
+  if (period === "AM") {
+    return hour12 === 12 ? 0 : hour12;
+  }
+  return hour12 === 12 ? 12 : hour12 + 12;
+}
+function getHourOptions(use12Hour) {
+  if (use12Hour) {
+    return [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
+  }
+  return Array.from({ length: 24 }, (_, i) => i);
+}
+function getMinuteOptions(step) {
+  const options = [];
+  for (let i = 0; i < 60; i += step) {
+    options.push(i);
+  }
+  return options;
+}
+function DatePicker({
+  ref,
+  className,
+  align = "start",
+  dialogLabel = "Choose date",
+  value,
+  defaultValue,
+  placeholder = "Select date",
+  disabled = false,
+  disabledDates,
+  readOnly = false,
+  showTimePicker = false,
+  showToday = false,
+  timeLabel = "Time",
+  timeMinuteStep = 1,
+  timeUse12Hour = false,
+  todayLabel = "Today",
+  minDate,
+  maxDate,
+  format: format$1 = "PPP",
+  locale,
+  onChange,
+  onOpenChange,
+  onClear,
+  size = "md",
+  variant = "default",
+  required = false,
+  invalid = false,
+  clearable = false,
+  calendarProps,
+  id,
+  name,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  "aria-describedby": ariaDescribedby,
+  ...props
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [internalDate, setInternalDate] = React.useState(defaultValue);
+  const [internalHours, setInternalHours] = React.useState(
+    defaultValue ? defaultValue.getHours() : 0
+  );
+  const [internalMinutes, setInternalMinutes] = React.useState(
+    defaultValue ? defaultValue.getMinutes() : 0
+  );
+  const [internalPeriod, setInternalPeriod] = React.useState(
+    () => defaultValue ? to12Hour(defaultValue.getHours()).period : "AM"
+  );
+  const hourListRef = React.useRef(null);
+  const minuteListRef = React.useRef(null);
+  const selectedDate = value ?? internalDate;
+  const currentHours = selectedDate ? selectedDate.getHours() : internalHours;
+  const currentMinutes = selectedDate ? selectedDate.getMinutes() : internalMinutes;
+  const currentPeriod = selectedDate ? to12Hour(selectedDate.getHours()).period : internalPeriod;
+  const defaultMonth = selectedDate ?? minDate;
+  React.useEffect(() => {
+    if (!open || !showTimePicker) return;
+    const timeoutId = setTimeout(() => {
+      const selectedHour = hourListRef.current?.querySelector('[data-selected="true"]');
+      selectedHour?.scrollIntoView({ block: "center", behavior: "instant" });
+      const selectedMinute = minuteListRef.current?.querySelector('[data-selected="true"]');
+      selectedMinute?.scrollIntoView({ block: "center", behavior: "instant" });
+    }, 0);
+    return () => {
+      clearTimeout(timeoutId);
+    };
+  }, [open, showTimePicker, currentHours, currentMinutes]);
+  const applyTimeToDate = (date, hours, minutes) => {
+    if (!date) return void 0;
+    return setMinutes(setHours(date, hours), minutes);
+  };
+  const handleSelect = (date) => {
+    let finalDate = date;
+    if (showTimePicker && date) {
+      finalDate = applyTimeToDate(date, currentHours, currentMinutes);
+    }
+    if (value === void 0) {
+      setInternalDate(finalDate);
+    }
+    onChange?.(finalDate);
+    if (!showTimePicker) {
+      setOpen(false);
+    }
+  };
+  const handleTimeChange = (hours, minutes) => {
+    if (value === void 0) {
+      setInternalHours(hours);
+      setInternalMinutes(minutes);
+    }
+    if (selectedDate) {
+      const newDate = applyTimeToDate(selectedDate, hours, minutes);
+      if (value === void 0) {
+        setInternalDate(newDate);
+      }
+      onChange?.(newDate);
+    }
+  };
+  const handleHourSelect = (hour) => {
+    let newHours = hour;
+    if (timeUse12Hour) {
+      newHours = to24Hour(hour, currentPeriod);
+    }
+    if (value === void 0) {
+      setInternalHours(newHours);
+    }
+    handleTimeChange(newHours, currentMinutes);
+  };
+  const handleMinuteSelect = (minute) => {
+    if (value === void 0) {
+      setInternalMinutes(minute);
+    }
+    handleTimeChange(currentHours, minute);
+  };
+  const handlePeriodSelect = (period) => {
+    if (value === void 0) {
+      setInternalPeriod(period);
+    }
+    const hour12 = timeUse12Hour ? currentHours % 12 || 12 : to12Hour(currentHours).hour12;
+    const newHours = to24Hour(hour12, period);
+    if (value === void 0) {
+      setInternalHours(newHours);
+    }
+    handleTimeChange(newHours, currentMinutes);
+  };
+  const handleOpenChange = (isOpen) => {
+    if (readOnly && isOpen) return;
+    setOpen(isOpen);
+    onOpenChange?.(isOpen);
+  };
+  const handleClear = (event) => {
+    event.stopPropagation();
+    if (value === void 0) {
+      setInternalDate(void 0);
+    }
+    onChange?.();
+    onClear?.();
+  };
+  const displayValue = React.useMemo(() => {
+    if (!selectedDate) return null;
+    const dateStr = format(selectedDate, format$1, locale ? { locale } : void 0);
+    if (showTimePicker) {
+      const timeStr = timeUse12Hour ? `${String(to12Hour(currentHours).hour12)}:${currentMinutes.toString().padStart(2, "0")} ${currentPeriod}` : `${currentHours.toString().padStart(2, "0")}:${currentMinutes.toString().padStart(2, "0")}`;
+      return `${dateStr} ${timeStr}`;
+    }
+    return dateStr;
+  }, [selectedDate, format$1, locale, showTimePicker, timeUse12Hour, currentHours, currentMinutes, currentPeriod]);
+  const hourOptions = React.useMemo(() => getHourOptions(timeUse12Hour), [timeUse12Hour]);
+  const minuteOptions = React.useMemo(() => getMinuteOptions(timeMinuteStep), [timeMinuteStep]);
+  const displayHour = timeUse12Hour ? to12Hour(currentHours).hour12 : currentHours;
+  const hasValue = Boolean(selectedDate);
+  const showClearButton = clearable && hasValue && !disabled && !readOnly;
+  const isDateDisabled = React.useCallback(
+    (date) => {
+      const normalizedDate = startOfDay(date);
+      if (minDate && isBefore(normalizedDate, startOfDay(minDate))) return true;
+      if (maxDate && isAfter(normalizedDate, startOfDay(maxDate))) return true;
+      if (disabledDates?.(date)) return true;
+      return false;
+    },
+    [minDate, maxDate, disabledDates]
+  );
+  const isTodayDisabled = React.useMemo(() => {
+    return isDateDisabled(/* @__PURE__ */ new Date());
+  }, [isDateDisabled]);
+  const handleSelectToday = () => {
+    const today = startOfDay(/* @__PURE__ */ new Date());
+    if (!isDateDisabled(today)) {
+      handleSelect(today);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), "data-slot": "date-picker", ...props, children: [
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          ref,
+          className: cn(
+            datePickerTriggerVariants({ size, variant }),
+            !displayValue && "text-muted-foreground"
+          ),
+          "aria-describedby": ariaDescribedby,
+          "aria-disabled": readOnly || void 0,
+          "aria-expanded": open,
+          "aria-haspopup": "dialog",
+          "aria-invalid": invalid,
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledby,
+          "aria-required": required,
+          "data-has-value": hasValue,
+          "data-readonly": readOnly || void 0,
+          "data-size": size,
+          "data-slot": "date-picker-trigger",
+          "data-state": open ? "open" : "closed",
+          "data-variant": variant,
+          disabled,
+          id,
+          type: "button",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: displayValue ?? placeholder }),
+            /* @__PURE__ */ jsx(
+              CalendarIcon,
+              {
+                "aria-hidden": "true",
+                className: cn("size-4 shrink-0 opacity-50", showClearButton && "invisible")
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(
+        PopoverContent,
+        {
+          align,
+          "aria-label": dialogLabel,
+          className: "w-auto p-0",
+          "data-slot": "date-picker-calendar",
+          children: [
+            /* @__PURE__ */ jsx(
+              Calendar,
+              {
+                autoFocus: true,
+                footer: showToday ? /* @__PURE__ */ jsx("div", { className: "border-t border-border p-2", "data-slot": "date-picker-footer", children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    className: "w-full",
+                    disabled: isTodayDisabled,
+                    size: "sm",
+                    variant: "ghost",
+                    onClick: handleSelectToday,
+                    children: todayLabel
+                  }
+                ) }) : void 0,
+                defaultMonth,
+                disabled: isDateDisabled,
+                locale,
+                mode: "single",
+                selected: selectedDate,
+                onSelect: handleSelect,
+                ...calendarProps
+              }
+            ),
+            showTimePicker && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "border-t border-border",
+                "data-slot": "date-picker-time",
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-xs font-medium text-muted-foreground", children: timeLabel }),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      "aria-label": "Time selection",
+                      className: "flex divide-x border-t border-border",
+                      role: "listbox",
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                          /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground text-center border-b", children: timeUse12Hour ? "Hour" : "Hours" }),
+                          /* @__PURE__ */ jsx(ScrollArea, { className: "h-36", children: /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              ref: hourListRef,
+                              "aria-label": "Hours",
+                              className: "flex flex-col items-stretch p-1",
+                              role: "group",
+                              children: hourOptions.map((hour) => {
+                                const isSelected = displayHour === hour;
+                                return /* @__PURE__ */ jsx(
+                                  "button",
+                                  {
+                                    className: cn(
+                                      "flex h-[var(--date-picker-preset-item-height)] w-12 items-center justify-center rounded-sm text-sm",
+                                      "hover:bg-accent hover:text-accent-foreground",
+                                      "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                                      isSelected && "bg-primary text-primary-foreground"
+                                    ),
+                                    "aria-selected": isSelected,
+                                    "data-selected": isSelected,
+                                    role: "option",
+                                    type: "button",
+                                    onClick: () => {
+                                      handleHourSelect(hour);
+                                    },
+                                    children: timeUse12Hour ? hour : hour.toString().padStart(2, "0")
+                                  },
+                                  hour
+                                );
+                              })
+                            }
+                          ) })
+                        ] }),
+                        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                          /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground text-center border-b", children: "Min" }),
+                          /* @__PURE__ */ jsx(ScrollArea, { className: "h-36", children: /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              ref: minuteListRef,
+                              "aria-label": "Minutes",
+                              className: "flex flex-col items-stretch p-1",
+                              role: "group",
+                              children: minuteOptions.map((minute) => {
+                                const isSelected = currentMinutes === minute;
+                                return /* @__PURE__ */ jsx(
+                                  "button",
+                                  {
+                                    className: cn(
+                                      "flex h-[var(--date-picker-preset-item-height)] w-12 items-center justify-center rounded-sm text-sm",
+                                      "hover:bg-accent hover:text-accent-foreground",
+                                      "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                                      isSelected && "bg-primary text-primary-foreground"
+                                    ),
+                                    "aria-selected": isSelected,
+                                    "data-selected": isSelected,
+                                    role: "option",
+                                    type: "button",
+                                    onClick: () => {
+                                      handleMinuteSelect(minute);
+                                    },
+                                    children: minute.toString().padStart(2, "0")
+                                  },
+                                  minute
+                                );
+                              })
+                            }
+                          ) })
+                        ] }),
+                        timeUse12Hour && /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                          /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground text-center border-b", children: "\xA0" }),
+                          /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              "aria-label": "Period",
+                              className: "flex flex-col items-stretch p-1",
+                              role: "group",
+                              children: ["AM", "PM"].map((period) => {
+                                const isSelected = currentPeriod === period;
+                                return /* @__PURE__ */ jsx(
+                                  "button",
+                                  {
+                                    className: cn(
+                                      "flex h-[var(--date-picker-preset-item-height)] w-12 items-center justify-center rounded-sm text-sm",
+                                      "hover:bg-accent hover:text-accent-foreground",
+                                      "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                                      isSelected && "bg-primary text-primary-foreground"
+                                    ),
+                                    "aria-selected": isSelected,
+                                    "data-selected": isSelected,
+                                    role: "option",
+                                    type: "button",
+                                    onClick: () => {
+                                      handlePeriodSelect(period);
+                                    },
+                                    children: period
+                                  },
+                                  period
+                                );
+                              })
+                            }
+                          )
+                        ] })
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    showClearButton && /* @__PURE__ */ jsx(
+      "button",
+      {
+        "aria-label": "Clear date",
+        className: cn(datePickerClearButtonVariants({ size, variant })),
+        "data-slot": "date-picker-clear",
+        type: "button",
+        onClick: handleClear,
+        children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
+      }
+    ),
+    name && /* @__PURE__ */ jsx(
+      "input",
+      {
+        name,
+        type: "hidden",
+        value: selectedDate?.toISOString() ?? ""
+      }
+    )
+  ] });
+}
+
+export { DatePicker, datePickerTriggerVariants };
+//# sourceMappingURL=chunk-7QEFKWUR.js.map
+//# sourceMappingURL=chunk-7QEFKWUR.js.map

package/dist/chunk-7QEFKWUR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/DatePicker/DatePicker.variants.ts","../src/components/forms/DatePicker/DatePicker.tsx"],"names":["format","formatDate"],"mappings":"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","file":"chunk-7QEFKWUR.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * DatePicker trigger variant styles using CVA\n */\nexport const datePickerTriggerVariants = cva(\n  // Base styles\n  [\n    \"inline-flex w-full items-center justify-between gap-2 rounded-[var(--date-picker-trigger-radius)] border bg-transparent font-normal transition-[color,box-shadow] outline-none\",\n    \"text-left\",\n    \"placeholder:text-muted-foreground\",\n    \"disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-[color:var(--date-picker-trigger-disabled-bg)] disabled:text-[color:var(--date-picker-trigger-disabled-fg)] disabled:border-[color:var(--date-picker-trigger-disabled-border)]\",\n    \"focus-visible:border-[color:var(--date-picker-trigger-border-focus)] focus-visible:ring-[color:var(--date-picker-trigger-ring-primary)]/50 focus-visible:ring-[length:var(--date-picker-trigger-ring-width)]\",\n    \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n    \"data-[state=open]:border-ring data-[state=open]:ring-ring/50 data-[state=open]:ring-[3px]\",\n    \"min-w-[var(--date-picker-trigger-min-width)]\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-[var(--date-picker-trigger-height-sm)] px-[var(--date-picker-trigger-padding-x-sm)] py-[var(--date-picker-trigger-padding-y-sm)] text-[length:var(--date-picker-trigger-text-sm)]\",\n        md: \"h-[var(--date-picker-trigger-height-md)] px-[var(--date-picker-trigger-padding-x-md)] py-[var(--date-picker-trigger-padding-y-md)] text-[length:var(--date-picker-trigger-text-md)]\",\n        lg: \"h-[var(--date-picker-trigger-height-lg)] px-[var(--date-picker-trigger-padding-x-lg)] py-[var(--date-picker-trigger-padding-y-lg)] text-[length:var(--date-picker-trigger-text-lg)]\",\n      },\n      variant: {\n        default: \"border-input shadow-xs dark:bg-input/30\",\n        filled: \"border-transparent bg-muted\",\n        flushed: \"rounded-none border-x-0 border-t-0 border-b-input px-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * DatePicker clear button styles using CVA.\n *\n * The clear control is a sibling of the trigger (never nested inside the\n * trigger button — button-in-button is invalid). It is absolutely positioned\n * so it overlays the trigger's trailing-icon slot, sitting at the same inset\n * as the calendar icon for each size/variant.\n */\nexport const datePickerClearButtonVariants = cva(\n  [\n    \"absolute top-1/2 inline-flex size-4 -translate-y-1/2 items-center justify-center rounded-sm outline-none\",\n    \"text-muted-foreground opacity-70 transition-opacity\",\n    \"hover:opacity-100 focus-visible:opacity-100\",\n    \"focus-visible:ring-[color:var(--date-picker-trigger-ring-primary)]/50 focus-visible:ring-[length:var(--date-picker-trigger-ring-width)]\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"\",\n        md: \"\",\n        lg: \"\",\n      },\n      variant: {\n        default: \"\",\n        filled: \"\",\n        flushed: \"\",\n      },\n    },\n    compoundVariants: [\n      // Non-flushed variants inset the trailing slot by the trigger's px token\n      { variant: [\"default\", \"filled\"], size: \"sm\", className: \"right-[var(--date-picker-trigger-padding-x-sm)]\" },\n      { variant: [\"default\", \"filled\"], size: \"md\", className: \"right-[var(--date-picker-trigger-padding-x-md)]\" },\n      { variant: [\"default\", \"filled\"], size: \"lg\", className: \"right-[var(--date-picker-trigger-padding-x-lg)]\" },\n      // Flushed removes horizontal padding, so the slot sits at the edge\n      { variant: \"flushed\", className: \"right-0\" },\n    ],\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n    },\n  }\n)\n\nexport type DatePickerTriggerVariantProps = VariantProps<typeof datePickerTriggerVariants>\n","import type { DatePickerProps } from \"./DatePicker.types\"\n\nimport { format as formatDate, isAfter, isBefore, setHours, setMinutes, startOfDay } from \"date-fns\"\nimport { CalendarIcon, XIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Calendar } from \"../../advanced/Calendar\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../../feedback/Popover\"\nimport { ScrollArea } from \"../../layout/ScrollArea\"\nimport { Button } from \"../../primitives/Button\"\nimport { datePickerClearButtonVariants, datePickerTriggerVariants } from \"./DatePicker.variants\"\n\n/**\n * Convert 24h hours to 12h format with period\n */\nfunction to12Hour(hours: number): { hour12: number; period: \"AM\" | \"PM\" } {\n  const period = hours >= 12 ? \"PM\" : \"AM\"\n  let hour12 = hours % 12\n  if (hour12 === 0) hour12 = 12\n  return { hour12, period }\n}\n\n/**\n * Convert 12h format to 24h hours\n */\nfunction to24Hour(hour12: number, period: \"AM\" | \"PM\"): number {\n  if (period === \"AM\") {\n    return hour12 === 12 ? 0 : hour12\n  }\n  return hour12 === 12 ? 12 : hour12 + 12\n}\n\n/**\n * Generate array of hour options\n */\nfunction getHourOptions(use12Hour: boolean): number[] {\n  if (use12Hour) {\n    return [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]\n  }\n  return Array.from({ length: 24 }, (_, i) => i)\n}\n\n/**\n * Generate array of minute options based on step\n */\nfunction getMinuteOptions(step: number): number[] {\n  const options: number[] = []\n  for (let i = 0; i < 60; i += step) {\n    options.push(i)\n  }\n  return options\n}\n\nfunction DatePicker({\n  ref,\n  className,\n  align = \"start\",\n  dialogLabel = \"Choose date\",\n  value,\n  defaultValue,\n  placeholder = \"Select date\",\n  disabled = false,\n  disabledDates,\n  readOnly = false,\n  showTimePicker = false,\n  showToday = false,\n  timeLabel = \"Time\",\n  timeMinuteStep = 1,\n  timeUse12Hour = false,\n  todayLabel = \"Today\",\n  minDate,\n  maxDate,\n  format = \"PPP\",\n  locale,\n  onChange,\n  onOpenChange,\n  onClear,\n  size = \"md\",\n  variant = \"default\",\n  required = false,\n  invalid = false,\n  clearable = false,\n  calendarProps,\n  id,\n  name,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledby,\n  \"aria-describedby\": ariaDescribedby,\n  ...props\n}: DatePickerProps) {\n  const [open, setOpen] = React.useState(false)\n  const [internalDate, setInternalDate] = React.useState<Date | undefined>(defaultValue)\n\n  // Time state for when showTimePicker is enabled\n  const [internalHours, setInternalHours] = React.useState<number>(\n    defaultValue ? defaultValue.getHours() : 0\n  )\n  const [internalMinutes, setInternalMinutes] = React.useState<number>(\n    defaultValue ? defaultValue.getMinutes() : 0\n  )\n  const [internalPeriod, setInternalPeriod] = React.useState<\"AM\" | \"PM\">(() =>\n    defaultValue ? to12Hour(defaultValue.getHours()).period : \"AM\"\n  )\n\n  // Refs for auto-scrolling time columns\n  const hourListRef = React.useRef<HTMLDivElement>(null)\n  const minuteListRef = React.useRef<HTMLDivElement>(null)\n\n  // Use controlled value if provided, otherwise use internal state\n  const selectedDate = value ?? internalDate\n\n  // Get time from selected date or internal state\n  const currentHours = selectedDate ? selectedDate.getHours() : internalHours\n  const currentMinutes = selectedDate ? selectedDate.getMinutes() : internalMinutes\n  const currentPeriod = selectedDate\n    ? to12Hour(selectedDate.getHours()).period\n    : internalPeriod\n\n  // Compute defaultMonth once for clarity\n  const defaultMonth = selectedDate ?? minDate\n\n  // Scroll to selected time items when popover opens\n  React.useEffect(() => {\n    if (!open || !showTimePicker) return\n\n    const timeoutId = setTimeout(() => {\n      const selectedHour = hourListRef.current?.querySelector('[data-selected=\"true\"]')\n      selectedHour?.scrollIntoView({ block: \"center\", behavior: \"instant\" })\n\n      const selectedMinute = minuteListRef.current?.querySelector('[data-selected=\"true\"]')\n      selectedMinute?.scrollIntoView({ block: \"center\", behavior: \"instant\" })\n    }, 0)\n\n    return () => { clearTimeout(timeoutId) }\n  }, [open, showTimePicker, currentHours, currentMinutes])\n\n  const applyTimeToDate = (date: Date | undefined, hours: number, minutes: number): Date | undefined => {\n    if (!date) return undefined\n    return setMinutes(setHours(date, hours), minutes)\n  }\n\n  const handleSelect = (date: Date | undefined) => {\n    let finalDate = date\n    if (showTimePicker && date) {\n      // Apply current time to the selected date\n      finalDate = applyTimeToDate(date, currentHours, currentMinutes)\n    }\n\n    if (value === undefined) {\n      setInternalDate(finalDate)\n    }\n    onChange?.(finalDate)\n\n    // Only close if not showing time picker, or close after date selection\n    if (!showTimePicker) {\n      setOpen(false)\n    }\n  }\n\n  const handleTimeChange = (hours: number, minutes: number) => {\n    if (value === undefined) {\n      setInternalHours(hours)\n      setInternalMinutes(minutes)\n    }\n\n    if (selectedDate) {\n      const newDate = applyTimeToDate(selectedDate, hours, minutes)\n      if (value === undefined) {\n        setInternalDate(newDate)\n      }\n      onChange?.(newDate)\n    }\n  }\n\n  const handleHourSelect = (hour: number) => {\n    let newHours = hour\n    if (timeUse12Hour) {\n      newHours = to24Hour(hour, currentPeriod)\n    }\n    if (value === undefined) {\n      setInternalHours(newHours)\n    }\n    handleTimeChange(newHours, currentMinutes)\n  }\n\n  const handleMinuteSelect = (minute: number) => {\n    if (value === undefined) {\n      setInternalMinutes(minute)\n    }\n    handleTimeChange(currentHours, minute)\n  }\n\n  const handlePeriodSelect = (period: \"AM\" | \"PM\") => {\n    if (value === undefined) {\n      setInternalPeriod(period)\n    }\n    const hour12 = timeUse12Hour\n      ? currentHours % 12 || 12\n      : to12Hour(currentHours).hour12\n    const newHours = to24Hour(hour12, period)\n    if (value === undefined) {\n      setInternalHours(newHours)\n    }\n    handleTimeChange(newHours, currentMinutes)\n  }\n\n  const handleOpenChange = (isOpen: boolean) => {\n    // Don't open if readOnly\n    if (readOnly && isOpen) return\n\n    setOpen(isOpen)\n    onOpenChange?.(isOpen)\n  }\n\n  const handleClear = (event: React.MouseEvent) => {\n    event.stopPropagation()\n    if (value === undefined) {\n      setInternalDate(undefined)\n    }\n    onChange?.()\n    onClear?.()\n  }\n\n  // Format display value with time if showTimePicker is enabled\n  const displayValue = React.useMemo(() => {\n    if (!selectedDate) return null\n\n    const dateStr = formatDate(selectedDate, format, locale ? { locale } : undefined)\n\n    if (showTimePicker) {\n      const timeStr = timeUse12Hour\n        ? `${String(to12Hour(currentHours).hour12)}:${currentMinutes.toString().padStart(2, \"0\")} ${currentPeriod}`\n        : `${currentHours.toString().padStart(2, \"0\")}:${currentMinutes.toString().padStart(2, \"0\")}`\n      return `${dateStr} ${timeStr}`\n    }\n\n    return dateStr\n  }, [selectedDate, format, locale, showTimePicker, timeUse12Hour, currentHours, currentMinutes, currentPeriod])\n\n  // Memoize time options\n  const hourOptions = React.useMemo(() => getHourOptions(timeUse12Hour), [timeUse12Hour])\n  const minuteOptions = React.useMemo(() => getMinuteOptions(timeMinuteStep), [timeMinuteStep])\n\n  // Calculate display hour for matching in 12h mode\n  const displayHour = timeUse12Hour\n    ? to12Hour(currentHours).hour12\n    : currentHours\n\n  // Signal for the filled field state (date selected). The `filled` style\n  // variant is independent — this is the data hook consumers/tests rely on.\n  const hasValue = Boolean(selectedDate)\n\n  const showClearButton = clearable && hasValue && !disabled && !readOnly\n\n  // Combined date disabled check\n  const isDateDisabled = React.useCallback(\n    (date: Date): boolean => {\n      const normalizedDate = startOfDay(date)\n      if (minDate && isBefore(normalizedDate, startOfDay(minDate))) return true\n      if (maxDate && isAfter(normalizedDate, startOfDay(maxDate))) return true\n      if (disabledDates?.(date)) return true\n      return false\n    },\n    [minDate, maxDate, disabledDates]\n  )\n\n  // Check if today is disabled\n  const isTodayDisabled = React.useMemo(() => {\n    return isDateDisabled(new Date())\n  }, [isDateDisabled])\n\n  // Handle selecting today\n  const handleSelectToday = () => {\n    const today = startOfDay(new Date())\n    if (!isDateDisabled(today)) {\n      handleSelect(today)\n    }\n  }\n\n  return (\n    <div className={cn(\"relative\", className)} data-slot=\"date-picker\" {...props}>\n      <Popover open={open} onOpenChange={handleOpenChange}>\n        <PopoverTrigger asChild>\n          <button\n            ref={ref}\n            className={cn(\n              datePickerTriggerVariants({ size, variant }),\n              !displayValue && \"text-muted-foreground\"\n            )}\n            aria-describedby={ariaDescribedby}\n            aria-disabled={readOnly || undefined}\n            aria-expanded={open}\n            aria-haspopup=\"dialog\"\n            aria-invalid={invalid}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-required={required}\n            data-has-value={hasValue}\n            data-readonly={readOnly || undefined}\n            data-size={size}\n            data-slot=\"date-picker-trigger\"\n            data-state={open ? \"open\" : \"closed\"}\n            data-variant={variant}\n            disabled={disabled}\n            id={id}\n            type=\"button\"\n          >\n            <span className=\"flex-1 truncate\">\n              {displayValue ?? placeholder}\n            </span>\n            <CalendarIcon\n              aria-hidden=\"true\"\n              className={cn(\"size-4 shrink-0 opacity-50\", showClearButton && \"invisible\")}\n            />\n          </button>\n        </PopoverTrigger>\n        <PopoverContent\n          align={align}\n          aria-label={dialogLabel}\n          className=\"w-auto p-0\"\n          data-slot=\"date-picker-calendar\"\n        >\n          <Calendar\n            autoFocus\n            footer={\n              showToday ? (\n                <div className=\"border-t border-border p-2\" data-slot=\"date-picker-footer\">\n                  <Button\n                    className=\"w-full\"\n                    disabled={isTodayDisabled}\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    onClick={handleSelectToday}\n                  >\n                    {todayLabel}\n                  </Button>\n                </div>\n              ) : undefined\n            }\n            defaultMonth={defaultMonth}\n            disabled={isDateDisabled}\n            locale={locale}\n            mode=\"single\"\n            selected={selectedDate}\n            onSelect={handleSelect}\n            {...calendarProps}\n          />\n\n          {/* Time Picker Section */}\n          {showTimePicker && (\n            <div\n              className=\"border-t border-border\"\n              data-slot=\"date-picker-time\"\n            >\n              <div className=\"px-3 py-2 text-xs font-medium text-muted-foreground\">\n                {timeLabel}\n              </div>\n              <div\n                aria-label=\"Time selection\"\n                className=\"flex divide-x border-t border-border\"\n                role=\"listbox\"\n              >\n                {/* Hours Column */}\n                <div className=\"flex flex-col\">\n                  <div className=\"px-2 py-1.5 text-xs font-medium text-muted-foreground text-center border-b\">\n                    {timeUse12Hour ? \"Hour\" : \"Hours\"}\n                  </div>\n                  <ScrollArea className=\"h-36\">\n                    <div\n                      ref={hourListRef}\n                      aria-label=\"Hours\"\n                      className=\"flex flex-col items-stretch p-1\"\n                      role=\"group\"\n                    >\n                      {hourOptions.map((hour) => {\n                        const isSelected = displayHour === hour\n                        return (\n                          <button\n                            key={hour}\n                            className={cn(\n                              \"flex h-[var(--date-picker-preset-item-height)] w-12 items-center justify-center rounded-sm text-sm\",\n                              \"hover:bg-accent hover:text-accent-foreground\",\n                              \"focus:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                              isSelected && \"bg-primary text-primary-foreground\"\n                            )}\n                            aria-selected={isSelected}\n                            data-selected={isSelected}\n                            role=\"option\"\n                            type=\"button\"\n                            onClick={() => { handleHourSelect(hour); }}\n                          >\n                            {timeUse12Hour ? hour : hour.toString().padStart(2, \"0\")}\n                          </button>\n                        )\n                      })}\n                    </div>\n                  </ScrollArea>\n                </div>\n\n                {/* Minutes Column */}\n                <div className=\"flex flex-col\">\n                  <div className=\"px-2 py-1.5 text-xs font-medium text-muted-foreground text-center border-b\">\n                    Min\n                  </div>\n                  <ScrollArea className=\"h-36\">\n                    <div\n                      ref={minuteListRef}\n                      aria-label=\"Minutes\"\n                      className=\"flex flex-col items-stretch p-1\"\n                      role=\"group\"\n                    >\n                      {minuteOptions.map((minute) => {\n                        const isSelected = currentMinutes === minute\n                        return (\n                          <button\n                            key={minute}\n                            className={cn(\n                              \"flex h-[var(--date-picker-preset-item-height)] w-12 items-center justify-center rounded-sm text-sm\",\n                              \"hover:bg-accent hover:text-accent-foreground\",\n                              \"focus:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                              isSelected && \"bg-primary text-primary-foreground\"\n                            )}\n                            aria-selected={isSelected}\n                            data-selected={isSelected}\n                            role=\"option\"\n                            type=\"button\"\n                            onClick={() => { handleMinuteSelect(minute); }}\n                          >\n                            {minute.toString().padStart(2, \"0\")}\n                          </button>\n                        )\n                      })}\n                    </div>\n                  </ScrollArea>\n                </div>\n\n                {/* AM/PM Column (12-hour mode only) */}\n                {timeUse12Hour && (\n                  <div className=\"flex flex-col\">\n                    <div className=\"px-2 py-1.5 text-xs font-medium text-muted-foreground text-center border-b\">\n                      &nbsp;\n                    </div>\n                    <div\n                      aria-label=\"Period\"\n                      className=\"flex flex-col items-stretch p-1\"\n                      role=\"group\"\n                    >\n                      {([\"AM\", \"PM\"] as const).map((period) => {\n                        const isSelected = currentPeriod === period\n                        return (\n                          <button\n                            key={period}\n                            className={cn(\n                              \"flex h-[var(--date-picker-preset-item-height)] w-12 items-center justify-center rounded-sm text-sm\",\n                              \"hover:bg-accent hover:text-accent-foreground\",\n                              \"focus:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                              isSelected && \"bg-primary text-primary-foreground\"\n                            )}\n                            aria-selected={isSelected}\n                            data-selected={isSelected}\n                            role=\"option\"\n                            type=\"button\"\n                            onClick={() => { handlePeriodSelect(period); }}\n                          >\n                            {period}\n                          </button>\n                        )\n                      })}\n                    </div>\n                  </div>\n                )}\n              </div>\n            </div>\n          )}\n        </PopoverContent>\n      </Popover>\n      {showClearButton && (\n        <button\n          aria-label=\"Clear date\"\n          className={cn(datePickerClearButtonVariants({ size, variant }))}\n          data-slot=\"date-picker-clear\"\n          type=\"button\"\n          onClick={handleClear}\n        >\n          <XIcon className=\"size-4\" />\n        </button>\n      )}\n      {name && (\n        <input\n          name={name}\n          type=\"hidden\"\n          value={selectedDate?.toISOString() ?? \"\"}\n        />\n      )}\n    </div>\n  )\n}\n\nexport { DatePicker }\n"]}