@godxjp/ui 13.7.0 → 13.8.0

package/dist/{chunk-CSTUENE6.js → chunk-65RWSIZF.js}

@@ -1,8 +1,8 @@
-import { Input } from './chunk-6AIYMYSG.js';
+import { Input } from './chunk-K24AQV4R.js';
+import { Button } from './chunk-XBFUROAY.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { Button } from './chunk-5L77S5CL.js';
-import { useTranslation, usePickerLocales } from './chunk-QTEPKNQE.js';
-import { normalizeHhmm, isValidHhmm } from './chunk-C7W5BO7R.js';
+import { useTranslation, usePickerLocales } from './chunk-B6S6LTWT.js';
+import { normalizeHhmm, isValidHhmm } from './chunk-5732TWQF.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X, Clock } from 'lucide-react';

package/dist/{chunk-JXGDDD46.js → chunk-A3J2G2ZA.js}

@@ -1,11 +1,11 @@
 import { normalizeTreeOptions, collectAllExpandableKeys, filterVisibleTree, flattenVisibleTree, findNodeByValue, reactNodeText, getDescendantValues } from './chunk-SMLKNECP.js';
 import { Command, CommandInput } from './chunk-3R3QVJCB.js';
 import { Checkbox } from './chunk-BE6GJGKJ.js';
+import { Button } from './chunk-XBFUROAY.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
-import { Button } from './chunk-5L77S5CL.js';
 import { controlOpenRingClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X, ChevronsUpDown, ChevronDown, ChevronRight } from 'lucide-react';

package/dist/{chunk-QTEPKNQE.js → chunk-B6S6LTWT.js}

@@ -1,4 +1,4 @@
-import { APP_TIME_FORMATS, isAppDateFormat, isAppTimeFormat, isAppLocale, translate, getDateFnsLocale, syncI18nLocale, syncDatetimeContext, disableLiveRelativeFormatting, enableLiveRelativeFormatting, getDayPickerLocale, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, resolveDefaultDateFormat } from './chunk-C7W5BO7R.js';
+import { APP_TIME_FORMATS, isAppDateFormat, isAppTimeFormat, isAppLocale, translate, getDateFnsLocale, syncI18nLocale, syncDatetimeContext, disableLiveRelativeFormatting, enableLiveRelativeFormatting, getDayPickerLocale, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, resolveDefaultDateFormat } from './chunk-5732TWQF.js';
 import * as React from 'react';
 import { useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-GOJQHYED.js → chunk-BJTNKNMY.js}

@@ -1,9 +1,9 @@
 import { Command, CommandList, CommandItem, CommandGroup } from './chunk-3R3QVJCB.js';
-import { Input } from './chunk-6AIYMYSG.js';
+import { Input } from './chunk-K24AQV4R.js';
+import { Button } from './chunk-XBFUROAY.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { Button } from './chunk-5L77S5CL.js';
 import { controlTriggerClass, controlOpenRingClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -437,8 +437,12 @@ function DataSelect({
   name,
   id,
   className,
-  "data-testid": dataTestId
+  "data-testid": dataTestId,
+  ...rest
 }) {
+  const ariaProps = Object.fromEntries(
+    Object.entries(rest).filter(([key]) => key.startsWith("aria-"))
+  );
   const searchable = showSearch ?? Boolean(loadOptions);
   if (searchable) {
     return /* @__PURE__ */ jsx(
@@ -491,7 +495,7 @@ function DataSelect({
       disabled,
       name,
       children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { id, "data-testid": dataTestId, className, children: /* @__PURE__ */ jsx(SelectValue, { placeholder }) }),
+        /* @__PURE__ */ jsx(SelectTrigger, { id, "data-testid": dataTestId, className, ...ariaProps, children: /* @__PURE__ */ jsx(SelectValue, { placeholder }) }),
         /* @__PURE__ */ jsx(SelectContent, { children: groupDataOptions(options).map(
           (group) => group.heading ? /* @__PURE__ */ jsxs(SelectGroup, { children: [
             /* @__PURE__ */ jsx(SelectLabel, { children: group.heading }),

package/dist/{chunk-6EKAEN6T.js → chunk-D4JX6O2W.js}

@@ -1,7 +1,7 @@
-import { humanError } from './chunk-2FJ5TMQU.js';
+import { humanError } from './chunk-X6AJ5HEI.js';
 import { Flex } from './chunk-INIIF7F7.js';
-import { Button } from './chunk-5L77S5CL.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { Button } from './chunk-XBFUROAY.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { Info, CheckCircle2, TriangleAlert, AlertCircle, X, RefreshCw } from 'lucide-react';

package/dist/{chunk-W3AS2GEC.js → chunk-FLY23H4G.js}

@@ -1,10 +1,10 @@
 import { EmptyState } from './chunk-YD7V2HGZ.js';
 import { Flex, densityClass } from './chunk-INIIF7F7.js';
 import { Checkbox } from './chunk-BE6GJGKJ.js';
+import { Button } from './chunk-XBFUROAY.js';
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-IJ5ALJGA.js';
-import { Button } from './chunk-5L77S5CL.js';
 import { tableCellPaddingClass, tableRowHeightClass, controlIconSmClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';

package/dist/{chunk-ZYJRZLMZ.js → chunk-HIEGUYPP.js}

@@ -1,5 +1,5 @@
 import { toneNeutralClass, toneMutedClass, toneInfoClass, toneDestructiveClass, toneWarningClass, toneSuccessClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { cva } from 'class-variance-authority';
 import { XCircle, Pause, CheckCircle2, Circle, Trash2, AlertCircle, Clock, Play } from 'lucide-react';

package/dist/{chunk-TNFAUPEV.js → chunk-HRW7JDUJ.js}

@@ -1,7 +1,7 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-GOJQHYED.js';
-import { Button } from './chunk-5L77S5CL.js';
-import { useOptionalAppContext, useTranslation, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel, resolveTimezonePickerOptions, getTimezoneLabel, APP_LOCALES } from './chunk-QTEPKNQE.js';
-import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-C7W5BO7R.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-BJTNKNMY.js';
+import { Button } from './chunk-XBFUROAY.js';
+import { useOptionalAppContext, useTranslation, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel, resolveTimezonePickerOptions, getTimezoneLabel, APP_LOCALES } from './chunk-B6S6LTWT.js';
+import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-5732TWQF.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { useId } from 'react';

package/dist/{chunk-O3F3KF2B.js → chunk-I5D4QYZI.js}

@@ -1,8 +1,8 @@
 import { overlayHeaderToneClass } from './chunk-VU4GFGDG.js';
-import { Input } from './chunk-6AIYMYSG.js';
-import { buttonVariants, Button } from './chunk-5L77S5CL.js';
+import { Input } from './chunk-K24AQV4R.js';
+import { buttonVariants, Button } from './chunk-XBFUROAY.js';
 import { Label } from './chunk-7PWBC4BY.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';

package/dist/{chunk-76S3TQFH.js → chunk-IAJOP2Z3.js}

@@ -1,14 +1,14 @@
 import { ResponsiveGrid } from './chunk-C3PKEV6S.js';
 import { Label } from './chunk-7PWBC4BY.js';
 import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
+import * as React2 from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var FormLayoutContext = React.createContext(null);
+var FormLayoutContext = React2.createContext(null);
 function useFormLayout() {
-  return React.useContext(FormLayoutContext);
+  return React2.useContext(FormLayoutContext);
 }
-var Form = React.forwardRef(function Form2({
+var Form = React2.forwardRef(function Form2({
   layout = "vertical",
   labelWidth,
   controlWidth,
@@ -20,7 +20,7 @@ var Form = React.forwardRef(function Form2({
   children,
   ...props
 }, ref) {
-  const ctx = React.useMemo(
+  const ctx = React2.useMemo(
     () => ({ layout, labelWidth, controlWidth, labelAlign, collapseBelow }),
     [layout, labelWidth, controlWidth, labelAlign, collapseBelow]
   );
@@ -58,14 +58,23 @@ function FormField({
   const controlWidth = controlWidthProp ?? form?.controlWidth;
   const labelAlign = form?.labelAlign ?? "end";
   const collapseBelow = form?.collapseBelow ?? "md";
-  const helperId = helper ? `${id}-helper` : void 0;
-  const errorId = error ? `${id}-error` : void 0;
-  if (typeof process !== "undefined" && process.env?.NODE_ENV !== "production" && !React.isValidElement(children)) {
+  const autoId = React2.useId();
+  const resolvedId = id ?? autoId;
+  const labelId = `${resolvedId}-label`;
+  const helperId = helper ? `${resolvedId}-helper` : void 0;
+  const errorId = error ? `${resolvedId}-error` : void 0;
+  if (typeof process !== "undefined" && process.env?.NODE_ENV !== "production" && !React2.isValidElement(children)) {
     console.warn(
       "FormField expects a single React element child to receive aria-describedby/aria-errormessage; the helper text and error message will not be associated with the control."
     );
   }
-  const childWithA11y = React.isValidElement(children) ? React.cloneElement(children, {
+  const childProps = React2.isValidElement(children) ? children.props : void 0;
+  const childWithA11y = React2.isValidElement(children) ? React2.cloneElement(children, {
+    // The label is associated via aria-labelledby (not <label for>): composite
+    // controls (Radio.Group, checkbox lists, range pairs) have no labelable root,
+    // and a dangling `for` triggers Chrome's "Incorrect use of <label>" issue.
+    id: childProps?.id ?? resolvedId,
+    "aria-labelledby": childProps?.["aria-labelledby"] ?? labelId,
     // Helper and error can coexist: helper stays on aria-describedby, the error on
     // aria-errormessage (surfaced when aria-invalid is true).
     "aria-describedby": helperId,
@@ -90,10 +99,19 @@ function FormField({
       className: cn("ui-form-field", className),
       children: [
         /* @__PURE__ */ jsxs("div", { "data-slot": "form-field-label", className: "ui-form-field-label", children: [
-          /* @__PURE__ */ jsxs(Label, { htmlFor: id, className: "ui-inline-xs", children: [
-            /* @__PURE__ */ jsx("span", { children: label }),
-            required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
-          ] }),
+          /* @__PURE__ */ jsx(Label, { asChild: true, id: labelId, className: "ui-inline-xs", children: /* @__PURE__ */ jsxs(
+            "span",
+            {
+              onClick: () => {
+                const el = document.getElementById(resolvedId);
+                if (el && el instanceof HTMLElement) el.focus();
+              },
+              children: [
+                /* @__PURE__ */ jsx("span", { children: label }),
+                required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
+              ]
+            }
+          ) }),
           labelAddon
         ] }),
         /* @__PURE__ */ jsxs("div", { "data-slot": "form-field-control", className: "ui-form-field-control", children: [

package/dist/{chunk-LFO5BJ4H.js → chunk-ION2KFXK.js}

@@ -1,6 +1,6 @@
-import { Input } from './chunk-6AIYMYSG.js';
+import { Input } from './chunk-K24AQV4R.js';
 import { controlIconClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-6AIYMYSG.js → chunk-K24AQV4R.js}

@@ -1,4 +1,4 @@
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X } from 'lucide-react';

package/dist/{chunk-B23A5CPA.js → chunk-L6NMIUKC.js}

@@ -1,10 +1,10 @@
 import { normalizeTreeOptions, formatPathLabels, getNodeByPath, filterTreeOptions, pathsEqual, pathKey } from './chunk-SMLKNECP.js';
 import { Command, CommandInput } from './chunk-3R3QVJCB.js';
+import { Button } from './chunk-XBFUROAY.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { ScrollArea, ScrollBar } from './chunk-3KPEZ5CF.js';
-import { Button } from './chunk-5L77S5CL.js';
 import { controlOpenRingClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { Check, X, ChevronsUpDown, ChevronRight, Minus } from 'lucide-react';

package/dist/{chunk-RBXVCWXL.js → chunk-LVLPNKJP.js}

@@ -1,6 +1,6 @@
-import { Input } from './chunk-6AIYMYSG.js';
+import { Input } from './chunk-K24AQV4R.js';
 import { Label } from './chunk-7PWBC4BY.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { useDebouncedValue } from './chunk-LFW37FGG.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';

package/dist/{chunk-MUUO7SPN.js → chunk-NU2SOVTU.js}

@@ -1,4 +1,4 @@
-import { buttonVariants } from './chunk-5L77S5CL.js';
+import { buttonVariants } from './chunk-XBFUROAY.js';
 import { controlIconSmClass } from './chunk-B4K4BXEF.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
@@ -16,7 +16,7 @@ function Calendar({
     DayPicker,
     {
       showOutsideDays,
-      className: cn("w-fit p-3", className),
+      className: cn("relative w-fit p-3", className),
       classNames: {
         months: cn("flex flex-col gap-4 sm:flex-row", classNames?.months),
         month: cn("relative flex flex-col gap-4", classNames?.month),
@@ -25,7 +25,13 @@ function Calendar({
           classNames?.month_caption
         ),
         caption_label: cn("text-sm font-medium", classNames?.caption_label),
-        nav: cn("absolute inset-x-0 top-3 flex items-center justify-between px-1", classNames?.nav),
+        // z-10 is load-bearing: `month` below is position:relative and later in the DOM, so
+        // without a z-index it paints OVER these buttons — they render but never receive the
+        // click (the month caption swallows it) and the calendar looks frozen.
+        nav: cn(
+          "absolute inset-x-0 top-3 z-10 flex items-center justify-between px-1",
+          classNames?.nav
+        ),
         button_previous: cn(
           buttonVariants({ variant: "outline" }),
           controlIconSmClass,

package/dist/{chunk-B7R7DHZF.js → chunk-NZBAFFWP.js}

@@ -1,4 +1,4 @@
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import useEmblaCarousel from 'embla-carousel-react';

package/dist/{chunk-LTKHPOE3.js → chunk-PL4NEIVO.js}

@@ -1,5 +1,5 @@
 import { controlIconClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { Check, Loader2, X, Circle } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-ZOMIELKI.js → chunk-Q3KUZG4P.js}

@@ -1,5 +1,5 @@
 import { controlMultilineClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X } from 'lucide-react';

package/dist/{chunk-QPRBPE4S.js → chunk-QE4IYHJU.js}

@@ -1,9 +1,9 @@
-import { SearchInput } from './chunk-RBXVCWXL.js';
+import { SearchInput } from './chunk-LVLPNKJP.js';
 import { reactNodeText } from './chunk-SMLKNECP.js';
 import { Checkbox } from './chunk-BE6GJGKJ.js';
+import { Button } from './chunk-XBFUROAY.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
-import { Button } from './chunk-5L77S5CL.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { ChevronRight, ChevronLeft } from 'lucide-react';

package/dist/{chunk-3JQDPNTA.js → chunk-R2TXLS7S.js}

@@ -1,4 +1,4 @@
-import { normalizeHhmm, isValidHhmm } from './chunk-C7W5BO7R.js';
+import { normalizeHhmm, isValidHhmm } from './chunk-5732TWQF.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-2FJ5TMQU.js → chunk-X6AJ5HEI.js}

@@ -1,4 +1,4 @@
-import { getSyncedLocale, translateCurrent } from './chunk-C7W5BO7R.js';
+import { getSyncedLocale, translateCurrent } from './chunk-5732TWQF.js';
 
 // src/lib/format.ts
 function formatBytes(n, locale = getSyncedLocale()) {

package/dist/{chunk-5L77S5CL.js → chunk-XBFUROAY.js}

@@ -1,4 +1,4 @@
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';

package/dist/{chunk-I472SSN2.js → chunk-YLRCDJMR.js}

@@ -3,7 +3,7 @@ import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-32WO3YLB.js';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './chunk-DV52WNXO.js';
 import { densityClass, pageContainerVariantClass } from './chunk-INIIF7F7.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { useTranslation } from './chunk-QTEPKNQE.js';
+import { useTranslation } from './chunk-B6S6LTWT.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { ChevronRight, ChevronDown, PanelLeftOpen, PanelLeftClose, Search, Bell, SlidersHorizontal } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/chunk-YXVJFYQE.js

@@ -0,0 +1,191 @@
+import { Calendar } from './chunk-NU2SOVTU.js';
+import { Popover, PopoverAnchor, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { useTranslation, usePickerLocales } from './chunk-B6S6LTWT.js';
+import { toIsoDate, parseDateInput } from './chunk-5732TWQF.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import { ArrowRight, X, CalendarIcon } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ISO_HINT = "yyyy-mm-dd";
+function DateRangePicker({
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  placeholder,
+  disabled,
+  className,
+  id,
+  name,
+  locale: localeProp,
+  fromDate,
+  toDate,
+  allowClear = true
+}) {
+  const { t } = useTranslation();
+  const { dayPickerLocale } = usePickerLocales(localeProp);
+  const [open, setOpen] = React.useState(false);
+  const autoId = React.useId();
+  const fromId = id ?? autoId;
+  const toId = `${fromId}-to`;
+  const isControlled = React.useRef(valueProp !== void 0).current;
+  const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const value = isControlled ? valueProp : internalValue;
+  const [fromText, setFromText] = React.useState(() => toIsoDate(value?.from));
+  const [toText, setToText] = React.useState(() => toIsoDate(value?.to));
+  React.useEffect(() => {
+    setFromText(toIsoDate(value?.from));
+    setToText(toIsoDate(value?.to));
+  }, [value?.from, value?.to]);
+  const resolvedPlaceholder = placeholder ?? t("dataEntry.dateRangePicker.placeholder") ?? ISO_HINT;
+  const emit = (next) => {
+    if (!isControlled) setInternalValue(next);
+    onValueChange?.(next);
+  };
+  const showClear = allowClear && Boolean(value?.from || value?.to) && !disabled;
+  const clear = () => {
+    emit(void 0);
+    setFromText("");
+    setToText("");
+  };
+  const commitEdge = (edge, raw) => {
+    const trimmed = raw.trim();
+    if (trimmed !== "" && !/^\d{4}-\d{2}-\d{2}$/.test(trimmed)) return;
+    const parsed = trimmed === "" ? void 0 : parseDateInput(trimmed) ?? void 0;
+    const next = { from: value?.from, to: value?.to, [edge]: parsed };
+    emit(next.from || next.to ? next : void 0);
+  };
+  const sharedKeyHandlers = {
+    onKeyDown: (event) => {
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        setOpen(true);
+      } else if (event.key === "Escape" && open) {
+        setOpen(false);
+      }
+    }
+  };
+  const innerInputClass = "min-w-0 flex-1 bg-transparent tabular-nums outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed";
+  return /* @__PURE__ */ jsx(Popover, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        // One input-styled shell for the whole range — mirrors Input's control
+        // tokens (border/radius/ring) so it reads as a single form field.
+        "ui-control border-input bg-background flex w-full min-w-0 items-center gap-2 rounded-md border px-3 shadow-xs transition-[color,box-shadow] outline-none",
+        "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]",
+        open && "border-ring ring-ring/50 ring-[3px]",
+        disabled && "pointer-events-none cursor-not-allowed opacity-50",
+        className
+      ),
+      onClick: () => {
+        if (!disabled) setOpen(true);
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: fromId,
+            name: name ? `${name}_from` : void 0,
+            value: fromText,
+            disabled,
+            placeholder: resolvedPlaceholder,
+            inputMode: "numeric",
+            autoComplete: "off",
+            "aria-label": t("dataEntry.dateRangePicker.from") ?? "From",
+            className: innerInputClass,
+            ...sharedKeyHandlers,
+            onChange: (event) => {
+              setFromText(event.target.value);
+              commitEdge("from", event.target.value);
+            },
+            onBlur: (event) => {
+              const parsed = parseDateInput(event.target.value.trim());
+              setFromText(parsed ? toIsoDate(parsed) : toIsoDate(value?.from));
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(ArrowRight, { className: "text-muted-foreground size-3.5 shrink-0", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: toId,
+            name: name ? `${name}_to` : void 0,
+            value: toText,
+            disabled,
+            placeholder: resolvedPlaceholder,
+            inputMode: "numeric",
+            autoComplete: "off",
+            "aria-label": t("dataEntry.dateRangePicker.to") ?? "To",
+            className: innerInputClass,
+            ...sharedKeyHandlers,
+            onChange: (event) => {
+              setToText(event.target.value);
+              commitEdge("to", event.target.value);
+            },
+            onBlur: (event) => {
+              const parsed = parseDateInput(event.target.value.trim());
+              setToText(parsed ? toIsoDate(parsed) : toIsoDate(value?.to));
+            }
+          }
+        ),
+        showClear ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            tabIndex: -1,
+            "aria-label": t("common.clear") ?? "Clear",
+            className: "text-muted-foreground hover:text-foreground shrink-0",
+            onClick: (event) => {
+              event.stopPropagation();
+              clear();
+            },
+            children: /* @__PURE__ */ jsx(X, { className: "size-4 shrink-0", "aria-hidden": "true" })
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            disabled,
+            tabIndex: -1,
+            "aria-label": t("dataEntry.dateRangePicker.openCalendar") ?? "Open calendar",
+            className: "text-muted-foreground hover:text-foreground shrink-0",
+            children: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4 shrink-0", "aria-hidden": "true" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          PopoverContent,
+          {
+            className: "w-auto p-0",
+            align: "start",
+            onOpenAutoFocus: (event) => event.preventDefault(),
+            children: /* @__PURE__ */ jsx(
+              Calendar,
+              {
+                mode: "range",
+                selected: value,
+                defaultMonth: value?.from,
+                numberOfMonths: 2,
+                onSelect: (range) => {
+                  emit(range);
+                  setFromText(toIsoDate(range?.from));
+                  setToText(toIsoDate(range?.to));
+                },
+                locale: dayPickerLocale,
+                disabled: [
+                  ...fromDate ? [{ before: fromDate }] : [],
+                  ...toDate ? [{ after: toDate }] : []
+                ],
+                startMonth: fromDate,
+                endMonth: toDate
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) }) });
+}
+
+export { DateRangePicker };

package/dist/components/admin/index.d.ts

@@ -3,7 +3,7 @@ export { c as FlexProp, P as PageContainerProp, P as PageContainerProps } from '
 export { F as Flex, P as PageContainer } from '../../flex-X2EFU1d5.js';
 export { C as ColumnDef, D as DataTable, a as Density, b as Descriptions, E as EmptyState } from '../../data-table-DRr70ULe.js';
 export { Badge } from '../data-display/badge.js';
-export { F as Field, a as FormField, S as SearchInput } from '../../search-input--ui38eQV.js';
+export { F as Field, a as FormField, S as SearchInput } from '../../search-input-d1g8eW9z.js';
 export { a as SkeletonDetail, c as SkeletonRows, d as SkeletonStat, e as SkeletonTable } from '../../skeleton-cj9kh5wo.js';
 export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../feedback/alert.js';
 export { Upload, useUploadDraft } from '../data-entry/upload.js';
@@ -18,7 +18,7 @@ export { AlertDialog, Dialog, DialogContent, DialogDescription, DialogFooter, Di
 export { Toaster } from '../feedback/sonner.js';
 export { toast } from 'sonner';
 export { useDebouncedValue, useTimeoutFlag } from '../../lib/hooks.js';
-export { B as collectUploadCommitActions, E as createUploadItem } from '../../data-entry.prop-CyiZuEI8.js';
+export { E as collectUploadCommitActions, G as createUploadItem } from '../../data-entry.prop-C9QWj5Kl.js';
 export { j as formatDate } from '../../format-date-ByyZoqI5.js';
 import '../../shared.prop-BvMSLFJ6.js';
 import 'react';