@mieweb/ui 0.6.1-dev.167 → 0.6.1-dev.169

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mieweb/ui",
-  "version": "0.6.1-dev.167",
+  "version": "0.6.1-dev.169",
   "description": "A themeable, accessible React component library built with Tailwind CSS",
   "author": "Medical Informatics Engineering, Inc.",
   "license": "SEE LICENSE IN LICENSE",
@@ -235,7 +235,7 @@
     "@kerebron/editor": ">=0.7.9",
     "@kerebron/editor-kits": ">=0.7.9",
     "@kerebron/wasm": ">=0.7.9",
-    "@mieweb/datavis": "=1.3.0",
+    "@mieweb/datavis": "=1.5.0",
     "ag-grid-community": ">=32.0.0",
     "ag-grid-react": ">=32.0.0",
     "datavis-ace": "=4.1.0",
@@ -344,7 +344,7 @@
     "@kerebron/editor": "0.7.9",
     "@kerebron/editor-kits": "0.7.9",
     "@kerebron/wasm": "0.7.9",
-    "@mieweb/datavis": "=1.3.0",
+    "@mieweb/datavis": "=1.5.0",
     "@monaco-editor/react": "^4.7.0",
     "@playwright/test": "^1.58.2",
     "@storybook/addon-a11y": "^10.2.11",

package/dist/chunk-HYEJLKXI.js

@@ -1,476 +0,0 @@
-import { Input } from './chunk-PVUDXJAI.js';
-import { formatDateValue, isValidDate, isDateInFuture, isDateInPast, calculateAge } from './chunk-RC2YMOMS.js';
-import { cn } from './chunk-F3SOEIN2.js';
-import * as React from 'react';
-import { Calendar } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var widthClasses = {
-  full: "w-full",
-  fit: "w-fit",
-  fixed: "w-44"
-  // ~176px - enough for MM/DD/YYYY + calendar icon
-};
-var sizeClasses = {
-  sm: "h-8 text-sm",
-  md: "h-10 text-base",
-  lg: "h-12 text-lg"
-};
-function getValidationError(value, mode, minAge, maxAge) {
-  if (!value || value.replace(/\D/g, "").length === 0) {
-    return void 0;
-  }
-  if (!isValidDate(value)) {
-    return "Please enter a valid date (MM/DD/YYYY)";
-  }
-  switch (mode) {
-    case "dob": {
-      if (!isDateInPast(value)) {
-        return "Date of birth must be in the past";
-      }
-      const age = calculateAge(value);
-      if (age !== null) {
-        if (minAge !== void 0 && age < minAge) {
-          return `Must be at least ${minAge} years old`;
-        }
-        if (maxAge !== void 0 && age > maxAge) {
-          return `Must be no more than ${maxAge} years old`;
-        }
-      }
-      break;
-    }
-    case "expiration":
-      if (!isDateInFuture(value)) {
-        return "Expiration date must be in the future";
-      }
-      break;
-    case "past":
-      if (!isDateInPast(value)) {
-        return "Date must be in the past";
-      }
-      break;
-    case "future":
-      if (!isDateInFuture(value)) {
-        return "Date must be in the future";
-      }
-      break;
-  }
-  return void 0;
-}
-var DateInput = React.forwardRef(
-  ({
-    value = "",
-    onChange,
-    mode = "default",
-    minAge,
-    maxAge,
-    validateOnBlur,
-    showCalendar = false,
-    width = "full",
-    className,
-    onBlur,
-    hasError,
-    error,
-    ...props
-  }, ref) => {
-    const [displayValue, setDisplayValue] = React.useState(
-      () => formatDateValue(value)
-    );
-    const [localError, setLocalError] = React.useState();
-    React.useEffect(() => {
-      setDisplayValue(formatDateValue(value));
-    }, [value]);
-    const handleChange = (e) => {
-      const formatted = formatDateValue(e.target.value);
-      setDisplayValue(formatted);
-      onChange?.(formatted);
-      if (localError) {
-        setLocalError(void 0);
-      }
-    };
-    const handleBlur = (e) => {
-      onBlur?.(e);
-      if (validateOnBlur) {
-        const validationError = getValidationError(
-          displayValue,
-          mode,
-          minAge,
-          maxAge
-        );
-        setLocalError(validationError);
-      }
-    };
-    const placeholder = mode === "expiration" ? "MM/DD/YYYY" : "MM/DD/YYYY";
-    const autoComplete = mode === "dob" ? "bday" : mode === "expiration" ? "cc-exp" : void 0;
-    const generatedId = React.useId();
-    const [isCalendarOpen, setIsCalendarOpen] = React.useState(false);
-    const calendarRef = React.useRef(null);
-    const buttonRef = React.useRef(null);
-    const parsedDate = React.useMemo(() => {
-      if (!displayValue || !isValidDate(displayValue)) {
-        return {
-          month: (/* @__PURE__ */ new Date()).getMonth(),
-          year: (/* @__PURE__ */ new Date()).getFullYear(),
-          day: null
-        };
-      }
-      const [month, day, year] = displayValue.split("/").map(Number);
-      return { month: month - 1, year, day };
-    }, [displayValue]);
-    const [calendarMonth, setCalendarMonth] = React.useState(parsedDate.month);
-    const [calendarYear, setCalendarYear] = React.useState(parsedDate.year);
-    React.useEffect(() => {
-      if (displayValue && isValidDate(displayValue)) {
-        const [month, , year] = displayValue.split("/").map(Number);
-        setCalendarMonth(month - 1);
-        setCalendarYear(year);
-      }
-    }, [displayValue]);
-    React.useEffect(() => {
-      const handleClickOutside = (event) => {
-        if (calendarRef.current && !calendarRef.current.contains(event.target) && buttonRef.current && !buttonRef.current.contains(event.target)) {
-          setIsCalendarOpen(false);
-        }
-      };
-      if (isCalendarOpen) {
-        document.addEventListener("mousedown", handleClickOutside);
-        return () => document.removeEventListener("mousedown", handleClickOutside);
-      }
-    }, [isCalendarOpen]);
-    React.useEffect(() => {
-      const handleEscape = (event) => {
-        if (event.key === "Escape") {
-          setIsCalendarOpen(false);
-          buttonRef.current?.focus();
-        }
-      };
-      if (isCalendarOpen) {
-        document.addEventListener("keydown", handleEscape);
-        return () => document.removeEventListener("keydown", handleEscape);
-      }
-    }, [isCalendarOpen]);
-    const handleDateSelect = (day) => {
-      const month = String(calendarMonth + 1).padStart(2, "0");
-      const dayStr = String(day).padStart(2, "0");
-      const year = String(calendarYear);
-      const formatted = `${month}/${dayStr}/${year}`;
-      setDisplayValue(formatted);
-      onChange?.(formatted);
-      setIsCalendarOpen(false);
-      if (validateOnBlur) {
-        const validationError = getValidationError(
-          formatted,
-          mode,
-          minAge,
-          maxAge
-        );
-        setLocalError(validationError);
-      }
-    };
-    const getDaysInMonth = (month, year) => {
-      return new Date(year, month + 1, 0).getDate();
-    };
-    const getFirstDayOfMonth = (month, year) => {
-      return new Date(year, month, 1).getDay();
-    };
-    const renderCalendar = () => {
-      const daysInMonth = getDaysInMonth(calendarMonth, calendarYear);
-      const firstDay = getFirstDayOfMonth(calendarMonth, calendarYear);
-      const days = [];
-      for (let i = 0; i < firstDay; i++) {
-        days.push(null);
-      }
-      for (let i = 1; i <= daysInMonth; i++) {
-        days.push(i);
-      }
-      const monthNames = [
-        "January",
-        "February",
-        "March",
-        "April",
-        "May",
-        "June",
-        "July",
-        "August",
-        "September",
-        "October",
-        "November",
-        "December"
-      ];
-      const isSelectedDay = (day) => {
-        return parsedDate.day === day && parsedDate.month === calendarMonth && parsedDate.year === calendarYear;
-      };
-      const isToday = (day) => {
-        const today = /* @__PURE__ */ new Date();
-        return day === today.getDate() && calendarMonth === today.getMonth() && calendarYear === today.getFullYear();
-      };
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          ref: calendarRef,
-          className: cn(
-            "absolute top-full left-0 z-50 mt-1",
-            "bg-background border-border rounded-lg border shadow-lg",
-            "w-72 p-3"
-          ),
-          role: "dialog",
-          "aria-label": "Choose date",
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => {
-                    if (calendarMonth === 0) {
-                      setCalendarMonth(11);
-                      setCalendarYear(calendarYear - 1);
-                    } else {
-                      setCalendarMonth(calendarMonth - 1);
-                    }
-                  },
-                  className: "hover:bg-muted rounded-md p-1 transition-colors",
-                  "aria-label": "Previous month",
-                  children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  "select",
-                  {
-                    value: calendarMonth,
-                    onChange: (e) => setCalendarMonth(Number(e.target.value)),
-                    className: "bg-background border-border rounded border px-2 py-1 text-sm",
-                    "aria-label": "Select month",
-                    children: monthNames.map((name, i) => /* @__PURE__ */ jsx("option", { value: i, children: name }, name))
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "select",
-                  {
-                    value: calendarYear,
-                    onChange: (e) => setCalendarYear(Number(e.target.value)),
-                    className: "bg-background border-border rounded border px-2 py-1 text-sm",
-                    "aria-label": "Select year",
-                    children: Array.from(
-                      { length: 150 },
-                      (_, i) => (/* @__PURE__ */ new Date()).getFullYear() - 100 + i
-                    ).map((year) => /* @__PURE__ */ jsx("option", { value: year, children: year }, year))
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => {
-                    if (calendarMonth === 11) {
-                      setCalendarMonth(0);
-                      setCalendarYear(calendarYear + 1);
-                    } else {
-                      setCalendarMonth(calendarMonth + 1);
-                    }
-                  },
-                  className: "hover:bg-muted rounded-md p-1 transition-colors",
-                  "aria-label": "Next month",
-                  children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "mb-1 grid grid-cols-7 gap-1", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((day) => /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "text-muted-foreground py-1 text-center text-xs font-medium",
-                children: day
-              },
-              day
-            )) }),
-            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1", children: days.map((day, index) => /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                disabled: day === null,
-                onClick: () => day && handleDateSelect(day),
-                className: cn(
-                  "h-8 w-8 rounded-md text-sm transition-colors",
-                  "focus:ring-ring focus:ring-2 focus:outline-none",
-                  day === null && "invisible",
-                  day !== null && "hover:bg-muted",
-                  isSelectedDay(day) && "bg-primary-800 hover:bg-primary-900 text-white",
-                  isToday(day) && !isSelectedDay(day) && "border-primary-800 text-primary-800 border"
-                ),
-                children: day
-              },
-              index
-            )) }),
-            /* @__PURE__ */ jsx("div", { className: "border-border mt-3 border-t pt-3", children: /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => {
-                  const today = /* @__PURE__ */ new Date();
-                  setCalendarMonth(today.getMonth());
-                  setCalendarYear(today.getFullYear());
-                  handleDateSelect(today.getDate());
-                },
-                className: "text-primary-800 w-full text-sm hover:underline",
-                children: "Today"
-              }
-            ) })
-          ]
-        }
-      );
-    };
-    if (showCalendar) {
-      const { label, helperText, hideLabel, required, size, ...inputProps } = props;
-      const resolvedSize = size ?? "md";
-      const inputId = inputProps.id || generatedId;
-      const errorId = `${inputId}-error`;
-      const helperId = `${inputId}-helper`;
-      const showError = hasError || !!localError;
-      const errorMessage = error || localError;
-      return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1.5", widthClasses[width]), children: [
-        label && /* @__PURE__ */ jsxs(
-          "label",
-          {
-            htmlFor: inputId,
-            className: cn(
-              "text-foreground text-sm font-medium",
-              hideLabel && "sr-only"
-            ),
-            children: [
-              label,
-              required && /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: "ml-1",
-                  style: { color: "#ef4444" },
-                  "aria-hidden": "true",
-                  children: "*"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref,
-              id: inputId,
-              type: "text",
-              inputMode: "numeric",
-              autoComplete,
-              placeholder,
-              value: displayValue,
-              onChange: handleChange,
-              onBlur: handleBlur,
-              "aria-invalid": showError,
-              "aria-describedby": [errorMessage ? errorId : null, helperText ? helperId : null].filter(Boolean).join(" ") || void 0,
-              className: cn(
-                "w-full px-3 py-2",
-                "rounded-lg border",
-                "bg-background text-foreground",
-                "placeholder:text-muted-foreground",
-                "transition-colors duration-200",
-                "focus:ring-ring focus:border-transparent focus:ring-2 focus:outline-none",
-                "disabled:cursor-not-allowed disabled:opacity-50",
-                sizeClasses[resolvedSize],
-                showError ? "border-destructive focus:ring-destructive" : "border-input",
-                "pr-10",
-                className
-              ),
-              ...inputProps
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              ref: buttonRef,
-              type: "button",
-              onClick: () => setIsCalendarOpen(!isCalendarOpen),
-              className: cn(
-                "absolute top-1/2 right-3 -translate-y-1/2",
-                "text-muted-foreground hover:text-foreground",
-                "focus:text-foreground focus:outline-none",
-                "transition-colors"
-              ),
-              "aria-label": "Open calendar",
-              "aria-expanded": isCalendarOpen,
-              "aria-haspopup": "dialog",
-              children: /* @__PURE__ */ jsx(Calendar, { size: 18 })
-            }
-          ),
-          isCalendarOpen && renderCalendar()
-        ] }),
-        errorMessage && /* @__PURE__ */ jsx(
-          "p",
-          {
-            id: errorId,
-            className: "text-sm",
-            style: { color: "#ef4444" },
-            role: "alert",
-            children: errorMessage
-          }
-        ),
-        helperText && !errorMessage && /* @__PURE__ */ jsx("p", { id: helperId, className: "text-muted-foreground text-sm", children: helperText })
-      ] });
-    }
-    return /* @__PURE__ */ jsx(
-      Input,
-      {
-        ref,
-        type: "text",
-        inputMode: "numeric",
-        autoComplete,
-        placeholder,
-        value: displayValue,
-        onChange: handleChange,
-        onBlur: handleBlur,
-        hasError: hasError || !!localError,
-        error: error || localError,
-        className: cn(widthClasses[width], className),
-        ...props
-      }
-    );
-  }
-);
-DateInput.displayName = "DateInput";
-function ChevronLeftIcon() {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      "aria-hidden": "true",
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" })
-    }
-  );
-}
-function ChevronRightIcon() {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      "aria-hidden": "true",
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
-    }
-  );
-}
-
-export { DateInput };
-//# sourceMappingURL=chunk-HYEJLKXI.js.map
-//# sourceMappingURL=chunk-HYEJLKXI.js.map

package/dist/chunk-HYEJLKXI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/DateInput/DateInput.tsx"],"names":[],"mappings":"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","file":"chunk-HYEJLKXI.js","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport {\n  formatDateValue,\n  isValidDate,\n  isDateInPast,\n  isDateInFuture,\n  calculateAge,\n} from '../../utils/date';\nimport { Input, type InputProps } from '../Input';\nimport { Calendar } from 'lucide-react';\n\nexport type DateInputMode =\n  | 'default'\n  | 'dob'\n  | 'expiration'\n  | 'past'\n  | 'future';\n\nexport type DateInputWidth = 'full' | 'fit' | 'fixed';\n\nconst widthClasses: Record<DateInputWidth, string> = {\n  full: 'w-full',\n  fit: 'w-fit',\n  fixed: 'w-44', // ~176px - enough for MM/DD/YYYY + calendar icon\n};\n\nconst sizeClasses = {\n  sm: 'h-8 text-sm',\n  md: 'h-10 text-base',\n  lg: 'h-12 text-lg',\n} as const;\n\nexport interface DateInputProps extends Omit<\n  InputProps,\n  'type' | 'onChange' | 'value'\n> {\n  /** The date value in MM/DD/YYYY format */\n  value?: string;\n  /** Callback fired when the value changes */\n  onChange?: (value: string) => void;\n  /** Validation mode for the date input */\n  mode?: DateInputMode;\n  /** Minimum age for DOB validation (default: 0) */\n  minAge?: number;\n  /** Maximum age for DOB validation */\n  maxAge?: number;\n  /** Whether to validate on blur */\n  validateOnBlur?: boolean;\n  /** Whether to show a calendar picker button */\n  showCalendar?: boolean;\n  /** Width behavior of the input */\n  width?: DateInputWidth;\n}\n\nfunction getValidationError(\n  value: string,\n  mode: DateInputMode,\n  minAge?: number,\n  maxAge?: number\n): string | undefined {\n  if (!value || value.replace(/\\D/g, '').length === 0) {\n    return undefined;\n  }\n\n  if (!isValidDate(value)) {\n    return 'Please enter a valid date (MM/DD/YYYY)';\n  }\n\n  switch (mode) {\n    case 'dob': {\n      if (!isDateInPast(value)) {\n        return 'Date of birth must be in the past';\n      }\n      const age = calculateAge(value);\n      if (age !== null) {\n        if (minAge !== undefined && age < minAge) {\n          return `Must be at least ${minAge} years old`;\n        }\n        if (maxAge !== undefined && age > maxAge) {\n          return `Must be no more than ${maxAge} years old`;\n        }\n      }\n      break;\n    }\n    case 'expiration':\n      if (!isDateInFuture(value)) {\n        return 'Expiration date must be in the future';\n      }\n      break;\n    case 'past':\n      if (!isDateInPast(value)) {\n        return 'Date must be in the past';\n      }\n      break;\n    case 'future':\n      if (!isDateInFuture(value)) {\n        return 'Date must be in the future';\n      }\n      break;\n  }\n\n  return undefined;\n}\n\n/**\n * A date input that automatically formats to MM/DD/YYYY with validation modes.\n *\n * @example\n * ```tsx\n * // Date of birth with age validation\n * <DateInput\n *   label=\"Date of Birth\"\n *   mode=\"dob\"\n *   minAge={18}\n *   validateOnBlur\n * />\n *\n * // With calendar picker\n * <DateInput\n *   label=\"Select Date\"\n *   showCalendar\n * />\n *\n * // Expiration date\n * <DateInput\n *   label=\"License Expiration\"\n *   mode=\"expiration\"\n *   validateOnBlur\n * />\n * ```\n */\nconst DateInput = React.forwardRef<HTMLInputElement, DateInputProps>(\n  (\n    {\n      value = '',\n      onChange,\n      mode = 'default',\n      minAge,\n      maxAge,\n      validateOnBlur,\n      showCalendar = false,\n      width = 'full',\n      className,\n      onBlur,\n      hasError,\n      error,\n      ...props\n    },\n    ref\n  ) => {\n    const [displayValue, setDisplayValue] = React.useState(() =>\n      formatDateValue(value)\n    );\n    const [localError, setLocalError] = React.useState<string | undefined>();\n\n    // Sync external value changes\n    React.useEffect(() => {\n      setDisplayValue(formatDateValue(value));\n    }, [value]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const formatted = formatDateValue(e.target.value);\n      setDisplayValue(formatted);\n      onChange?.(formatted);\n\n      // Clear error when user starts typing again\n      if (localError) {\n        setLocalError(undefined);\n      }\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      onBlur?.(e);\n\n      if (validateOnBlur) {\n        const validationError = getValidationError(\n          displayValue,\n          mode,\n          minAge,\n          maxAge\n        );\n        setLocalError(validationError);\n      }\n    };\n\n    const placeholder = mode === 'expiration' ? 'MM/DD/YYYY' : 'MM/DD/YYYY';\n    const autoComplete =\n      mode === 'dob' ? 'bday' : mode === 'expiration' ? 'cc-exp' : undefined;\n\n    // Generate stable ID for accessibility\n    const generatedId = React.useId();\n\n    // Calendar picker state\n    const [isCalendarOpen, setIsCalendarOpen] = React.useState(false);\n    const calendarRef = React.useRef<HTMLDivElement>(null);\n    const buttonRef = React.useRef<HTMLButtonElement>(null);\n\n    // Parse current value into date parts for calendar\n    const parsedDate = React.useMemo(() => {\n      if (!displayValue || !isValidDate(displayValue)) {\n        return {\n          month: new Date().getMonth(),\n          year: new Date().getFullYear(),\n          day: null,\n        };\n      }\n      const [month, day, year] = displayValue.split('/').map(Number);\n      return { month: month - 1, year, day };\n    }, [displayValue]);\n\n    const [calendarMonth, setCalendarMonth] = React.useState(parsedDate.month);\n    const [calendarYear, setCalendarYear] = React.useState(parsedDate.year);\n\n    // Update calendar view when value changes\n    React.useEffect(() => {\n      if (displayValue && isValidDate(displayValue)) {\n        const [month, , year] = displayValue.split('/').map(Number);\n        setCalendarMonth(month - 1);\n        setCalendarYear(year);\n      }\n    }, [displayValue]);\n\n    // Close calendar on click outside\n    React.useEffect(() => {\n      const handleClickOutside = (event: MouseEvent) => {\n        if (\n          calendarRef.current &&\n          !calendarRef.current.contains(event.target as HTMLElement) &&\n          buttonRef.current &&\n          !buttonRef.current.contains(event.target as HTMLElement)\n        ) {\n          setIsCalendarOpen(false);\n        }\n      };\n\n      if (isCalendarOpen) {\n        document.addEventListener('mousedown', handleClickOutside);\n        return () =>\n          document.removeEventListener('mousedown', handleClickOutside);\n      }\n    }, [isCalendarOpen]);\n\n    // Close on Escape key\n    React.useEffect(() => {\n      const handleEscape = (event: KeyboardEvent) => {\n        if (event.key === 'Escape') {\n          setIsCalendarOpen(false);\n          buttonRef.current?.focus();\n        }\n      };\n\n      if (isCalendarOpen) {\n        document.addEventListener('keydown', handleEscape);\n        return () => document.removeEventListener('keydown', handleEscape);\n      }\n    }, [isCalendarOpen]);\n\n    const handleDateSelect = (day: number) => {\n      const month = String(calendarMonth + 1).padStart(2, '0');\n      const dayStr = String(day).padStart(2, '0');\n      const year = String(calendarYear);\n      const formatted = `${month}/${dayStr}/${year}`;\n      setDisplayValue(formatted);\n      onChange?.(formatted);\n      setIsCalendarOpen(false);\n\n      // Validate if needed\n      if (validateOnBlur) {\n        const validationError = getValidationError(\n          formatted,\n          mode,\n          minAge,\n          maxAge\n        );\n        setLocalError(validationError);\n      }\n    };\n\n    const getDaysInMonth = (month: number, year: number) => {\n      return new Date(year, month + 1, 0).getDate();\n    };\n\n    const getFirstDayOfMonth = (month: number, year: number) => {\n      return new Date(year, month, 1).getDay();\n    };\n\n    const renderCalendar = () => {\n      const daysInMonth = getDaysInMonth(calendarMonth, calendarYear);\n      const firstDay = getFirstDayOfMonth(calendarMonth, calendarYear);\n      const days: (number | null)[] = [];\n\n      // Add empty cells for days before the first day of the month\n      for (let i = 0; i < firstDay; i++) {\n        days.push(null);\n      }\n\n      // Add the days of the month\n      for (let i = 1; i <= daysInMonth; i++) {\n        days.push(i);\n      }\n\n      const monthNames = [\n        'January',\n        'February',\n        'March',\n        'April',\n        'May',\n        'June',\n        'July',\n        'August',\n        'September',\n        'October',\n        'November',\n        'December',\n      ];\n\n      const isSelectedDay = (day: number) => {\n        return (\n          parsedDate.day === day &&\n          parsedDate.month === calendarMonth &&\n          parsedDate.year === calendarYear\n        );\n      };\n\n      const isToday = (day: number) => {\n        const today = new Date();\n        return (\n          day === today.getDate() &&\n          calendarMonth === today.getMonth() &&\n          calendarYear === today.getFullYear()\n        );\n      };\n\n      return (\n        <div\n          ref={calendarRef}\n          className={cn(\n            'absolute top-full left-0 z-50 mt-1',\n            'bg-background border-border rounded-lg border shadow-lg',\n            'w-72 p-3'\n          )}\n          role=\"dialog\"\n          aria-label=\"Choose date\"\n        >\n          {/* Header with month/year navigation */}\n          <div className=\"mb-3 flex items-center justify-between\">\n            <button\n              type=\"button\"\n              onClick={() => {\n                if (calendarMonth === 0) {\n                  setCalendarMonth(11);\n                  setCalendarYear(calendarYear - 1);\n                } else {\n                  setCalendarMonth(calendarMonth - 1);\n                }\n              }}\n              className=\"hover:bg-muted rounded-md p-1 transition-colors\"\n              aria-label=\"Previous month\"\n            >\n              <ChevronLeftIcon />\n            </button>\n            <div className=\"flex items-center gap-2\">\n              <select\n                value={calendarMonth}\n                onChange={(e) => setCalendarMonth(Number(e.target.value))}\n                className=\"bg-background border-border rounded border px-2 py-1 text-sm\"\n                aria-label=\"Select month\"\n              >\n                {monthNames.map((name, i) => (\n                  <option key={name} value={i}>\n                    {name}\n                  </option>\n                ))}\n              </select>\n              <select\n                value={calendarYear}\n                onChange={(e) => setCalendarYear(Number(e.target.value))}\n                className=\"bg-background border-border rounded border px-2 py-1 text-sm\"\n                aria-label=\"Select year\"\n              >\n                {Array.from(\n                  { length: 150 },\n                  (_, i) => new Date().getFullYear() - 100 + i\n                ).map((year) => (\n                  <option key={year} value={year}>\n                    {year}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <button\n              type=\"button\"\n              onClick={() => {\n                if (calendarMonth === 11) {\n                  setCalendarMonth(0);\n                  setCalendarYear(calendarYear + 1);\n                } else {\n                  setCalendarMonth(calendarMonth + 1);\n                }\n              }}\n              className=\"hover:bg-muted rounded-md p-1 transition-colors\"\n              aria-label=\"Next month\"\n            >\n              <ChevronRightIcon />\n            </button>\n          </div>\n\n          {/* Day headers */}\n          <div className=\"mb-1 grid grid-cols-7 gap-1\">\n            {['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'].map((day) => (\n              <div\n                key={day}\n                className=\"text-muted-foreground py-1 text-center text-xs font-medium\"\n              >\n                {day}\n              </div>\n            ))}\n          </div>\n\n          {/* Calendar grid */}\n          <div className=\"grid grid-cols-7 gap-1\">\n            {days.map((day, index) => (\n              <button\n                key={index}\n                type=\"button\"\n                disabled={day === null}\n                onClick={() => day && handleDateSelect(day)}\n                className={cn(\n                  'h-8 w-8 rounded-md text-sm transition-colors',\n                  'focus:ring-ring focus:ring-2 focus:outline-none',\n                  day === null && 'invisible',\n                  day !== null && 'hover:bg-muted',\n                  isSelectedDay(day!) &&\n                    'bg-primary-800 hover:bg-primary-900 text-white',\n                  isToday(day!) &&\n                    !isSelectedDay(day!) &&\n                    'border-primary-800 text-primary-800 border'\n                )}\n              >\n                {day}\n              </button>\n            ))}\n          </div>\n\n          {/* Today button */}\n          <div className=\"border-border mt-3 border-t pt-3\">\n            <button\n              type=\"button\"\n              onClick={() => {\n                const today = new Date();\n                setCalendarMonth(today.getMonth());\n                setCalendarYear(today.getFullYear());\n                handleDateSelect(today.getDate());\n              }}\n              className=\"text-primary-800 w-full text-sm hover:underline\"\n            >\n              Today\n            </button>\n          </div>\n        </div>\n      );\n    };\n\n    if (showCalendar) {\n      // Extract label/error/helper and component-specific props to handle positioning correctly\n      // Filter out Input component props that aren't valid HTML input attributes\n      const { label, helperText, hideLabel, required, size, ...inputProps } =\n        props;\n      // Ensure size has a valid value (fallback to 'md' if null/undefined)\n      const resolvedSize = size ?? 'md';\n      const inputId = inputProps.id || generatedId;\n      const errorId = `${inputId}-error`;\n      const helperId = `${inputId}-helper`;\n      const showError = hasError || !!localError;\n      const errorMessage = error || localError;\n\n      return (\n        <div className={cn('flex flex-col gap-1.5', widthClasses[width])}>\n          {label && (\n            <label\n              htmlFor={inputId}\n              className={cn(\n                'text-foreground text-sm font-medium',\n                hideLabel && 'sr-only'\n              )}\n            >\n              {label}\n              {required && (\n                <span\n                  className=\"ml-1\"\n                  style={{ color: '#ef4444' }}\n                  aria-hidden=\"true\"\n                >\n                  *\n                </span>\n              )}\n            </label>\n          )}\n          <div className=\"relative\">\n            <input\n              ref={ref}\n              id={inputId}\n              type=\"text\"\n              inputMode=\"numeric\"\n              autoComplete={autoComplete}\n              placeholder={placeholder}\n              value={displayValue}\n              onChange={handleChange}\n              onBlur={handleBlur}\n              aria-invalid={showError}\n              aria-describedby={\n                [errorMessage ? errorId : null, helperText ? helperId : null]\n                  .filter(Boolean)\n                  .join(' ') || undefined\n              }\n              className={cn(\n                'w-full px-3 py-2',\n                'rounded-lg border',\n                'bg-background text-foreground',\n                'placeholder:text-muted-foreground',\n                'transition-colors duration-200',\n                'focus:ring-ring focus:border-transparent focus:ring-2 focus:outline-none',\n                'disabled:cursor-not-allowed disabled:opacity-50',\n                sizeClasses[resolvedSize],\n                showError\n                  ? 'border-destructive focus:ring-destructive'\n                  : 'border-input',\n                'pr-10',\n                className\n              )}\n              {...inputProps}\n            />\n            <button\n              ref={buttonRef}\n              type=\"button\"\n              onClick={() => setIsCalendarOpen(!isCalendarOpen)}\n              className={cn(\n                'absolute top-1/2 right-3 -translate-y-1/2',\n                'text-muted-foreground hover:text-foreground',\n                'focus:text-foreground focus:outline-none',\n                'transition-colors'\n              )}\n              aria-label=\"Open calendar\"\n              aria-expanded={isCalendarOpen}\n              aria-haspopup=\"dialog\"\n            >\n              <Calendar size={18} />\n            </button>\n            {isCalendarOpen && renderCalendar()}\n          </div>\n          {errorMessage && (\n            <p\n              id={errorId}\n              className=\"text-sm\"\n              style={{ color: '#ef4444' }}\n              role=\"alert\"\n            >\n              {errorMessage}\n            </p>\n          )}\n          {helperText && !errorMessage && (\n            <p id={helperId} className=\"text-muted-foreground text-sm\">\n              {helperText}\n            </p>\n          )}\n        </div>\n      );\n    }\n\n    return (\n      <Input\n        ref={ref}\n        type=\"text\"\n        inputMode=\"numeric\"\n        autoComplete={autoComplete}\n        placeholder={placeholder}\n        value={displayValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        hasError={hasError || !!localError}\n        error={error || localError}\n        className={cn(widthClasses[width], className)}\n        {...props}\n      />\n    );\n  }\n);\n\nDateInput.displayName = 'DateInput';\n\n// Simple icon components\nfunction ChevronLeftIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"m15 18-6-6 6-6\" />\n    </svg>\n  );\n}\n\nfunction ChevronRightIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  );\n}\n\nexport { DateInput };\n"]}

package/dist/chunk-NINI4WVS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/DateInput/DateInput.tsx"],"names":["isValidDate","isDateInPast","calculateAge","isDateInFuture","React","formatDateValue","jsxs","cn","jsx","Calendar","Input"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAM,YAAA,GAA+C;AAAA,EACnD,IAAA,EAAM,QAAA;AAAA,EACN,GAAA,EAAK,OAAA;AAAA,EACL,KAAA,EAAO;AAAA;AACT,CAAA;AAEA,IAAM,WAAA,GAAc;AAAA,EAClB,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAwBA,SAAS,kBAAA,CACP,KAAA,EACA,IAAA,EACA,MAAA,EACA,MAAA,EACoB;AACpB,EAAA,IAAI,CAAC,SAAS,KAAA,CAAM,OAAA,CAAQ,OAAO,EAAE,CAAA,CAAE,WAAW,CAAA,EAAG;AACnD,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,IAAI,CAACA,6BAAA,CAAY,KAAK,CAAA,EAAG;AACvB,IAAA,OAAO,wCAAA;AAAA,EACT;AAEA,EAAA,QAAQ,IAAA;AAAM,IACZ,KAAK,KAAA,EAAO;AACV,MAAA,IAAI,CAACC,8BAAA,CAAa,KAAK,CAAA,EAAG;AACxB,QAAA,OAAO,mCAAA;AAAA,MACT;AACA,MAAA,MAAM,GAAA,GAAMC,+BAAa,KAAK,CAAA;AAC9B,MAAA,IAAI,QAAQ,IAAA,EAAM;AAChB,QAAA,IAAI,MAAA,KAAW,MAAA,IAAa,GAAA,GAAM,MAAA,EAAQ;AACxC,UAAA,OAAO,oBAAoB,MAAM,CAAA,UAAA,CAAA;AAAA,QACnC;AACA,QAAA,IAAI,MAAA,KAAW,MAAA,IAAa,GAAA,GAAM,MAAA,EAAQ;AACxC,UAAA,OAAO,wBAAwB,MAAM,CAAA,UAAA,CAAA;AAAA,QACvC;AAAA,MACF;AACA,MAAA;AAAA,IACF;AAAA,IACA,KAAK,YAAA;AACH,MAAA,IAAI,CAACC,gCAAA,CAAe,KAAK,CAAA,EAAG;AAC1B,QAAA,OAAO,uCAAA;AAAA,MACT;AACA,MAAA;AAAA,IACF,KAAK,MAAA;AACH,MAAA,IAAI,CAACF,8BAAA,CAAa,KAAK,CAAA,EAAG;AACxB,QAAA,OAAO,0BAAA;AAAA,MACT;AACA,MAAA;AAAA,IACF,KAAK,QAAA;AACH,MAAA,IAAI,CAACE,gCAAA,CAAe,KAAK,CAAA,EAAG;AAC1B,QAAA,OAAO,4BAAA;AAAA,MACT;AACA,MAAA;AAAA;AAGJ,EAAA,OAAO,MAAA;AACT;AA6BA,IAAM,SAAA,GAAkBC,gBAAA,CAAA,UAAA;AAAA,EACtB,CACE;AAAA,IACE,KAAA,GAAQ,EAAA;AAAA,IACR,QAAA;AAAA,IACA,IAAA,GAAO,SAAA;AAAA,IACP,MAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA;AAAA,IACA,YAAA,GAAe,KAAA;AAAA,IACf,KAAA,GAAQ,MAAA;AAAA,IACR,SAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAUA,gBAAA,CAAA,QAAA;AAAA,MAAS,MACrDC,kCAAgB,KAAK;AAAA,KACvB;AACA,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAUD,gBAAA,CAAA,QAAA,EAA6B;AAGvE,IAAMA,2BAAU,MAAM;AACpB,MAAA,eAAA,CAAgBC,iCAAA,CAAgB,KAAK,CAAC,CAAA;AAAA,IACxC,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,IAAA,MAAM,YAAA,GAAe,CAAC,CAAA,KAA2C;AAC/D,MAAA,MAAM,SAAA,GAAYA,iCAAA,CAAgB,CAAA,CAAE,MAAA,CAAO,KAAK,CAAA;AAChD,MAAA,eAAA,CAAgB,SAAS,CAAA;AACzB,MAAA,QAAA,GAAW,SAAS,CAAA;AAGpB,MAAA,IAAI,UAAA,EAAY;AACd,QAAA,aAAA,CAAc,MAAS,CAAA;AAAA,MACzB;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,UAAA,GAAa,CAAC,CAAA,KAA0C;AAC5D,MAAA,MAAA,GAAS,CAAC,CAAA;AAEV,MAAA,IAAI,cAAA,EAAgB;AAClB,QAAA,MAAM,eAAA,GAAkB,kBAAA;AAAA,UACtB,YAAA;AAAA,UACA,IAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACF;AACA,QAAA,aAAA,CAAc,eAAe,CAAA;AAAA,MAC/B;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,WAAA,GAAc,IAAA,KAAS,YAAA,GAAe,YAAA,GAAe,YAAA;AAC3D,IAAA,MAAM,eACJ,IAAA,KAAS,KAAA,GAAQ,MAAA,GAAS,IAAA,KAAS,eAAe,QAAA,GAAW,MAAA;AAG/D,IAAA,MAAM,cAAoBD,gBAAA,CAAA,KAAA,EAAM;AAGhC,IAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAUA,0BAAS,KAAK,CAAA;AAChE,IAAA,MAAM,WAAA,GAAoBA,wBAAuB,IAAI,CAAA;AACrD,IAAA,MAAM,SAAA,GAAkBA,wBAA0B,IAAI,CAAA;AAGtD,IAAA,MAAM,UAAA,GAAmBA,yBAAQ,MAAM;AACrC,MAAA,IAAI,CAAC,YAAA,IAAgB,CAACJ,6BAAA,CAAY,YAAY,CAAA,EAAG;AAC/C,QAAA,OAAO;AAAA,UACL,KAAA,EAAA,iBAAO,IAAI,IAAA,EAAK,EAAE,QAAA,EAAS;AAAA,UAC3B,IAAA,EAAA,iBAAM,IAAI,IAAA,EAAK,EAAE,WAAA,EAAY;AAAA,UAC7B,GAAA,EAAK;AAAA,SACP;AAAA,MACF;AACA,MAAA,MAAM,CAAC,KAAA,EAAO,GAAA,EAAK,IAAI,CAAA,GAAI,aAAa,KAAA,CAAM,GAAG,CAAA,CAAE,GAAA,CAAI,MAAM,CAAA;AAC7D,MAAA,OAAO,EAAE,KAAA,EAAO,KAAA,GAAQ,CAAA,EAAG,MAAM,GAAA,EAAI;AAAA,IACvC,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,IAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAUI,gBAAA,CAAA,QAAA,CAAS,WAAW,KAAK,CAAA;AACzE,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAUA,gBAAA,CAAA,QAAA,CAAS,WAAW,IAAI,CAAA;AAGtE,IAAMA,2BAAU,MAAM;AACpB,MAAA,IAAI,YAAA,IAAgBJ,6BAAA,CAAY,YAAY,CAAA,EAAG;AAC7C,QAAA,MAAM,CAAC,KAAA,IAAS,IAAI,CAAA,GAAI,aAAa,KAAA,CAAM,GAAG,CAAA,CAAE,GAAA,CAAI,MAAM,CAAA;AAC1D,QAAA,gBAAA,CAAiB,QAAQ,CAAC,CAAA;AAC1B,QAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,MACtB;AAAA,IACF,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAGjB,IAAMI,2BAAU,MAAM;AACpB,MAAA,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAAsB;AAChD,QAAA,IACE,YAAY,OAAA,IACZ,CAAC,WAAA,CAAY,OAAA,CAAQ,SAAS,KAAA,CAAM,MAAqB,CAAA,IACzD,SAAA,CAAU,WACV,CAAC,SAAA,CAAU,QAAQ,QAAA,CAAS,KAAA,CAAM,MAAqB,CAAA,EACvD;AACA,UAAA,iBAAA,CAAkB,KAAK,CAAA;AAAA,QACzB;AAAA,MACF,CAAA;AAEA,MAAA,IAAI,cAAA,EAAgB;AAClB,QAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,kBAAkB,CAAA;AACzD,QAAA,OAAO,MACL,QAAA,CAAS,mBAAA,CAAoB,WAAA,EAAa,kBAAkB,CAAA;AAAA,MAChE;AAAA,IACF,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AAGnB,IAAMA,2BAAU,MAAM;AACpB,MAAA,MAAM,YAAA,GAAe,CAAC,KAAA,KAAyB;AAC7C,QAAA,IAAI,KAAA,CAAM,QAAQ,QAAA,EAAU;AAC1B,UAAA,iBAAA,CAAkB,KAAK,CAAA;AACvB,UAAA,SAAA,CAAU,SAAS,KAAA,EAAM;AAAA,QAC3B;AAAA,MACF,CAAA;AAEA,MAAA,IAAI,cAAA,EAAgB;AAClB,QAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,YAAY,CAAA;AACjD,QAAA,OAAO,MAAM,QAAA,CAAS,mBAAA,CAAoB,SAAA,EAAW,YAAY,CAAA;AAAA,MACnE;AAAA,IACF,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,IAAA,MAAM,gBAAA,GAAmB,CAAC,GAAA,KAAgB;AACxC,MAAA,MAAM,QAAQ,MAAA,CAAO,aAAA,GAAgB,CAAC,CAAA,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AACvD,MAAA,MAAM,SAAS,MAAA,CAAO,GAAG,CAAA,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AAC1C,MAAA,MAAM,IAAA,GAAO,OAAO,YAAY,CAAA;AAChC,MAAA,MAAM,YAAY,CAAA,EAAG,KAAK,CAAA,CAAA,EAAI,MAAM,IAAI,IAAI,CAAA,CAAA;AAC5C,MAAA,eAAA,CAAgB,SAAS,CAAA;AACzB,MAAA,QAAA,GAAW,SAAS,CAAA;AACpB,MAAA,iBAAA,CAAkB,KAAK,CAAA;AAGvB,MAAA,IAAI,cAAA,EAAgB;AAClB,QAAA,MAAM,eAAA,GAAkB,kBAAA;AAAA,UACtB,SAAA;AAAA,UACA,IAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACF;AACA,QAAA,aAAA,CAAc,eAAe,CAAA;AAAA,MAC/B;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,cAAA,GAAiB,CAAC,KAAA,EAAe,IAAA,KAAiB;AACtD,MAAA,OAAO,IAAI,IAAA,CAAK,IAAA,EAAM,QAAQ,CAAA,EAAG,CAAC,EAAE,OAAA,EAAQ;AAAA,IAC9C,CAAA;AAEA,IAAA,MAAM,kBAAA,GAAqB,CAAC,KAAA,EAAe,IAAA,KAAiB;AAC1D,MAAA,OAAO,IAAI,IAAA,CAAK,IAAA,EAAM,KAAA,EAAO,CAAC,EAAE,MAAA,EAAO;AAAA,IACzC,CAAA;AAEA,IAAA,MAAM,iBAAiB,MAAM;AAC3B,MAAA,MAAM,WAAA,GAAc,cAAA,CAAe,aAAA,EAAe,YAAY,CAAA;AAC9D,MAAA,MAAM,QAAA,GAAW,kBAAA,CAAmB,aAAA,EAAe,YAAY,CAAA;AAC/D,MAAA,MAAM,OAA0B,EAAC;AAGjC,MAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,QAAA,EAAU,CAAA,EAAA,EAAK;AACjC,QAAA,IAAA,CAAK,KAAK,IAAI,CAAA;AAAA,MAChB;AAGA,MAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,IAAK,WAAA,EAAa,CAAA,EAAA,EAAK;AACrC,QAAA,IAAA,CAAK,KAAK,CAAC,CAAA;AAAA,MACb;AAEA,MAAA,MAAM,UAAA,GAAa;AAAA,QACjB,SAAA;AAAA,QACA,UAAA;AAAA,QACA,OAAA;AAAA,QACA,OAAA;AAAA,QACA,KAAA;AAAA,QACA,MAAA;AAAA,QACA,MAAA;AAAA,QACA,QAAA;AAAA,QACA,WAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAA;AAAA,QACA;AAAA,OACF;AAEA,MAAA,MAAM,aAAA,GAAgB,CAAC,GAAA,KAAgB;AACrC,QAAA,OACE,WAAW,GAAA,KAAQ,GAAA,IACnB,WAAW,KAAA,KAAU,aAAA,IACrB,WAAW,IAAA,KAAS,YAAA;AAAA,MAExB,CAAA;AAEA,MAAA,MAAM,OAAA,GAAU,CAAC,GAAA,KAAgB;AAC/B,QAAA,MAAM,KAAA,uBAAY,IAAA,EAAK;AACvB,QAAA,OACE,GAAA,KAAQ,KAAA,CAAM,OAAA,EAAQ,IACtB,aAAA,KAAkB,MAAM,QAAA,EAAS,IACjC,YAAA,KAAiB,KAAA,CAAM,WAAA,EAAY;AAAA,MAEvC,CAAA;AAEA,MAAA,uBACEE,eAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,WAAA;AAAA,UACL,SAAA,EAAWC,oBAAA;AAAA,YACT,oCAAA;AAAA,YACA,yDAAA;AAAA,YACA;AAAA,WACF;AAAA,UACA,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAW,aAAA;AAAA,UAGX,QAAA,EAAA;AAAA,4BAAAD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wCAAA,EACb,QAAA,EAAA;AAAA,8BAAAE,cAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAK,QAAA;AAAA,kBACL,SAAS,MAAM;AACb,oBAAA,IAAI,kBAAkB,CAAA,EAAG;AACvB,sBAAA,gBAAA,CAAiB,EAAE,CAAA;AACnB,sBAAA,eAAA,CAAgB,eAAe,CAAC,CAAA;AAAA,oBAClC,CAAA,MAAO;AACL,sBAAA,gBAAA,CAAiB,gBAAgB,CAAC,CAAA;AAAA,oBACpC;AAAA,kBACF,CAAA;AAAA,kBACA,SAAA,EAAU,iDAAA;AAAA,kBACV,YAAA,EAAW,gBAAA;AAAA,kBAEX,yCAAC,eAAA,EAAA,EAAgB;AAAA;AAAA,eACnB;AAAA,8BACAF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,gCAAAE,cAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,KAAA,EAAO,aAAA;AAAA,oBACP,QAAA,EAAU,CAAC,CAAA,KAAM,gBAAA,CAAiB,OAAO,CAAA,CAAE,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,oBACxD,SAAA,EAAU,8DAAA;AAAA,oBACV,YAAA,EAAW,cAAA;AAAA,oBAEV,QAAA,EAAA,UAAA,CAAW,GAAA,CAAI,CAAC,IAAA,EAAM,CAAA,qBACrBA,cAAA,CAAC,QAAA,EAAA,EAAkB,KAAA,EAAO,CAAA,EACvB,QAAA,EAAA,IAAA,EAAA,EADU,IAEb,CACD;AAAA;AAAA,iBACH;AAAA,gCACAA,cAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,KAAA,EAAO,YAAA;AAAA,oBACP,QAAA,EAAU,CAAC,CAAA,KAAM,eAAA,CAAgB,OAAO,CAAA,CAAE,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,oBACvD,SAAA,EAAU,8DAAA;AAAA,oBACV,YAAA,EAAW,aAAA;AAAA,oBAEV,QAAA,EAAA,KAAA,CAAM,IAAA;AAAA,sBACL,EAAE,QAAQ,GAAA,EAAI;AAAA,sBACd,CAAC,GAAG,CAAA,KAAA,iBAAM,IAAI,MAAK,EAAE,WAAA,KAAgB,GAAA,GAAM;AAAA,qBAC7C,CAAE,GAAA,CAAI,CAAC,IAAA,qBACLA,cAAA,CAAC,YAAkB,KAAA,EAAO,IAAA,EACvB,QAAA,EAAA,IAAA,EAAA,EADU,IAEb,CACD;AAAA;AAAA;AACH,eAAA,EACF,CAAA;AAAA,8BACAA,cAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAK,QAAA;AAAA,kBACL,SAAS,MAAM;AACb,oBAAA,IAAI,kBAAkB,EAAA,EAAI;AACxB,sBAAA,gBAAA,CAAiB,CAAC,CAAA;AAClB,sBAAA,eAAA,CAAgB,eAAe,CAAC,CAAA;AAAA,oBAClC,CAAA,MAAO;AACL,sBAAA,gBAAA,CAAiB,gBAAgB,CAAC,CAAA;AAAA,oBACpC;AAAA,kBACF,CAAA;AAAA,kBACA,SAAA,EAAU,iDAAA;AAAA,kBACV,YAAA,EAAW,YAAA;AAAA,kBAEX,yCAAC,gBAAA,EAAA,EAAiB;AAAA;AAAA;AACpB,aAAA,EACF,CAAA;AAAA,4BAGAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EACZ,WAAC,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,MAAM,IAAA,EAAM,IAAI,CAAA,CAAE,GAAA,CAAI,CAAC,GAAA,qBAC/CA,cAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBAEC,SAAA,EAAU,4DAAA;AAAA,gBAET,QAAA,EAAA;AAAA,eAAA;AAAA,cAHI;AAAA,aAKR,CAAA,EACH,CAAA;AAAA,4BAGAA,cAAA,CAAC,SAAI,SAAA,EAAU,wBAAA,EACZ,eAAK,GAAA,CAAI,CAAC,KAAK,KAAA,qBACdA,cAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBAEC,IAAA,EAAK,QAAA;AAAA,gBACL,UAAU,GAAA,KAAQ,IAAA;AAAA,gBAClB,OAAA,EAAS,MAAM,GAAA,IAAO,gBAAA,CAAiB,GAAG,CAAA;AAAA,gBAC1C,SAAA,EAAWD,oBAAA;AAAA,kBACT,8CAAA;AAAA,kBACA,iDAAA;AAAA,kBACA,QAAQ,IAAA,IAAQ,WAAA;AAAA,kBAChB,QAAQ,IAAA,IAAQ,gBAAA;AAAA,kBAChB,aAAA,CAAc,GAAI,CAAA,IAChB,gDAAA;AAAA,kBACF,QAAQ,GAAI,CAAA,IACV,CAAC,aAAA,CAAc,GAAI,CAAA,IACnB;AAAA,iBACJ;AAAA,gBAEC,QAAA,EAAA;AAAA,eAAA;AAAA,cAhBI;AAAA,aAkBR,CAAA,EACH,CAAA;AAAA,4BAGAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kCAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,SAAS,MAAM;AACb,kBAAA,MAAM,KAAA,uBAAY,IAAA,EAAK;AACvB,kBAAA,gBAAA,CAAiB,KAAA,CAAM,UAAU,CAAA;AACjC,kBAAA,eAAA,CAAgB,KAAA,CAAM,aAAa,CAAA;AACnC,kBAAA,gBAAA,CAAiB,KAAA,CAAM,SAAS,CAAA;AAAA,gBAClC,CAAA;AAAA,gBACA,SAAA,EAAU,iDAAA;AAAA,gBACX,QAAA,EAAA;AAAA;AAAA,aAED,EACF;AAAA;AAAA;AAAA,OACF;AAAA,IAEJ,CAAA;AAEA,IAAA,IAAI,YAAA,EAAc;AAGhB,MAAA,MAAM,EAAE,OAAO,UAAA,EAAY,SAAA,EAAW,UAAU,IAAA,EAAM,GAAG,YAAW,GAClE,KAAA;AAEF,MAAA,MAAM,eAAe,IAAA,IAAQ,IAAA;AAC7B,MAAA,MAAM,OAAA,GAAU,WAAW,EAAA,IAAM,WAAA;AACjC,MAAA,MAAM,OAAA,GAAU,GAAG,OAAO,CAAA,MAAA,CAAA;AAC1B,MAAA,MAAM,QAAA,GAAW,GAAG,OAAO,CAAA,OAAA,CAAA;AAC3B,MAAA,MAAM,SAAA,GAAY,QAAA,IAAY,CAAC,CAAC,UAAA;AAChC,MAAA,MAAM,eAAe,KAAA,IAAS,UAAA;AAE9B,MAAA,uBACEF,eAAA,CAAC,SAAI,SAAA,EAAWC,oBAAA,CAAG,yBAAyB,YAAA,CAAa,KAAK,CAAC,CAAA,EAC5D,QAAA,EAAA;AAAA,QAAA,KAAA,oBACCD,eAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,OAAA;AAAA,YACT,SAAA,EAAWC,oBAAA;AAAA,cACT,qCAAA;AAAA,cACA,SAAA,IAAa;AAAA,aACf;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,KAAA;AAAA,cACA,QAAA,oBACCC,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,MAAA;AAAA,kBACV,KAAA,EAAO,EAAE,KAAA,EAAO,SAAA,EAAU;AAAA,kBAC1B,aAAA,EAAY,MAAA;AAAA,kBACb,QAAA,EAAA;AAAA;AAAA;AAED;AAAA;AAAA,SAEJ;AAAA,wBAEFF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAAE,cAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,EAAA,EAAI,OAAA;AAAA,cACJ,IAAA,EAAK,MAAA;AAAA,cACL,SAAA,EAAU,SAAA;AAAA,cACV,YAAA;AAAA,cACA,WAAA;AAAA,cACA,KAAA,EAAO,YAAA;AAAA,cACP,QAAA,EAAU,YAAA;AAAA,cACV,MAAA,EAAQ,UAAA;AAAA,cACR,cAAA,EAAc,SAAA;AAAA,cACd,kBAAA,EACE,CAAC,YAAA,GAAe,OAAA,GAAU,MAAM,UAAA,GAAa,QAAA,GAAW,IAAI,CAAA,CACzD,MAAA,CAAO,OAAO,CAAA,CACd,IAAA,CAAK,GAAG,CAAA,IAAK,MAAA;AAAA,cAElB,SAAA,EAAWD,oBAAA;AAAA,gBACT,kBAAA;AAAA,gBACA,mBAAA;AAAA,gBACA,+BAAA;AAAA,gBACA,mCAAA;AAAA,gBACA,gCAAA;AAAA,gBACA,0EAAA;AAAA,gBACA,iDAAA;AAAA,gBACA,YAAY,YAAY,CAAA;AAAA,gBACxB,YACI,2CAAA,GACA,cAAA;AAAA,gBACJ,OAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACC,GAAG;AAAA;AAAA,WACN;AAAA,0BACAC,cAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,SAAA;AAAA,cACL,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,MAAM,iBAAA,CAAkB,CAAC,cAAc,CAAA;AAAA,cAChD,SAAA,EAAWD,oBAAA;AAAA,gBACT,2CAAA;AAAA,gBACA,6CAAA;AAAA,gBACA,0CAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,YAAA,EAAW,eAAA;AAAA,cACX,eAAA,EAAe,cAAA;AAAA,cACf,eAAA,EAAc,QAAA;AAAA,cAEd,QAAA,kBAAAC,cAAA,CAACC,oBAAA,EAAA,EAAS,IAAA,EAAM,EAAA,EAAI;AAAA;AAAA,WACtB;AAAA,UACC,kBAAkB,cAAA;AAAe,SAAA,EACpC,CAAA;AAAA,QACC,YAAA,oBACCD,cAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,OAAA;AAAA,YACJ,SAAA,EAAU,SAAA;AAAA,YACV,KAAA,EAAO,EAAE,KAAA,EAAO,SAAA,EAAU;AAAA,YAC1B,IAAA,EAAK,OAAA;AAAA,YAEJ,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,QAED,UAAA,IAAc,CAAC,YAAA,oBACdA,cAAA,CAAC,OAAE,EAAA,EAAI,QAAA,EAAU,SAAA,EAAU,+BAAA,EACxB,QAAA,EAAA,UAAA,EACH;AAAA,OAAA,EAEJ,CAAA;AAAA,IAEJ;AAEA,IAAA,uBACEA,cAAA;AAAA,MAACE,uBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,MAAA;AAAA,QACL,SAAA,EAAU,SAAA;AAAA,QACV,YAAA;AAAA,QACA,WAAA;AAAA,QACA,KAAA,EAAO,YAAA;AAAA,QACP,QAAA,EAAU,YAAA;AAAA,QACV,MAAA,EAAQ,UAAA;AAAA,QACR,QAAA,EAAU,QAAA,IAAY,CAAC,CAAC,UAAA;AAAA,QACxB,OAAO,KAAA,IAAS,UAAA;AAAA,QAChB,SAAA,EAAWH,oBAAA,CAAG,YAAA,CAAa,KAAK,GAAG,SAAS,CAAA;AAAA,QAC3C,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;AAGxB,SAAS,eAAA,GAAkB;AACzB,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,MAAA;AAAA,MACZ,KAAA,EAAM,IAAA;AAAA,MACN,MAAA,EAAO,IAAA;AAAA,MACP,OAAA,EAAQ,WAAA;AAAA,MACR,IAAA,EAAK,MAAA;AAAA,MACL,MAAA,EAAO,cAAA;AAAA,MACP,WAAA,EAAY,GAAA;AAAA,MACZ,aAAA,EAAc,OAAA;AAAA,MACd,cAAA,EAAe,OAAA;AAAA,MAEf,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gBAAA,EAAiB;AAAA;AAAA,GAC3B;AAEJ;AAEA,SAAS,gBAAA,GAAmB;AAC1B,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,MAAA;AAAA,MACZ,KAAA,EAAM,IAAA;AAAA,MACN,MAAA,EAAO,IAAA;AAAA,MACP,OAAA,EAAQ,WAAA;AAAA,MACR,IAAA,EAAK,MAAA;AAAA,MACL,MAAA,EAAO,cAAA;AAAA,MACP,WAAA,EAAY,GAAA;AAAA,MACZ,aAAA,EAAc,OAAA;AAAA,MACd,cAAA,EAAe,OAAA;AAAA,MAEf,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,eAAA,EAAgB;AAAA;AAAA,GAC1B;AAEJ","file":"chunk-NINI4WVS.cjs","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport {\n  formatDateValue,\n  isValidDate,\n  isDateInPast,\n  isDateInFuture,\n  calculateAge,\n} from '../../utils/date';\nimport { Input, type InputProps } from '../Input';\nimport { Calendar } from 'lucide-react';\n\nexport type DateInputMode =\n  | 'default'\n  | 'dob'\n  | 'expiration'\n  | 'past'\n  | 'future';\n\nexport type DateInputWidth = 'full' | 'fit' | 'fixed';\n\nconst widthClasses: Record<DateInputWidth, string> = {\n  full: 'w-full',\n  fit: 'w-fit',\n  fixed: 'w-44', // ~176px - enough for MM/DD/YYYY + calendar icon\n};\n\nconst sizeClasses = {\n  sm: 'h-8 text-sm',\n  md: 'h-10 text-base',\n  lg: 'h-12 text-lg',\n} as const;\n\nexport interface DateInputProps extends Omit<\n  InputProps,\n  'type' | 'onChange' | 'value'\n> {\n  /** The date value in MM/DD/YYYY format */\n  value?: string;\n  /** Callback fired when the value changes */\n  onChange?: (value: string) => void;\n  /** Validation mode for the date input */\n  mode?: DateInputMode;\n  /** Minimum age for DOB validation (default: 0) */\n  minAge?: number;\n  /** Maximum age for DOB validation */\n  maxAge?: number;\n  /** Whether to validate on blur */\n  validateOnBlur?: boolean;\n  /** Whether to show a calendar picker button */\n  showCalendar?: boolean;\n  /** Width behavior of the input */\n  width?: DateInputWidth;\n}\n\nfunction getValidationError(\n  value: string,\n  mode: DateInputMode,\n  minAge?: number,\n  maxAge?: number\n): string | undefined {\n  if (!value || value.replace(/\\D/g, '').length === 0) {\n    return undefined;\n  }\n\n  if (!isValidDate(value)) {\n    return 'Please enter a valid date (MM/DD/YYYY)';\n  }\n\n  switch (mode) {\n    case 'dob': {\n      if (!isDateInPast(value)) {\n        return 'Date of birth must be in the past';\n      }\n      const age = calculateAge(value);\n      if (age !== null) {\n        if (minAge !== undefined && age < minAge) {\n          return `Must be at least ${minAge} years old`;\n        }\n        if (maxAge !== undefined && age > maxAge) {\n          return `Must be no more than ${maxAge} years old`;\n        }\n      }\n      break;\n    }\n    case 'expiration':\n      if (!isDateInFuture(value)) {\n        return 'Expiration date must be in the future';\n      }\n      break;\n    case 'past':\n      if (!isDateInPast(value)) {\n        return 'Date must be in the past';\n      }\n      break;\n    case 'future':\n      if (!isDateInFuture(value)) {\n        return 'Date must be in the future';\n      }\n      break;\n  }\n\n  return undefined;\n}\n\n/**\n * A date input that automatically formats to MM/DD/YYYY with validation modes.\n *\n * @example\n * ```tsx\n * // Date of birth with age validation\n * <DateInput\n *   label=\"Date of Birth\"\n *   mode=\"dob\"\n *   minAge={18}\n *   validateOnBlur\n * />\n *\n * // With calendar picker\n * <DateInput\n *   label=\"Select Date\"\n *   showCalendar\n * />\n *\n * // Expiration date\n * <DateInput\n *   label=\"License Expiration\"\n *   mode=\"expiration\"\n *   validateOnBlur\n * />\n * ```\n */\nconst DateInput = React.forwardRef<HTMLInputElement, DateInputProps>(\n  (\n    {\n      value = '',\n      onChange,\n      mode = 'default',\n      minAge,\n      maxAge,\n      validateOnBlur,\n      showCalendar = false,\n      width = 'full',\n      className,\n      onBlur,\n      hasError,\n      error,\n      ...props\n    },\n    ref\n  ) => {\n    const [displayValue, setDisplayValue] = React.useState(() =>\n      formatDateValue(value)\n    );\n    const [localError, setLocalError] = React.useState<string | undefined>();\n\n    // Sync external value changes\n    React.useEffect(() => {\n      setDisplayValue(formatDateValue(value));\n    }, [value]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const formatted = formatDateValue(e.target.value);\n      setDisplayValue(formatted);\n      onChange?.(formatted);\n\n      // Clear error when user starts typing again\n      if (localError) {\n        setLocalError(undefined);\n      }\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      onBlur?.(e);\n\n      if (validateOnBlur) {\n        const validationError = getValidationError(\n          displayValue,\n          mode,\n          minAge,\n          maxAge\n        );\n        setLocalError(validationError);\n      }\n    };\n\n    const placeholder = mode === 'expiration' ? 'MM/DD/YYYY' : 'MM/DD/YYYY';\n    const autoComplete =\n      mode === 'dob' ? 'bday' : mode === 'expiration' ? 'cc-exp' : undefined;\n\n    // Generate stable ID for accessibility\n    const generatedId = React.useId();\n\n    // Calendar picker state\n    const [isCalendarOpen, setIsCalendarOpen] = React.useState(false);\n    const calendarRef = React.useRef<HTMLDivElement>(null);\n    const buttonRef = React.useRef<HTMLButtonElement>(null);\n\n    // Parse current value into date parts for calendar\n    const parsedDate = React.useMemo(() => {\n      if (!displayValue || !isValidDate(displayValue)) {\n        return {\n          month: new Date().getMonth(),\n          year: new Date().getFullYear(),\n          day: null,\n        };\n      }\n      const [month, day, year] = displayValue.split('/').map(Number);\n      return { month: month - 1, year, day };\n    }, [displayValue]);\n\n    const [calendarMonth, setCalendarMonth] = React.useState(parsedDate.month);\n    const [calendarYear, setCalendarYear] = React.useState(parsedDate.year);\n\n    // Update calendar view when value changes\n    React.useEffect(() => {\n      if (displayValue && isValidDate(displayValue)) {\n        const [month, , year] = displayValue.split('/').map(Number);\n        setCalendarMonth(month - 1);\n        setCalendarYear(year);\n      }\n    }, [displayValue]);\n\n    // Close calendar on click outside\n    React.useEffect(() => {\n      const handleClickOutside = (event: MouseEvent) => {\n        if (\n          calendarRef.current &&\n          !calendarRef.current.contains(event.target as HTMLElement) &&\n          buttonRef.current &&\n          !buttonRef.current.contains(event.target as HTMLElement)\n        ) {\n          setIsCalendarOpen(false);\n        }\n      };\n\n      if (isCalendarOpen) {\n        document.addEventListener('mousedown', handleClickOutside);\n        return () =>\n          document.removeEventListener('mousedown', handleClickOutside);\n      }\n    }, [isCalendarOpen]);\n\n    // Close on Escape key\n    React.useEffect(() => {\n      const handleEscape = (event: KeyboardEvent) => {\n        if (event.key === 'Escape') {\n          setIsCalendarOpen(false);\n          buttonRef.current?.focus();\n        }\n      };\n\n      if (isCalendarOpen) {\n        document.addEventListener('keydown', handleEscape);\n        return () => document.removeEventListener('keydown', handleEscape);\n      }\n    }, [isCalendarOpen]);\n\n    const handleDateSelect = (day: number) => {\n      const month = String(calendarMonth + 1).padStart(2, '0');\n      const dayStr = String(day).padStart(2, '0');\n      const year = String(calendarYear);\n      const formatted = `${month}/${dayStr}/${year}`;\n      setDisplayValue(formatted);\n      onChange?.(formatted);\n      setIsCalendarOpen(false);\n\n      // Validate if needed\n      if (validateOnBlur) {\n        const validationError = getValidationError(\n          formatted,\n          mode,\n          minAge,\n          maxAge\n        );\n        setLocalError(validationError);\n      }\n    };\n\n    const getDaysInMonth = (month: number, year: number) => {\n      return new Date(year, month + 1, 0).getDate();\n    };\n\n    const getFirstDayOfMonth = (month: number, year: number) => {\n      return new Date(year, month, 1).getDay();\n    };\n\n    const renderCalendar = () => {\n      const daysInMonth = getDaysInMonth(calendarMonth, calendarYear);\n      const firstDay = getFirstDayOfMonth(calendarMonth, calendarYear);\n      const days: (number | null)[] = [];\n\n      // Add empty cells for days before the first day of the month\n      for (let i = 0; i < firstDay; i++) {\n        days.push(null);\n      }\n\n      // Add the days of the month\n      for (let i = 1; i <= daysInMonth; i++) {\n        days.push(i);\n      }\n\n      const monthNames = [\n        'January',\n        'February',\n        'March',\n        'April',\n        'May',\n        'June',\n        'July',\n        'August',\n        'September',\n        'October',\n        'November',\n        'December',\n      ];\n\n      const isSelectedDay = (day: number) => {\n        return (\n          parsedDate.day === day &&\n          parsedDate.month === calendarMonth &&\n          parsedDate.year === calendarYear\n        );\n      };\n\n      const isToday = (day: number) => {\n        const today = new Date();\n        return (\n          day === today.getDate() &&\n          calendarMonth === today.getMonth() &&\n          calendarYear === today.getFullYear()\n        );\n      };\n\n      return (\n        <div\n          ref={calendarRef}\n          className={cn(\n            'absolute top-full left-0 z-50 mt-1',\n            'bg-background border-border rounded-lg border shadow-lg',\n            'w-72 p-3'\n          )}\n          role=\"dialog\"\n          aria-label=\"Choose date\"\n        >\n          {/* Header with month/year navigation */}\n          <div className=\"mb-3 flex items-center justify-between\">\n            <button\n              type=\"button\"\n              onClick={() => {\n                if (calendarMonth === 0) {\n                  setCalendarMonth(11);\n                  setCalendarYear(calendarYear - 1);\n                } else {\n                  setCalendarMonth(calendarMonth - 1);\n                }\n              }}\n              className=\"hover:bg-muted rounded-md p-1 transition-colors\"\n              aria-label=\"Previous month\"\n            >\n              <ChevronLeftIcon />\n            </button>\n            <div className=\"flex items-center gap-2\">\n              <select\n                value={calendarMonth}\n                onChange={(e) => setCalendarMonth(Number(e.target.value))}\n                className=\"bg-background border-border rounded border px-2 py-1 text-sm\"\n                aria-label=\"Select month\"\n              >\n                {monthNames.map((name, i) => (\n                  <option key={name} value={i}>\n                    {name}\n                  </option>\n                ))}\n              </select>\n              <select\n                value={calendarYear}\n                onChange={(e) => setCalendarYear(Number(e.target.value))}\n                className=\"bg-background border-border rounded border px-2 py-1 text-sm\"\n                aria-label=\"Select year\"\n              >\n                {Array.from(\n                  { length: 150 },\n                  (_, i) => new Date().getFullYear() - 100 + i\n                ).map((year) => (\n                  <option key={year} value={year}>\n                    {year}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <button\n              type=\"button\"\n              onClick={() => {\n                if (calendarMonth === 11) {\n                  setCalendarMonth(0);\n                  setCalendarYear(calendarYear + 1);\n                } else {\n                  setCalendarMonth(calendarMonth + 1);\n                }\n              }}\n              className=\"hover:bg-muted rounded-md p-1 transition-colors\"\n              aria-label=\"Next month\"\n            >\n              <ChevronRightIcon />\n            </button>\n          </div>\n\n          {/* Day headers */}\n          <div className=\"mb-1 grid grid-cols-7 gap-1\">\n            {['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'].map((day) => (\n              <div\n                key={day}\n                className=\"text-muted-foreground py-1 text-center text-xs font-medium\"\n              >\n                {day}\n              </div>\n            ))}\n          </div>\n\n          {/* Calendar grid */}\n          <div className=\"grid grid-cols-7 gap-1\">\n            {days.map((day, index) => (\n              <button\n                key={index}\n                type=\"button\"\n                disabled={day === null}\n                onClick={() => day && handleDateSelect(day)}\n                className={cn(\n                  'h-8 w-8 rounded-md text-sm transition-colors',\n                  'focus:ring-ring focus:ring-2 focus:outline-none',\n                  day === null && 'invisible',\n                  day !== null && 'hover:bg-muted',\n                  isSelectedDay(day!) &&\n                    'bg-primary-800 hover:bg-primary-900 text-white',\n                  isToday(day!) &&\n                    !isSelectedDay(day!) &&\n                    'border-primary-800 text-primary-800 border'\n                )}\n              >\n                {day}\n              </button>\n            ))}\n          </div>\n\n          {/* Today button */}\n          <div className=\"border-border mt-3 border-t pt-3\">\n            <button\n              type=\"button\"\n              onClick={() => {\n                const today = new Date();\n                setCalendarMonth(today.getMonth());\n                setCalendarYear(today.getFullYear());\n                handleDateSelect(today.getDate());\n              }}\n              className=\"text-primary-800 w-full text-sm hover:underline\"\n            >\n              Today\n            </button>\n          </div>\n        </div>\n      );\n    };\n\n    if (showCalendar) {\n      // Extract label/error/helper and component-specific props to handle positioning correctly\n      // Filter out Input component props that aren't valid HTML input attributes\n      const { label, helperText, hideLabel, required, size, ...inputProps } =\n        props;\n      // Ensure size has a valid value (fallback to 'md' if null/undefined)\n      const resolvedSize = size ?? 'md';\n      const inputId = inputProps.id || generatedId;\n      const errorId = `${inputId}-error`;\n      const helperId = `${inputId}-helper`;\n      const showError = hasError || !!localError;\n      const errorMessage = error || localError;\n\n      return (\n        <div className={cn('flex flex-col gap-1.5', widthClasses[width])}>\n          {label && (\n            <label\n              htmlFor={inputId}\n              className={cn(\n                'text-foreground text-sm font-medium',\n                hideLabel && 'sr-only'\n              )}\n            >\n              {label}\n              {required && (\n                <span\n                  className=\"ml-1\"\n                  style={{ color: '#ef4444' }}\n                  aria-hidden=\"true\"\n                >\n                  *\n                </span>\n              )}\n            </label>\n          )}\n          <div className=\"relative\">\n            <input\n              ref={ref}\n              id={inputId}\n              type=\"text\"\n              inputMode=\"numeric\"\n              autoComplete={autoComplete}\n              placeholder={placeholder}\n              value={displayValue}\n              onChange={handleChange}\n              onBlur={handleBlur}\n              aria-invalid={showError}\n              aria-describedby={\n                [errorMessage ? errorId : null, helperText ? helperId : null]\n                  .filter(Boolean)\n                  .join(' ') || undefined\n              }\n              className={cn(\n                'w-full px-3 py-2',\n                'rounded-lg border',\n                'bg-background text-foreground',\n                'placeholder:text-muted-foreground',\n                'transition-colors duration-200',\n                'focus:ring-ring focus:border-transparent focus:ring-2 focus:outline-none',\n                'disabled:cursor-not-allowed disabled:opacity-50',\n                sizeClasses[resolvedSize],\n                showError\n                  ? 'border-destructive focus:ring-destructive'\n                  : 'border-input',\n                'pr-10',\n                className\n              )}\n              {...inputProps}\n            />\n            <button\n              ref={buttonRef}\n              type=\"button\"\n              onClick={() => setIsCalendarOpen(!isCalendarOpen)}\n              className={cn(\n                'absolute top-1/2 right-3 -translate-y-1/2',\n                'text-muted-foreground hover:text-foreground',\n                'focus:text-foreground focus:outline-none',\n                'transition-colors'\n              )}\n              aria-label=\"Open calendar\"\n              aria-expanded={isCalendarOpen}\n              aria-haspopup=\"dialog\"\n            >\n              <Calendar size={18} />\n            </button>\n            {isCalendarOpen && renderCalendar()}\n          </div>\n          {errorMessage && (\n            <p\n              id={errorId}\n              className=\"text-sm\"\n              style={{ color: '#ef4444' }}\n              role=\"alert\"\n            >\n              {errorMessage}\n            </p>\n          )}\n          {helperText && !errorMessage && (\n            <p id={helperId} className=\"text-muted-foreground text-sm\">\n              {helperText}\n            </p>\n          )}\n        </div>\n      );\n    }\n\n    return (\n      <Input\n        ref={ref}\n        type=\"text\"\n        inputMode=\"numeric\"\n        autoComplete={autoComplete}\n        placeholder={placeholder}\n        value={displayValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        hasError={hasError || !!localError}\n        error={error || localError}\n        className={cn(widthClasses[width], className)}\n        {...props}\n      />\n    );\n  }\n);\n\nDateInput.displayName = 'DateInput';\n\n// Simple icon components\nfunction ChevronLeftIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"m15 18-6-6 6-6\" />\n    </svg>\n  );\n}\n\nfunction ChevronRightIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  );\n}\n\nexport { DateInput };\n"]}