@godxjp/ui 6.2.0 → 6.4.0

package/dist/app/index.js

@@ -1,7 +1,7 @@
-import { useAppContext } from '../chunk-32UNYHGY.js';
-export { APP_LOCALES, APP_REQUEST_HEADER_LOCALE, APP_REQUEST_HEADER_TIMEZONE, APP_TIMEZONE_OPTIONS, APP_TIMEZONE_PRESET, APP_TIME_FORMAT_OPTIONS, AppProvider, DEFAULT_STORAGE_KEY, TIMEZONE_ALIASES, formatTimezoneDisplayLabel, getAllIanaTimezones, getAppRequestHeaders, getBrowserTimezone, getTimeFormatLabel, getTimezoneCityName, getTimezoneLabel, getTimezoneOffsetLabel, isKnownAppTimezone, isValidIanaTimezone, readStoredPreferences, resetAppRequestHeaders, resetIanaTimezoneCacheForTests, resolveDefaultTimeFormat, resolveDefaultTimezone, resolveTimezoneForIntl, resolveTimezonePickerOptions, syncAppRequestHeaders, useAppContext, useAppDateFormat, useAppLocale, useAppTimeFormat, useAppTimezone, useOptionalAppContext, usePickerLocales, useTranslation, writeStoredPreferences } from '../chunk-32UNYHGY.js';
-import { formatDate } from '../chunk-7OTWYSVX.js';
-export { APP_DATE_FORMATS, APP_DATE_FORMAT_OPTIONS, APP_LOCALE_CONFIG, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, APP_TIME_FORMATS, detectFormatDateKind, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDateFnsLocale, getDateFormatLabel, getDatePattern, getDateTimePattern, getDatetimeContext, getDayPickerLocale, getTimePattern, isAppDateFormat, isAppLocale, isAppTimeFormat, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resolveDefaultDateFormat, syncDatetimeContext } from '../chunk-7OTWYSVX.js';
+import { useAppContext } from '../chunk-EYLUVDHJ.js';
+export { APP_LOCALES, APP_REQUEST_HEADER_LOCALE, APP_REQUEST_HEADER_TIMEZONE, APP_TIMEZONE_OPTIONS, APP_TIMEZONE_PRESET, APP_TIME_FORMAT_OPTIONS, AppProvider, DEFAULT_STORAGE_KEY, TIMEZONE_ALIASES, formatTimezoneDisplayLabel, getAllIanaTimezones, getAppRequestHeaders, getBrowserTimezone, getTimeFormatLabel, getTimezoneCityName, getTimezoneLabel, getTimezoneOffsetLabel, isKnownAppTimezone, isValidIanaTimezone, readStoredPreferences, resetAppRequestHeaders, resetIanaTimezoneCacheForTests, resolveDefaultTimeFormat, resolveDefaultTimezone, resolveTimezoneForIntl, resolveTimezonePickerOptions, syncAppRequestHeaders, useAppContext, useAppDateFormat, useAppLocale, useAppTimeFormat, useAppTimezone, useOptionalAppContext, usePickerLocales, useTranslation, writeStoredPreferences } from '../chunk-EYLUVDHJ.js';
+import { formatDate } from '../chunk-6BJ2X7PA.js';
+export { APP_DATE_FORMATS, APP_DATE_FORMAT_OPTIONS, APP_LOCALE_CONFIG, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, APP_TIME_FORMATS, detectFormatDateKind, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDateFnsLocale, getDateFormatLabel, getDatePattern, getDateTimePattern, getDatetimeContext, getDayPickerLocale, getTimePattern, isAppDateFormat, isAppLocale, isAppTimeFormat, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resolveDefaultDateFormat, syncDatetimeContext } from '../chunk-6BJ2X7PA.js';
 import { useMemo } from 'react';
 
 function useFormatting() {

package/dist/{checkbox-CoHDi3ao.d.ts → checkbox-CNP1MnPn.d.ts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { c as CheckboxGroupProp } from './data-entry.prop-CRbHLb39.js';
+import { c as CheckboxGroupProp } from './data-entry.prop-I3mgmdGm.js';
 
 declare function CheckboxGroup({ value: controlledValue, defaultValue, onChange, options, orientation, disabled, name, className, children, }: CheckboxGroupProp): react_jsx_runtime.JSX.Element;
 

package/dist/{chunk-7JN4JXK6.js → chunk-54LBVZLM.js}

@@ -1,5 +1,6 @@
-import { densityClass, pageContainerVariantClass, stackGapClass } from './chunk-S66TJXJU.js';
+import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './chunk-DV52WNXO.js';
 import { Badge } from './chunk-PIIRNAXA.js';
+import { densityClass, pageContainerVariantClass, stackGapClass } from './chunk-S66TJXJU.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { Link } from 'react-router-dom';
 import { ChevronRight, PanelLeftOpen, PanelLeftClose, ChevronDown, Search, Bell, SlidersHorizontal } from 'lucide-react';
@@ -196,6 +197,97 @@ function ShellApp({ menu, breadcrumb, children }) {
     }
   );
 }
+function isItemActive(item, activeId) {
+  if (item.id === activeId) return true;
+  return (item.children ?? []).some((child) => isItemActive(child, activeId));
+}
+function NavLeaf({ item, activeId, collapsed, onSelect, sub = false }) {
+  const Icon = item.icon;
+  const active = item.id === activeId;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: cn("sb-nav-item", sub && "sb-nav-item--sub"),
+      "data-active": active ? "true" : void 0,
+      "aria-current": active ? "page" : void 0,
+      "aria-disabled": item.disabled,
+      "aria-label": collapsed ? item.label : void 0,
+      onClick: () => {
+        if (!item.disabled) onSelect?.(item.id);
+      },
+      children: [
+        !sub ? /* @__PURE__ */ jsx("span", { className: "sb-icon", children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) }) : null,
+        !collapsed && /* @__PURE__ */ jsx("span", { className: "sb-label", children: item.label }),
+        !collapsed && item.badge !== void 0 && item.badge !== "" ? /* @__PURE__ */ jsx("span", { className: "sb-badge", children: item.badge }) : null,
+        collapsed && !sub ? /* @__PURE__ */ jsx("span", { className: "sb-flyout", children: item.label }) : null
+      ]
+    }
+  );
+}
+function NavGroup({ item, activeId, collapsed, onSelect }) {
+  const Icon = item.icon;
+  const active = isItemActive(item, activeId);
+  const children = item.children ?? [];
+  if (collapsed) {
+    return /* @__PURE__ */ jsxs("div", { className: "sb-nav-fly", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "sb-nav-item",
+          "data-active": active ? "true" : void 0,
+          "aria-label": item.label,
+          "aria-haspopup": "menu",
+          children: /* @__PURE__ */ jsx("span", { className: "sb-icon", children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) })
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "sb-flyout sb-flyout--group", role: "menu", children: [
+        /* @__PURE__ */ jsx("span", { className: "sb-flyout-title", children: item.label }),
+        children.map((child) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            role: "menuitem",
+            className: "sb-nav-item sb-nav-item--sub",
+            "data-active": child.id === activeId ? "true" : void 0,
+            "aria-current": child.id === activeId ? "page" : void 0,
+            onClick: () => {
+              if (!child.disabled) onSelect?.(child.id);
+            },
+            children: /* @__PURE__ */ jsx("span", { className: "sb-label", children: child.label })
+          },
+          child.id
+        ))
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Collapsible, { defaultOpen: active, children: [
+    /* @__PURE__ */ jsxs(
+      CollapsibleTrigger,
+      {
+        className: "sb-nav-item sb-nav-group-trigger",
+        "data-active": active ? "true" : void 0,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "sb-icon", children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) }),
+          /* @__PURE__ */ jsx("span", { className: "sb-label", children: item.label }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: "sb-chevron", "aria-hidden": "true" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "sb-nav-sub", children: children.map((child) => /* @__PURE__ */ jsx(
+      NavLeaf,
+      {
+        item: child,
+        activeId,
+        collapsed: false,
+        onSelect,
+        sub: true
+      },
+      child.id
+    )) }) })
+  ] });
+}
 function Sidebar({
   activeId,
   onSelect,
@@ -233,31 +325,27 @@ function Sidebar({
     ) : null,
     /* @__PURE__ */ jsx("div", { className: "sb-nav-scroll", children: sections.map((section, sectionIndex) => /* @__PURE__ */ jsxs("div", { className: "sb-section", children: [
       section.label && !collapsed ? /* @__PURE__ */ jsx("div", { className: "sb-section-label", children: section.label }) : null,
-      /* @__PURE__ */ jsx("div", { className: "sb-nav", role: "navigation", children: section.items.map((item) => {
-        const Icon = item.icon;
-        const isActive = item.id === activeId;
-        return /* @__PURE__ */ jsxs(
-          "button",
+      /* @__PURE__ */ jsx("div", { className: "sb-nav", role: "navigation", children: section.items.map(
+        (item) => item.children && item.children.length > 0 ? /* @__PURE__ */ jsx(
+          NavGroup,
           {
-            type: "button",
-            className: cn("sb-nav-item"),
-            "data-active": isActive ? "true" : void 0,
-            "aria-current": isActive ? "page" : void 0,
-            "aria-disabled": item.disabled,
-            "aria-label": collapsed ? item.label : void 0,
-            title: collapsed ? item.label : void 0,
-            onClick: () => {
-              if (!item.disabled) onSelect?.(item.id);
-            },
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "sb-icon", children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) }),
-              !collapsed && /* @__PURE__ */ jsx("span", { className: "sb-label", children: item.label }),
-              !collapsed && item.badge !== void 0 && item.badge !== "" ? /* @__PURE__ */ jsx("span", { className: "sb-badge", children: item.badge }) : null
-            ]
+            item,
+            activeId,
+            collapsed,
+            onSelect
+          },
+          item.id
+        ) : /* @__PURE__ */ jsx(
+          NavLeaf,
+          {
+            item,
+            activeId,
+            collapsed,
+            onSelect
           },
           item.id
-        );
-      }) })
+        )
+      ) })
     ] }, section.label ?? sectionIndex)) }),
     footer ? /* @__PURE__ */ jsx("div", { className: "sb-footer", children: footer }) : null
   ] });

package/dist/{chunk-GV2YQLH2.js → chunk-5DRKN2HI.js}

@@ -1,7 +1,7 @@
 import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from './chunk-V6UWJKZF.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-32UNYHGY.js';
+import { useTranslation } from './chunk-EYLUVDHJ.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { ChevronsUpDown, Check } from 'lucide-react';

package/dist/{chunk-7OTWYSVX.js → chunk-6BJ2X7PA.js}

@@ -69,16 +69,21 @@ var en_default = {
   },
   dataEntry: {
     datePicker: {
-      placeholder: "Select date"
+      placeholder: "Select date",
+      openCalendar: "Open calendar"
     },
     dateRangePicker: {
-      placeholder: "Select date range"
+      placeholder: "Select date range",
+      from: "From",
+      to: "To",
+      openCalendar: "Open calendar"
     },
     timePicker: {
       placeholder: "Select time",
       hour: "Hour",
       minute: "Minute",
-      typeLabel: "Type time HH:mm"
+      typeLabel: "Type time HH:mm",
+      openPicker: "Open time picker"
     },
     searchInput: {
       placeholder: "Search\u2026"
@@ -242,16 +247,21 @@ var ja_default = {
   },
   dataEntry: {
     datePicker: {
-      placeholder: "\u65E5\u4ED8\u3092\u9078\u629E"
+      placeholder: "\u65E5\u4ED8\u3092\u9078\u629E",
+      openCalendar: "\u30AB\u30EC\u30F3\u30C0\u30FC\u3092\u958B\u304F"
     },
     dateRangePicker: {
-      placeholder: "\u671F\u9593\u3092\u9078\u629E"
+      placeholder: "\u671F\u9593\u3092\u9078\u629E",
+      from: "\u958B\u59CB",
+      to: "\u7D42\u4E86",
+      openCalendar: "\u30AB\u30EC\u30F3\u30C0\u30FC\u3092\u958B\u304F"
     },
     timePicker: {
       placeholder: "\u6642\u523B\u3092\u9078\u629E",
       hour: "\u6642",
       minute: "\u5206",
-      typeLabel: "HH:mm \u3092\u5165\u529B"
+      typeLabel: "HH:mm \u3092\u5165\u529B",
+      openPicker: "\u6642\u523B\u3092\u9078\u629E"
     },
     searchInput: {
       placeholder: "\u691C\u7D22\u2026"
@@ -415,16 +425,21 @@ var vi_default = {
   },
   dataEntry: {
     datePicker: {
-      placeholder: "Ch\u1ECDn ng\xE0y"
+      placeholder: "Ch\u1ECDn ng\xE0y",
+      openCalendar: "M\u1EDF l\u1ECBch"
     },
     dateRangePicker: {
-      placeholder: "Ch\u1ECDn kho\u1EA3ng ng\xE0y"
+      placeholder: "Ch\u1ECDn kho\u1EA3ng ng\xE0y",
+      from: "T\u1EEB",
+      to: "\u0110\u1EBFn",
+      openCalendar: "M\u1EDF l\u1ECBch"
     },
     timePicker: {
       placeholder: "Ch\u1ECDn gi\u1EDD",
       hour: "Gi\u1EDD",
       minute: "Ph\xFAt",
-      typeLabel: "Nh\u1EADp gi\u1EDD HH:mm"
+      typeLabel: "Nh\u1EADp gi\u1EDD HH:mm",
+      openPicker: "M\u1EDF ch\u1ECDn gi\u1EDD"
     },
     searchInput: {
       placeholder: "T\xECm ki\u1EBFm\u2026"
@@ -679,6 +694,13 @@ function isDateOnlyString(value) {
 }
 
 // src/lib/datetime/parse.ts
+function toIsoDate(value) {
+  if (value == null || Number.isNaN(value.getTime())) return "";
+  const year = String(value.getFullYear()).padStart(4, "0");
+  const month = String(value.getMonth() + 1).padStart(2, "0");
+  const day = String(value.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+}
 function parseDateInput(value) {
   if (value == null) return null;
   if (value instanceof Date) return Number.isNaN(value.getTime()) ? null : value;
@@ -854,4 +876,4 @@ function isFormatDateValue(value) {
   return parseDateInput(trimmed) != null;
 }
 
-export { APP_DATE_FORMATS, APP_DATE_FORMAT_OPTIONS, APP_LOCALE_CONFIG, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, APP_TIME_FORMATS, MESSAGE_CATALOG, calendarDateToTZDate, detectFormatDateKind, disableLiveRelativeFormatting, enableLiveRelativeFormatting, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDateFnsLocale, getDateFormatLabel, getDatePattern, getDateTimePattern, getDatetimeContext, getDayPickerLocale, getTimePattern, hhmmToTZDate, isAppDateFormat, isAppLocale, isAppTimeFormat, isDateOnlyString, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resetDatetimeContextForTests, resetI18nLocale, resolveDefaultDateFormat, syncDatetimeContext, syncI18nLocale, translate, translateCurrent };
+export { APP_DATE_FORMATS, APP_DATE_FORMAT_OPTIONS, APP_LOCALE_CONFIG, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, APP_TIME_FORMATS, MESSAGE_CATALOG, calendarDateToTZDate, detectFormatDateKind, disableLiveRelativeFormatting, enableLiveRelativeFormatting, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDateFnsLocale, getDateFormatLabel, getDatePattern, getDateTimePattern, getDatetimeContext, getDayPickerLocale, getTimePattern, hhmmToTZDate, isAppDateFormat, isAppLocale, isAppTimeFormat, isDateOnlyString, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resetDatetimeContextForTests, resetI18nLocale, resolveDefaultDateFormat, syncDatetimeContext, syncI18nLocale, toIsoDate, translate, translateCurrent };

package/dist/{chunk-IGOP3HFF.js → chunk-7W3CHMLL.js}

@@ -1,4 +1,4 @@
-import { formatDate, translateCurrent } from './chunk-7OTWYSVX.js';
+import { formatDate, translateCurrent } from './chunk-6BJ2X7PA.js';
 
 // src/lib/format.ts
 function formatDateTime(value, options) {

package/dist/{chunk-FRFUSXBH.js → chunk-A3Q5LKWS.js}

@@ -1,7 +1,7 @@
 import { Input } from './chunk-VOHTRR5X.js';
 import { buttonVariants, Button } from './chunk-HJEBRCXL.js';
+import { useTranslation } from './chunk-EYLUVDHJ.js';
 import { Label } from './chunk-7PWBC4BY.js';
-import { useTranslation } from './chunk-32UNYHGY.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';

package/dist/chunk-DV52WNXO.js

@@ -0,0 +1,8 @@
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+
+// src/components/data-display/collapsible.tsx
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+
+export { Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger };

package/dist/{chunk-2476DOOA.js → chunk-E7CZIMX7.js}

@@ -1,10 +1,10 @@
 import { normalizeTreeOptions, collectAllExpandableKeys, filterVisibleTree, flattenVisibleTree, findNodeByValue, reactNodeText, getDescendantValues } from './chunk-SMLKNECP.js';
-import { Checkbox } from './chunk-E76QIYSY.js';
 import { Command, CommandInput } from './chunk-V6UWJKZF.js';
+import { Checkbox } from './chunk-E76QIYSY.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-32UNYHGY.js';
+import { useTranslation } from './chunk-EYLUVDHJ.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X, ChevronsUpDown, ChevronDown, ChevronRight } from 'lucide-react';

package/dist/{chunk-32UNYHGY.js → chunk-EYLUVDHJ.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-7OTWYSVX.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-6BJ2X7PA.js';
 import * as React from 'react';
 import { useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-FBGBDFNL.js → chunk-FNZQTYAG.js}

@@ -1,7 +1,7 @@
-import { humanError } from './chunk-IGOP3HFF.js';
+import { humanError } from './chunk-7W3CHMLL.js';
 import { Inline } from './chunk-S66TJXJU.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-32UNYHGY.js';
+import { useTranslation } from './chunk-EYLUVDHJ.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { CheckCircle2, TriangleAlert, AlertCircle, Info, X, RefreshCw } from 'lucide-react';

package/dist/{chunk-66KBGNJT.js → chunk-GFUO67BB.js}

@@ -1,9 +1,9 @@
-import { formatBytes } from './chunk-IGOP3HFF.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from './chunk-FRFUSXBH.js';
 import { Slider } from './chunk-CRERCLIZ.js';
 import { controlIconClass } from './chunk-ICM6XBST.js';
+import { formatBytes } from './chunk-7W3CHMLL.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from './chunk-A3Q5LKWS.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-32UNYHGY.js';
+import { useTranslation } from './chunk-EYLUVDHJ.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React2 from 'react';
 import { Upload as Upload$1, ImagePlus, Camera, Trash2, RotateCcw, X } from 'lucide-react';

package/dist/chunk-GXBWEOZD.js

@@ -0,0 +1,106 @@
+import { Calendar } from './chunk-IK7I3ABN.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Input } from './chunk-VOHTRR5X.js';
+import { Button } from './chunk-HJEBRCXL.js';
+import { useTranslation, usePickerLocales } from './chunk-EYLUVDHJ.js';
+import { toIsoDate, parseDateInput } from './chunk-6BJ2X7PA.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import { CalendarIcon } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ISO_HINT = "yyyy-mm-dd";
+function DatePicker({
+  value,
+  onChange,
+  placeholder,
+  disabled,
+  className,
+  id,
+  name,
+  locale: localeProp,
+  fromDate,
+  toDate
+}) {
+  const { t } = useTranslation();
+  const { dayPickerLocale } = usePickerLocales(localeProp);
+  const [open, setOpen] = React.useState(false);
+  const [text, setText] = React.useState(() => toIsoDate(value));
+  React.useEffect(() => {
+    setText(toIsoDate(value));
+  }, [value]);
+  const resolvedPlaceholder = placeholder ?? t("dataEntry.datePicker.placeholder") ?? ISO_HINT;
+  const commit = (raw) => {
+    const trimmed = raw.trim();
+    if (trimmed === "") {
+      onChange?.(void 0);
+      return;
+    }
+    const parsed = parseDateInput(trimmed);
+    if (parsed) {
+      onChange?.(parsed);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        id,
+        name,
+        value: text,
+        disabled,
+        placeholder: resolvedPlaceholder,
+        inputMode: "numeric",
+        autoComplete: "off",
+        role: "combobox",
+        "aria-expanded": open,
+        "aria-haspopup": "dialog",
+        className: "pr-10",
+        onChange: (event) => {
+          setText(event.target.value);
+          commit(event.target.value);
+        },
+        onBlur: (event) => {
+          const parsed = parseDateInput(event.target.value.trim());
+          setText(parsed ? toIsoDate(parsed) : toIsoDate(value));
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          disabled,
+          tabIndex: -1,
+          "aria-label": t("dataEntry.datePicker.openCalendar") ?? "Open calendar",
+          className: "text-muted-foreground absolute inset-y-0 right-0 h-full px-2 hover:bg-transparent",
+          children: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4 shrink-0", "aria-hidden": "true" })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "end", children: /* @__PURE__ */ jsx(
+        Calendar,
+        {
+          mode: "single",
+          selected: value,
+          onSelect: (date) => {
+            onChange?.(date);
+            setText(toIsoDate(date));
+            setOpen(false);
+          },
+          locale: dayPickerLocale,
+          disabled: [
+            ...fromDate ? [{ before: fromDate }] : [],
+            ...toDate ? [{ after: toDate }] : []
+          ],
+          startMonth: fromDate,
+          endMonth: toDate
+        }
+      ) })
+    ] })
+  ] });
+}
+
+export { DatePicker };

package/dist/{chunk-2D72MDPB.js → chunk-GXKBK6N2.js}

@@ -1,10 +1,10 @@
 import { normalizeTreeOptions, formatPathLabels, getNodeByPath, filterTreeOptions, pathsEqual, pathKey } from './chunk-SMLKNECP.js';
-import { Checkbox } from './chunk-E76QIYSY.js';
 import { Command, CommandInput } from './chunk-V6UWJKZF.js';
+import { Checkbox } from './chunk-E76QIYSY.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { ScrollArea, ScrollBar } from './chunk-3KPEZ5CF.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-32UNYHGY.js';
+import { useTranslation } from './chunk-EYLUVDHJ.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X, ChevronsUpDown, Check, ChevronRight } from 'lucide-react';

package/dist/{chunk-JVAOKBRC.js → chunk-MIVDO3Z3.js}

@@ -1,7 +1,7 @@
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-UX634MYF.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation, useOptionalAppContext, APP_LOCALES, resolveTimezonePickerOptions, getTimezoneLabel, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel } from './chunk-32UNYHGY.js';
-import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-7OTWYSVX.js';
+import { useTranslation, useOptionalAppContext, APP_LOCALES, resolveTimezonePickerOptions, getTimezoneLabel, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel } from './chunk-EYLUVDHJ.js';
+import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-6BJ2X7PA.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { X, ChevronRight, Languages, Globe, Clock, CalendarDays } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-ZOBDO3KZ.js → chunk-NKN2OW3G.js}

@@ -1,10 +1,10 @@
 import { reactNodeText } from './chunk-SMLKNECP.js';
 import { Checkbox } from './chunk-E76QIYSY.js';
-import { Input } from './chunk-VOHTRR5X.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
+import { Input } from './chunk-VOHTRR5X.js';
 import { Button } from './chunk-HJEBRCXL.js';
+import { useTranslation } from './chunk-EYLUVDHJ.js';
 import { Label } from './chunk-7PWBC4BY.js';
-import { useTranslation } from './chunk-32UNYHGY.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { useState, useEffect } from 'react';

package/dist/{chunk-BXIE57HV.js → chunk-RGSH6FQN.js}

@@ -1,6 +1,6 @@
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-UX634MYF.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-32UNYHGY.js';
+import { useTranslation } from './chunk-EYLUVDHJ.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-XAFIIWZU.js → chunk-TNIDN4OY.js}

@@ -1,8 +1,8 @@
-import { Inline, densityClass } from './chunk-S66TJXJU.js';
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-ZS6DTAM2.js';
 import { tableCellPaddingClass, tableRowHeightClass, controlIconSmClass, toneNeutralClass, toneInfoClass, toneDestructiveClass, toneWarningClass, toneSuccessClass } from './chunk-ICM6XBST.js';
+import { Inline, densityClass } from './chunk-S66TJXJU.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-32UNYHGY.js';
+import { useTranslation } from './chunk-EYLUVDHJ.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Layers, Layers2, ArrowUp, ArrowDown, ChevronsUpDown, MoreHorizontal, XCircle, Pause, CheckCircle2, Circle, Trash2, AlertCircle, Clock, Play } from 'lucide-react';

package/dist/{chunk-R5QIUFML.js → chunk-UJFXXEM4.js}

@@ -1,8 +1,8 @@
-import { Input } from './chunk-VOHTRR5X.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Input } from './chunk-VOHTRR5X.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-32UNYHGY.js';
-import { isValidHhmm, formatTimeOfDay, normalizeHhmm } from './chunk-7OTWYSVX.js';
+import { useTranslation } from './chunk-EYLUVDHJ.js';
+import { normalizeHhmm, isValidHhmm } from './chunk-6BJ2X7PA.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { Clock } from 'lucide-react';
@@ -138,6 +138,7 @@ function TimePicker({
   disabled,
   className,
   id,
+  name,
   minuteStep = 5
 }) {
   const { t } = useTranslation();
@@ -145,42 +146,70 @@ function TimePicker({
   const [internal, setInternal] = React.useState(defaultValue ?? "");
   const isControlled = controlledValue !== void 0;
   const value = isControlled ? controlledValue : internal;
-  const resolvedPlaceholder = placeholder ?? t("dataEntry.timePicker.placeholder");
+  const resolvedPlaceholder = placeholder ?? t("dataEntry.timePicker.placeholder") ?? "hh:mm";
+  const [text, setText] = React.useState(value);
+  React.useEffect(() => {
+    setText(value);
+  }, [value]);
   const setValue = (next) => {
     if (!isControlled) setInternal(next);
     onChange?.(next);
   };
-  const display = value && isValidHhmm(value) ? formatTimeOfDay(value) : value || null;
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx(
+      Input,
       {
         id,
-        type: "button",
-        variant: "outline",
+        name,
+        value: text,
         disabled,
-        className: cn(
-          "w-full justify-start text-left font-normal tabular-nums",
-          !display && "text-muted-foreground",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx(Clock, { className: "mr-2 size-4 shrink-0", "aria-hidden": "true" }),
-          display ?? resolvedPlaceholder
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
-      TimePickerPanel,
-      {
-        value: value || "09:00",
-        minuteStep,
-        onChange: setValue,
-        onDone: () => {
-          setOpen(false);
+        placeholder: resolvedPlaceholder,
+        inputMode: "numeric",
+        autoComplete: "off",
+        role: "combobox",
+        "aria-expanded": open,
+        "aria-haspopup": "dialog",
+        className: "pr-10 tabular-nums",
+        onChange: (event) => {
+          setText(event.target.value);
+          const normalized = normalizeHhmm(event.target.value);
+          if (normalized) setValue(normalized);
+        },
+        onBlur: (event) => {
+          const normalized = normalizeHhmm(event.target.value);
+          setText(normalized ?? (isValidHhmm(value) ? value : ""));
         }
       }
-    ) })
+    ),
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          disabled,
+          tabIndex: -1,
+          "aria-label": t("dataEntry.timePicker.openPicker") ?? "Open time picker",
+          className: "text-muted-foreground absolute inset-y-0 right-0 h-full px-2 hover:bg-transparent",
+          children: /* @__PURE__ */ jsx(Clock, { className: "size-4 shrink-0", "aria-hidden": "true" })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "end", children: /* @__PURE__ */ jsx(
+        TimePickerPanel,
+        {
+          value: value || "09:00",
+          minuteStep,
+          onChange: (next) => {
+            setValue(next);
+            setText(next);
+          },
+          onDone: () => {
+            setOpen(false);
+          }
+        }
+      ) })
+    ] })
   ] });
 }