@motir/design-system 0.20.0 → 0.21.0

package/dist/components/ui/DatePicker.d.ts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DatePickerLocale, DatePickerFormatter } from './datePickerFormat.js';
+
+interface DatePickerProps {
+    /** Selected date as an ISO `YYYY-MM-DD` string, or null when unset. */
+    value: string | null;
+    /** Called with the next `YYYY-MM-DD` string, or null when cleared. */
+    onChange: (next: string | null) => void;
+    disabled?: boolean;
+    /** Trigger text when nothing is selected. */
+    placeholder?: string;
+    /** Accessible name for the trigger + calendar dialog. */
+    'aria-label'?: string;
+    /** id for the trigger button (e.g. to pair with an external label). */
+    id?: string;
+    /** Open the calendar as soon as the field mounts (the rail's inline-edit entry). */
+    autoOpen?: boolean;
+    /** Fired when the calendar closes via Radix (outside-click / Escape / trigger
+     *  toggle) — the inline-edit cell uses it to leave edit mode (Subtask 2.5.5).
+     *  A day-pick commits through `onChange` and closes directly, so this fires
+     *  only for a dismiss-without-pick. */
+    onClose?: () => void;
+    className?: string;
+    /** Locale the trigger formats the date in. Beats a `DatePickerFormatProvider`'s. */
+    locale?: DatePickerLocale;
+    /** Formatter for the trigger date, `(isoDate, locale) => string`. Beats the provider's. */
+    formatDate?: DatePickerFormatter;
+}
+declare function DatePicker({ value, onChange, disabled, placeholder, 'aria-label': ariaLabel, id, autoOpen, onClose, className, locale, formatDate, }: DatePickerProps): react_jsx_runtime.JSX.Element;
+
+export { DatePicker, type DatePickerProps };

package/dist/components/ui/DatePicker.js

@@ -0,0 +1,442 @@
+'use client';
+import { forwardRef, useRef, useCallback, useState, useSyncExternalStore, useId, useEffect } from 'react';
+import { Calendar, X, ChevronLeft, ChevronRight } from 'lucide-react';
+import * as RadixPopover from '@radix-ui/react-popover';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useDatePickerFormat } from './DatePickerFormatContext.js';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function getServerSnapshot() {
+  return null;
+}
+function usePortalContainer(own) {
+  const [store] = useState(() => createPortalContainerStore(own));
+  return useSyncExternalStore(store.subscribe, store.getSnapshot, getServerSnapshot);
+}
+function createPortalContainerStore(own) {
+  let container = typeof document === "undefined" ? null : document.fullscreenElement ?? null;
+  return {
+    subscribe(onChange) {
+      const sync = () => {
+        const next = document.fullscreenElement ?? null;
+        const root = own.current;
+        if (next !== null && root !== null && root.contains(next)) return;
+        if (next === container) return;
+        container = next;
+        onChange();
+      };
+      sync();
+      document.addEventListener("fullscreenchange", sync);
+      return () => document.removeEventListener("fullscreenchange", sync);
+    },
+    getSnapshot: () => container
+  };
+}
+function PopoverRoot({ open, onOpenChange, modal, children }) {
+  return /* @__PURE__ */ jsx(RadixPopover.Root, { open, onOpenChange, modal, children });
+}
+var PopoverContent = forwardRef(function PopoverContent2({
+  className,
+  align = "start",
+  sideOffset = 8,
+  width = 320,
+  style,
+  children,
+  overflowVisible = false,
+  ...rest
+}, ref) {
+  const contentRef = useRef(null);
+  const setContentRef = useCallback(
+    (node) => {
+      contentRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref]
+  );
+  const fullscreenContainer = usePortalContainer(contentRef);
+  return /* @__PURE__ */ jsx(RadixPopover.Portal, { container: fullscreenContainer ?? void 0, children: /* @__PURE__ */ jsx(
+    RadixPopover.Content,
+    {
+      ref: setContentRef,
+      align,
+      sideOffset,
+      "data-surface": "popover",
+      className: cn(
+        "z-50 rounded-(--radius-card) bg-(--el-page-bg)",
+        overflowVisible ? "overflow-visible" : "overflow-hidden",
+        "shadow-(--shadow-elevated) border border-(--el-border)",
+        "focus:outline-none",
+        // NO entry/exit animation utilities here. Overlay motion is the
+        // THEME's, declared per style in `theme.css` against the
+        // `data-surface="popover"` hook above and gated behind
+        // `prefers-reduced-motion` — see the `immersive-menu-open` block.
+        // `animate-in` / `fade-in-0` are a Tailwind PLUGIN's vocabulary this
+        // repository has never installed, so they generated nothing
+        // (MOTIR-4889); `tests/theme/no-inert-animation-utilities.test.ts`
+        // keeps them out.
+        className
+      ),
+      style: { width: typeof width === "number" ? `${width}px` : width, ...style },
+      ...rest,
+      children
+    }
+  ) });
+});
+var PopoverTrigger = RadixPopover.Trigger;
+var PopoverClose = RadixPopover.Close;
+var PopoverAnchor = RadixPopover.Anchor;
+var Popover = Object.assign(PopoverRoot, {
+  Trigger: PopoverTrigger,
+  Content: PopoverContent,
+  Close: PopoverClose,
+  Anchor: PopoverAnchor
+});
+var WEEKDAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+var WEEKDAY_LABELS = [
+  "Sunday",
+  "Monday",
+  "Tuesday",
+  "Wednesday",
+  "Thursday",
+  "Friday",
+  "Saturday"
+];
+var MONTHS = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+var pad = (n) => String(n).padStart(2, "0");
+var toKey = ({ y, m, d }) => `${y}-${pad(m + 1)}-${pad(d)}`;
+var sameDay = (a, b) => a.y === b.y && a.m === b.m && a.d === b.d;
+function parseKey(value) {
+  if (!value) return null;
+  const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value);
+  if (!match) return null;
+  return { y: Number(match[1]), m: Number(match[2]) - 1, d: Number(match[3]) };
+}
+function todayUTC() {
+  const now = /* @__PURE__ */ new Date();
+  return { y: now.getUTCFullYear(), m: now.getUTCMonth(), d: now.getUTCDate() };
+}
+function addDays({ y, m, d }, days) {
+  const dt = new Date(Date.UTC(y, m, d + days));
+  return { y: dt.getUTCFullYear(), m: dt.getUTCMonth(), d: dt.getUTCDate() };
+}
+function addMonths({ y, m, d }, delta) {
+  const base = new Date(Date.UTC(y, m + delta, 1));
+  const ny = base.getUTCFullYear();
+  const nm = base.getUTCMonth();
+  const lastDay = new Date(Date.UTC(ny, nm + 1, 0)).getUTCDate();
+  return { y: ny, m: nm, d: Math.min(d, lastDay) };
+}
+function monthGrid(y, m) {
+  const firstDow = new Date(Date.UTC(y, m, 1)).getUTCDay();
+  const start = new Date(Date.UTC(y, m, 1 - firstDow));
+  return Array.from({ length: 42 }, (_, i) => {
+    const dt = new Date(
+      Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate() + i)
+    );
+    return { y: dt.getUTCFullYear(), m: dt.getUTCMonth(), d: dt.getUTCDate() };
+  });
+}
+function DatePicker({
+  value,
+  onChange,
+  disabled = false,
+  placeholder = "Select a date",
+  "aria-label": ariaLabel = "Date",
+  id,
+  autoOpen = false,
+  onClose,
+  className,
+  locale,
+  formatDate
+}) {
+  const selected = parseKey(value);
+  const [open, setOpen] = useState(autoOpen && !disabled);
+  const [view, setView] = useState(() => {
+    const seed = selected ?? todayUTC();
+    return { y: seed.y, m: seed.m };
+  });
+  const [focusKey, setFocusKey] = useState(() => toKey(selected ?? todayUTC()));
+  const gridRef = useRef(null);
+  const format = useDatePickerFormat({ locale, formatDate });
+  const baseId = useId();
+  const captionId = `${baseId}-caption`;
+  const today = todayUTC();
+  useEffect(() => {
+    if (!open) return;
+    const el = gridRef.current?.querySelector(`button[data-key="${focusKey}"]`);
+    el?.focus();
+  }, [open, focusKey, view.y, view.m]);
+  function handleOpenChange(next) {
+    if (disabled) return;
+    if (next) {
+      const anchor = parseKey(value) ?? todayUTC();
+      setView({ y: anchor.y, m: anchor.m });
+      setFocusKey(toKey(anchor));
+    } else {
+      onClose?.();
+    }
+    setOpen(next);
+  }
+  function moveFocus(next) {
+    setView({ y: next.y, m: next.m });
+    setFocusKey(toKey(next));
+  }
+  function select(day) {
+    if (disabled) return;
+    onChange(toKey(day));
+    setOpen(false);
+  }
+  function onGridKeyDown(e) {
+    const cur = parseKey(focusKey);
+    if (!cur) return;
+    switch (e.key) {
+      case "ArrowLeft":
+        e.preventDefault();
+        moveFocus(addDays(cur, -1));
+        break;
+      case "ArrowRight":
+        e.preventDefault();
+        moveFocus(addDays(cur, 1));
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        moveFocus(addDays(cur, -7));
+        break;
+      case "ArrowDown":
+        e.preventDefault();
+        moveFocus(addDays(cur, 7));
+        break;
+      case "PageUp":
+        e.preventDefault();
+        moveFocus(addMonths(cur, -1));
+        break;
+      case "PageDown":
+        e.preventDefault();
+        moveFocus(addMonths(cur, 1));
+        break;
+      case "Home": {
+        e.preventDefault();
+        const dow = new Date(Date.UTC(cur.y, cur.m, cur.d)).getUTCDay();
+        moveFocus(addDays(cur, -dow));
+        break;
+      }
+      case "End": {
+        e.preventDefault();
+        const dow = new Date(Date.UTC(cur.y, cur.m, cur.d)).getUTCDay();
+        moveFocus(addDays(cur, 6 - dow));
+        break;
+      }
+      case "Enter":
+      case " ":
+        e.preventDefault();
+        select(cur);
+        break;
+    }
+  }
+  const cells = monthGrid(view.y, view.m);
+  const triggerLabel = selected && value ? format.formatDate(value) : placeholder;
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx(Popover.Anchor, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex h-(--height-input) w-full items-center gap-2 rounded-(--radius-input) border bg-(--el-page-bg)",
+          "border-(--el-border-strong) px-(--spacing-input-x)",
+          "focus-within:ring-2 focus-within:ring-(--focus-ring-color) focus-within:ring-offset-2 focus-within:ring-offset-background",
+          disabled && "cursor-not-allowed opacity-50",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              id,
+              disabled,
+              "aria-label": ariaLabel,
+              className: "flex flex-1 items-center gap-2 truncate bg-transparent text-left text-sm outline-none disabled:cursor-not-allowed",
+              children: [
+                /* @__PURE__ */ jsx(Calendar, { className: "h-4 w-4 shrink-0 text-(--el-icon-field)", "aria-hidden": true }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "flex-1 truncate",
+                      selected ? "text-(--el-text)" : "text-(--el-text-muted)"
+                    ),
+                    children: triggerLabel
+                  }
+                )
+              ]
+            }
+          ) }),
+          selected && !disabled ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Clear date",
+              onClick: () => onChange(null),
+              className: "inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-(--radius-control) text-(--el-text-muted) hover:bg-(--el-tint-rose) hover:text-(--el-danger)",
+              children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5", "aria-hidden": true })
+            }
+          ) : null
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      Popover.Content,
+      {
+        width: 296,
+        align: "start",
+        role: "dialog",
+        "aria-label": ariaLabel,
+        className: "p-3",
+        onOpenAutoFocus: (e) => {
+          e.preventDefault();
+          gridRef.current?.querySelector(`button[data-key="${focusKey}"]`)?.focus();
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-2.5 flex items-center justify-between px-1", children: [
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                id: captionId,
+                className: "text-sm font-semibold text-(--el-text)",
+                "aria-live": "polite",
+                children: [
+                  MONTHS[view.m],
+                  " ",
+                  view.y
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-0.5", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Previous month",
+                  onClick: () => setView((v) => v.m === 0 ? { y: v.y - 1, m: 11 } : { y: v.y, m: v.m - 1 }),
+                  className: "inline-flex h-(--height-control-28) w-7 items-center justify-center rounded-(--radius-control) text-(--el-text-muted) hover:bg-(--el-surface) hover:text-(--el-text)",
+                  children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-[18px] w-[18px]", "aria-hidden": true })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Next month",
+                  onClick: () => setView((v) => v.m === 11 ? { y: v.y + 1, m: 0 } : { y: v.y, m: v.m + 1 }),
+                  className: "inline-flex h-(--height-control-28) w-7 items-center justify-center rounded-(--radius-control) text-(--el-text-muted) hover:bg-(--el-surface) hover:text-(--el-text)",
+                  children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-[18px] w-[18px]", "aria-hidden": true })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { ref: gridRef, role: "grid", "aria-labelledby": captionId, onKeyDown: onGridKeyDown, children: [
+            /* @__PURE__ */ jsx("div", { role: "row", className: "grid grid-cols-7", children: WEEKDAYS.map((wd, i) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                role: "columnheader",
+                "aria-label": WEEKDAY_LABELS[i],
+                className: "flex h-7 items-center justify-center text-[11px] font-semibold uppercase text-(--el-text-secondary)",
+                children: wd
+              },
+              wd
+            )) }),
+            Array.from({ length: 6 }, (_, week) => /* @__PURE__ */ jsx("div", { role: "row", className: "grid grid-cols-7", children: cells.slice(week * 7, week * 7 + 7).map((day) => {
+              const key = toKey(day);
+              const isOutside = day.m !== view.m;
+              const isSelected = selected ? sameDay(day, selected) : false;
+              const isToday = sameDay(day, today);
+              return /* @__PURE__ */ jsx(
+                "div",
+                {
+                  role: "gridcell",
+                  "aria-selected": isSelected,
+                  className: "flex justify-center",
+                  children: /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      "data-key": key,
+                      tabIndex: key === focusKey ? 0 : -1,
+                      "aria-label": `${MONTHS[day.m]} ${day.d}, ${day.y}`,
+                      "aria-current": isToday ? "date" : void 0,
+                      onClick: () => select(day),
+                      className: cn(
+                        "relative flex h-(--height-control) w-9 items-center justify-center rounded-(--radius-control) border border-transparent text-sm",
+                        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--focus-ring-color)",
+                        isOutside && "text-(--el-text-secondary)",
+                        !isOutside && "text-(--el-text)",
+                        !isSelected && "hover:bg-(--el-surface)",
+                        isToday && !isSelected && "border-(--el-border-strong) font-bold",
+                        isSelected && "border-transparent bg-(--el-accent) font-bold text-(--el-accent-text) hover:bg-(--el-accent-pressed)"
+                      ),
+                      children: [
+                        day.d,
+                        isToday && !isSelected ? /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            "aria-hidden": true,
+                            className: "absolute bottom-1 left-1/2 h-1 w-1 -translate-x-1/2 rounded-full bg-(--el-accent)"
+                          }
+                        ) : null
+                      ]
+                    }
+                  )
+                },
+                key
+              );
+            }) }, week))
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-2.5 flex items-center justify-between border-t border-(--el-border-soft) pt-2.5", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => moveFocus(todayUTC()),
+                className: "rounded-(--radius-control) px-(--spacing-control-x-6) py-(--spacing-control-y-4) text-sm font-medium text-(--el-link) hover:bg-(--el-surface)",
+                children: "Today"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  onChange(null);
+                  setOpen(false);
+                },
+                className: "rounded-(--radius-control) px-(--spacing-control-x-6) py-(--spacing-control-y-4) text-sm font-medium text-(--el-text-secondary) hover:bg-(--el-surface)",
+                children: "Clear"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+export { DatePicker };
+//# sourceMappingURL=DatePicker.js.map
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/ui/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/utils/fullscreen.ts","../../../src/components/ui/Popover.tsx","../../../src/components/ui/DatePicker.tsx"],"names":["PopoverContent","useState","useRef","jsx"],"mappings":"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","file":"DatePicker.js","sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Merge Tailwind class names without conflicts.\n *\n * `clsx` handles conditional inclusion (booleans, undefineds, arrays);\n * `twMerge` resolves conflicting Tailwind classes (later wins, e.g.\n * `px-2 px-4` → `px-4`). Together they are the de facto standard for\n * composing Tailwind classes in React components.\n *\n * @example\n * cn('px-2 py-1', isActive && 'bg-primary', className)\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","'use client';\n\nimport { useState, useSyncExternalStore, type RefObject } from 'react';\n\n/**\n * The element currently in NATIVE full screen (`document.fullscreenElement`), or\n * `null` — re-read on every `fullscreenchange`.\n *\n * While an element is in native full screen the browser paints ONLY that\n * element's subtree, in the top layer. Anything portalled to `document.body` —\n * a dialog, a popover, a picker's menu — is not shown at all, whatever its\n * z-index (MOTIR-7658: the roadmap canvas's quick view opened invisibly and\n * held focus and scroll lock until Esc).\n *\n * A portalling primitive does not use this directly: it uses\n * `usePortalContainer`, which also refuses to follow full screen into the\n * primitive's own subtree.\n *\n * `null` on the server and in a document with no Fullscreen API.\n */\nexport function useFullscreenElement(): Element | null {\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n\nfunction subscribe(onChange: () => void): () => void {\n  document.addEventListener('fullscreenchange', onChange);\n  return () => document.removeEventListener('fullscreenchange', onChange);\n}\n\nfunction getSnapshot(): Element | null {\n  return document.fullscreenElement ?? null;\n}\n\nfunction getServerSnapshot(): null {\n  return null;\n}\n\n/**\n * The element a portalling surface mounts into: the element in native full\n * screen while there is one (MOTIR-7658), else `null` — which the caller turns\n * into `document.body`.\n *\n * `own` is the surface's portalled root (a dialog's content, a menu). When the\n * element that goes full screen is INSIDE it — the native full-screen button of\n * a `<video>` in a dialog — the container stays where it was (MOTIR-8560).\n * Following it would re-portal the surface into its own descendant: React\n * unmounts the subtree to move it, the full-screen element leaves the document,\n * the browser exits full screen, and the surface snaps back to a fresh copy.\n *\n * `null` on the server and in a document with no Fullscreen API.\n */\nexport function usePortalContainer(own: RefObject<Element | null>): Element | null {\n  const [store] = useState(() => createPortalContainerStore(own));\n  return useSyncExternalStore(store.subscribe, store.getSnapshot, getServerSnapshot);\n}\n\nfunction createPortalContainerStore(own: RefObject<Element | null>) {\n  let container: Element | null =\n    typeof document === 'undefined' ? null : (document.fullscreenElement ?? null);\n  return {\n    subscribe(onChange: () => void): () => void {\n      const sync = () => {\n        const next = document.fullscreenElement ?? null;\n        const root = own.current;\n        // The surface's own descendant went full screen: stay put.\n        if (next !== null && root !== null && root.contains(next)) return;\n        if (next === container) return;\n        container = next;\n        onChange();\n      };\n      // A change between creating the store and subscribing to it.\n      sync();\n      document.addEventListener('fullscreenchange', sync);\n      return () => document.removeEventListener('fullscreenchange', sync);\n    },\n    getSnapshot: (): Element | null => container,\n  };\n}\n","'use client';\n\nimport {\n  forwardRef,\n  useCallback,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { cn } from '../../utils/cn';\nimport { usePortalContainer } from '../../utils/fullscreen';\n\n/**\n * Popover — anchored, click-outside-dismissable, focus-managed floating\n * panel wrapping @radix-ui/react-popover.\n *\n * Same shape as Modal.tsx (Radix-wrapped, controlled open state). Unlike\n * Modal, the content is anchored to a trigger rather than centered, and\n * there is no overlay — clicking outside dismisses. Use it for menus and\n * dropdowns where the panel holds free-form content (the workspace\n * switcher's section header + membership rows, the user menu).\n *\n * Portal + border + shadow match Modal so the two primitives feel\n * consistent. No new tokens — reuses --radius-card, --shadow-elevated,\n * --color-hairline.\n *\n * @example\n * <Popover open={open} onOpenChange={setOpen}>\n *   <Popover.Trigger asChild>\n *     <Button variant=\"ghost\" rightIcon={<ChevronDown />}>Menu</Button>\n *   </Popover.Trigger>\n *   <Popover.Content align=\"start\">{items}</Popover.Content>\n * </Popover>\n */\nexport interface PopoverProps {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  modal?: boolean;\n  children: ReactNode;\n}\n\nfunction PopoverRoot({ open, onOpenChange, modal, children }: PopoverProps) {\n  return (\n    <RadixPopover.Root open={open} onOpenChange={onOpenChange} modal={modal}>\n      {children}\n    </RadixPopover.Root>\n  );\n}\n\nexport interface PopoverContentProps extends ComponentPropsWithoutRef<typeof RadixPopover.Content> {\n  /** Panel width; defaults to the 320px the switcher mockup pins. */\n  width?: number | string;\n  /**\n   * Drop the panel's `overflow-hidden` so a child anchored dropdown — e.g. a\n   * `Combobox` listbox — can render past the panel's edge instead of being\n   * clipped by it. Set this whenever the popover hosts a `Combobox` (or any\n   * other absolutely-positioned floating child) whose menu can grow taller\n   * than the popover's content-sized height — a real-product Jira-style\n   * dropdown-inside-popover (mark-duplicate target, promote sprint picker)\n   * always escapes its anchor (`bug-combobox-menu-clipped-inside-popover`).\n   *\n   * Safe because the popover's own padding (`p-2`, `p-3`) keeps children off\n   * the rounded corners, so the corners stay clean without overflow clipping;\n   * and the Combobox menu stays in the popover's DOM subtree so non-modal\n   * Radix Popover does not treat its clicks as outside-dismissals.\n   *\n   * Leave unset for popovers that hold only static rows (the workspace\n   * switcher, the user menu) — the default `overflow-hidden` is fine and\n   * cheaper to reason about.\n   */\n  overflowVisible?: boolean;\n}\n\nconst PopoverContent = forwardRef<\n  React.ElementRef<typeof RadixPopover.Content>,\n  PopoverContentProps\n>(function PopoverContent(\n  {\n    className,\n    align = 'start',\n    sideOffset = 8,\n    width = 320,\n    style,\n    children,\n    overflowVisible = false,\n    ...rest\n  },\n  ref,\n) {\n  // Into the element in native full screen while there is one, else <body>\n  // (MOTIR-7658 — the browser paints nothing outside a full-screen element),\n  // unless that element is inside this panel (MOTIR-8560).\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const setContentRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      contentRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref],\n  );\n  const fullscreenContainer = usePortalContainer(contentRef);\n  return (\n    <RadixPopover.Portal container={fullscreenContainer ?? undefined}>\n      <RadixPopover.Content\n        ref={setContentRef}\n        align={align}\n        sideOffset={sideOffset}\n        // `data-surface` lets a surface-material style (glassmorphism) frost\n        // the floating panel — see globals.css's material layer.\n        data-surface=\"popover\"\n        className={cn(\n          'z-50 rounded-(--radius-card) bg-(--el-page-bg)',\n          overflowVisible ? 'overflow-visible' : 'overflow-hidden',\n          'shadow-(--shadow-elevated) border border-(--el-border)',\n          'focus:outline-none',\n          // NO entry/exit animation utilities here. Overlay motion is the\n          // THEME's, declared per style in `theme.css` against the\n          // `data-surface=\"popover\"` hook above and gated behind\n          // `prefers-reduced-motion` — see the `immersive-menu-open` block.\n          // `animate-in` / `fade-in-0` are a Tailwind PLUGIN's vocabulary this\n          // repository has never installed, so they generated nothing\n          // (MOTIR-4889); `tests/theme/no-inert-animation-utilities.test.ts`\n          // keeps them out.\n          className,\n        )}\n        style={{ width: typeof width === 'number' ? `${width}px` : width, ...style }}\n        {...rest}\n      >\n        {children}\n      </RadixPopover.Content>\n    </RadixPopover.Portal>\n  );\n});\n\nconst PopoverTrigger = RadixPopover.Trigger;\nconst PopoverClose = RadixPopover.Close;\nconst PopoverAnchor = RadixPopover.Anchor;\n\nexport const Popover = Object.assign(PopoverRoot, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Close: PopoverClose,\n  Anchor: PopoverAnchor,\n});\n","'use client';\n\nimport { useEffect, useId, useRef, useState } from 'react';\nimport { Calendar, ChevronLeft, ChevronRight, X } from 'lucide-react';\nimport { Popover } from './Popover';\nimport { cn } from '../../utils/cn';\nimport type { DatePickerFormatter, DatePickerLocale } from './datePickerFormat';\nimport { useDatePickerFormat } from './DatePickerFormatContext';\n\n/**\n * DatePicker — the design-system replacement for the native `<input type=\"date\">`\n * calendar popup (Subtask 2.4.12, design `design/work-items/datepicker.mock.html`).\n * An `Input`-styled trigger field (selected date or placeholder + a Clear control)\n * opens an anchored `Popover` holding a month grid.\n *\n * Moved into `@motir/design-system` from motir-core's `components/ui/` (Story\n * MOTIR-10551) so any app on the package can use it. It needs no i18n library:\n * the trigger formats the selected date with an INJECTED locale + formatter —\n * the `locale` / `formatDate` props, else the nearest `DatePickerFormatProvider`,\n * else the default (locale `en`, a UTC formatter: `2026-06-03` → `Jun 3, 2026`),\n * resolved per input. The calendar's own strings (month and weekday names,\n * `Select a date`, `Clear date`, `Today`, `Clear`) stay English.\n *\n * Pure presentation: no queries, no Server Actions. The value crosses as an ISO\n * `YYYY-MM-DD` string (or null) — exactly what the issue forms already hold — so\n * the swap is drop-in: `value` + `onChange(next)` + `disabled`. All date math is\n * UTC-based (via `Date.UTC` / `getUTC*`), so there is no off-by-one from\n * local-timezone parsing — the same guard the ISO-string shape already gives the\n * forms.\n *\n * A11y: the WAI-ARIA dialog + grid date-picker pattern, hand-rolled like\n * `Combobox` / `TreeTable`. The trigger is a labelled button (Radix Popover gives\n * it `aria-haspopup=\"dialog\"`); the panel is a labelled `dialog` holding a\n * `role=\"grid\"` of day buttons with roving tabindex + the 2.4.11 keyboard model\n * (arrows / PageUp-Down / Home-End / Enter / Esc). Today carries\n * `aria-current=\"date\"`, the selected day `aria-selected` — per the WAI-ARIA APG\n * (the durable a11y standard; the 2.4.12 card's \"aria-current on selected\" is the\n * looser reading, deferred to the APG split). Themed through `--el-*` only.\n *\n * @example\n * <DatePicker value={dueDate} onChange={setDueDate} aria-label=\"Due date\" />\n */\nconst WEEKDAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'] as const;\nconst WEEKDAY_LABELS = [\n  'Sunday',\n  'Monday',\n  'Tuesday',\n  'Wednesday',\n  'Thursday',\n  'Friday',\n  'Saturday',\n] as const;\nconst MONTHS = [\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] as const;\n\ninterface YMD {\n  y: number;\n  m: number; // 0-indexed month\n  d: number;\n}\n\nconst pad = (n: number) => String(n).padStart(2, '0');\nconst toKey = ({ y, m, d }: YMD) => `${y}-${pad(m + 1)}-${pad(d)}`;\nconst sameDay = (a: YMD, b: YMD) => a.y === b.y && a.m === b.m && a.d === b.d;\n\nfunction parseKey(value: string | null): YMD | null {\n  if (!value) return null;\n  const match = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(value);\n  if (!match) return null;\n  return { y: Number(match[1]), m: Number(match[2]) - 1, d: Number(match[3]) };\n}\n\n/** Today as a UTC calendar date — matches the UTC formatting the trigger uses. */\nfunction todayUTC(): YMD {\n  const now = new Date();\n  return { y: now.getUTCFullYear(), m: now.getUTCMonth(), d: now.getUTCDate() };\n}\n\n/** Shift a date by ±days, normalising month/year rollover via Date.UTC. */\nfunction addDays({ y, m, d }: YMD, days: number): YMD {\n  const dt = new Date(Date.UTC(y, m, d + days));\n  return { y: dt.getUTCFullYear(), m: dt.getUTCMonth(), d: dt.getUTCDate() };\n}\n\n/** Same day-of-month in the month `delta` away, clamped to that month's length. */\nfunction addMonths({ y, m, d }: YMD, delta: number): YMD {\n  const base = new Date(Date.UTC(y, m + delta, 1));\n  const ny = base.getUTCFullYear();\n  const nm = base.getUTCMonth();\n  const lastDay = new Date(Date.UTC(ny, nm + 1, 0)).getUTCDate();\n  return { y: ny, m: nm, d: Math.min(d, lastDay) };\n}\n\n/** The 42 cells (6 weeks) of the month grid, starting on the Sunday on/before the 1st. */\nfunction monthGrid(y: number, m: number): YMD[] {\n  const firstDow = new Date(Date.UTC(y, m, 1)).getUTCDay();\n  const start = new Date(Date.UTC(y, m, 1 - firstDow));\n  return Array.from({ length: 42 }, (_, i) => {\n    const dt = new Date(\n      Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate() + i),\n    );\n    return { y: dt.getUTCFullYear(), m: dt.getUTCMonth(), d: dt.getUTCDate() };\n  });\n}\n\nexport interface DatePickerProps {\n  /** Selected date as an ISO `YYYY-MM-DD` string, or null when unset. */\n  value: string | null;\n  /** Called with the next `YYYY-MM-DD` string, or null when cleared. */\n  onChange: (next: string | null) => void;\n  disabled?: boolean;\n  /** Trigger text when nothing is selected. */\n  placeholder?: string;\n  /** Accessible name for the trigger + calendar dialog. */\n  'aria-label'?: string;\n  /** id for the trigger button (e.g. to pair with an external label). */\n  id?: string;\n  /** Open the calendar as soon as the field mounts (the rail's inline-edit entry). */\n  autoOpen?: boolean;\n  /** Fired when the calendar closes via Radix (outside-click / Escape / trigger\n   *  toggle) — the inline-edit cell uses it to leave edit mode (Subtask 2.5.5).\n   *  A day-pick commits through `onChange` and closes directly, so this fires\n   *  only for a dismiss-without-pick. */\n  onClose?: () => void;\n  className?: string;\n  /** Locale the trigger formats the date in. Beats a `DatePickerFormatProvider`'s. */\n  locale?: DatePickerLocale;\n  /** Formatter for the trigger date, `(isoDate, locale) => string`. Beats the provider's. */\n  formatDate?: DatePickerFormatter;\n}\n\nexport function DatePicker({\n  value,\n  onChange,\n  disabled = false,\n  placeholder = 'Select a date',\n  'aria-label': ariaLabel = 'Date',\n  id,\n  autoOpen = false,\n  onClose,\n  className,\n  locale,\n  formatDate,\n}: DatePickerProps) {\n  const selected = parseKey(value);\n  // Disabled never opens, `autoOpen` included (MOTIR-6173 — the MOTIR-4822 path).\n  const [open, setOpen] = useState(autoOpen && !disabled);\n  // The month on screen + the day holding roving focus. Seeded on each open.\n  const [view, setView] = useState<{ y: number; m: number }>(() => {\n    const seed = selected ?? todayUTC();\n    return { y: seed.y, m: seed.m };\n  });\n  const [focusKey, setFocusKey] = useState<string>(() => toKey(selected ?? todayUTC()));\n\n  const gridRef = useRef<HTMLDivElement>(null);\n  // Prop → provider → default, per input (the precedence lives in the resolver).\n  const format = useDatePickerFormat({ locale, formatDate });\n  const baseId = useId();\n  const captionId = `${baseId}-caption`;\n  const today = todayUTC();\n\n  // Move DOM focus to the roving day whenever it (or the open month) changes —\n  // a pure DOM side-effect, never setState (the seeding lives in handleOpenChange\n  // so this effect can't cascade). The initial autoOpen anchor comes from the\n  // useState initializers above.\n  useEffect(() => {\n    if (!open) return;\n    const el = gridRef.current?.querySelector<HTMLButtonElement>(`button[data-key=\"${focusKey}\"]`);\n    el?.focus();\n  }, [open, focusKey, view.y, view.m]);\n\n  // Re-seed the view + roving focus to the selected day (or today) every time the\n  // calendar opens — in the open handler, not an effect, so re-opening after an\n  // external value change re-anchors without a setState-in-effect cascade.\n  function handleOpenChange(next: boolean) {\n    if (disabled) return;\n    if (next) {\n      const anchor = parseKey(value) ?? todayUTC();\n      setView({ y: anchor.y, m: anchor.m });\n      setFocusKey(toKey(anchor));\n    } else {\n      onClose?.();\n    }\n    setOpen(next);\n  }\n\n  function moveFocus(next: YMD) {\n    setView({ y: next.y, m: next.m });\n    setFocusKey(toKey(next));\n  }\n\n  function select(day: YMD) {\n    if (disabled) return;\n    onChange(toKey(day));\n    setOpen(false);\n  }\n\n  function onGridKeyDown(e: React.KeyboardEvent) {\n    const cur = parseKey(focusKey);\n    if (!cur) return;\n    switch (e.key) {\n      case 'ArrowLeft':\n        e.preventDefault();\n        moveFocus(addDays(cur, -1));\n        break;\n      case 'ArrowRight':\n        e.preventDefault();\n        moveFocus(addDays(cur, 1));\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        moveFocus(addDays(cur, -7));\n        break;\n      case 'ArrowDown':\n        e.preventDefault();\n        moveFocus(addDays(cur, 7));\n        break;\n      case 'PageUp':\n        e.preventDefault();\n        moveFocus(addMonths(cur, -1));\n        break;\n      case 'PageDown':\n        e.preventDefault();\n        moveFocus(addMonths(cur, 1));\n        break;\n      case 'Home': {\n        e.preventDefault();\n        const dow = new Date(Date.UTC(cur.y, cur.m, cur.d)).getUTCDay();\n        moveFocus(addDays(cur, -dow));\n        break;\n      }\n      case 'End': {\n        e.preventDefault();\n        const dow = new Date(Date.UTC(cur.y, cur.m, cur.d)).getUTCDay();\n        moveFocus(addDays(cur, 6 - dow));\n        break;\n      }\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        select(cur);\n        break;\n      // Escape is handled by Radix Popover (closes + returns focus to the trigger).\n    }\n  }\n\n  const cells = monthGrid(view.y, view.m);\n  const triggerLabel = selected && value ? format.formatDate(value) : placeholder;\n\n  return (\n    <Popover open={open} onOpenChange={handleOpenChange}>\n      <Popover.Anchor asChild>\n        <div\n          className={cn(\n            'flex h-(--height-input) w-full items-center gap-2 rounded-(--radius-input) border bg-(--el-page-bg)',\n            'border-(--el-border-strong) px-(--spacing-input-x)',\n            'focus-within:ring-2 focus-within:ring-(--focus-ring-color) focus-within:ring-offset-2 focus-within:ring-offset-background',\n            disabled && 'cursor-not-allowed opacity-50',\n            className,\n          )}\n        >\n          <Popover.Trigger asChild>\n            <button\n              type=\"button\"\n              id={id}\n              disabled={disabled}\n              aria-label={ariaLabel}\n              className=\"flex flex-1 items-center gap-2 truncate bg-transparent text-left text-sm outline-none disabled:cursor-not-allowed\"\n            >\n              <Calendar className=\"h-4 w-4 shrink-0 text-(--el-icon-field)\" aria-hidden />\n              <span\n                className={cn(\n                  'flex-1 truncate',\n                  selected ? 'text-(--el-text)' : 'text-(--el-text-muted)',\n                )}\n              >\n                {triggerLabel}\n              </span>\n            </button>\n          </Popover.Trigger>\n          {selected && !disabled ? (\n            <button\n              type=\"button\"\n              aria-label=\"Clear date\"\n              onClick={() => onChange(null)}\n              className=\"inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-(--radius-control) text-(--el-text-muted) hover:bg-(--el-tint-rose) hover:text-(--el-danger)\"\n            >\n              <X className=\"h-3.5 w-3.5\" aria-hidden />\n            </button>\n          ) : null}\n        </div>\n      </Popover.Anchor>\n\n      <Popover.Content\n        width={296}\n        align=\"start\"\n        role=\"dialog\"\n        aria-label={ariaLabel}\n        className=\"p-3\"\n        onOpenAutoFocus={(e) => {\n          // Focus the roving day, not Radix's default (the first tabbable node).\n          e.preventDefault();\n          gridRef.current\n            ?.querySelector<HTMLButtonElement>(`button[data-key=\"${focusKey}\"]`)\n            ?.focus();\n        }}\n      >\n        <div className=\"mb-2.5 flex items-center justify-between px-1\">\n          <span\n            id={captionId}\n            className=\"text-sm font-semibold text-(--el-text)\"\n            aria-live=\"polite\"\n          >\n            {MONTHS[view.m]} {view.y}\n          </span>\n          <div className=\"flex gap-0.5\">\n            <button\n              type=\"button\"\n              aria-label=\"Previous month\"\n              onClick={() =>\n                setView((v) => (v.m === 0 ? { y: v.y - 1, m: 11 } : { y: v.y, m: v.m - 1 }))\n              }\n              className=\"inline-flex h-(--height-control-28) w-7 items-center justify-center rounded-(--radius-control) text-(--el-text-muted) hover:bg-(--el-surface) hover:text-(--el-text)\"\n            >\n              <ChevronLeft className=\"h-[18px] w-[18px]\" aria-hidden />\n            </button>\n            <button\n              type=\"button\"\n              aria-label=\"Next month\"\n              onClick={() =>\n                setView((v) => (v.m === 11 ? { y: v.y + 1, m: 0 } : { y: v.y, m: v.m + 1 }))\n              }\n              className=\"inline-flex h-(--height-control-28) w-7 items-center justify-center rounded-(--radius-control) text-(--el-text-muted) hover:bg-(--el-surface) hover:text-(--el-text)\"\n            >\n              <ChevronRight className=\"h-[18px] w-[18px]\" aria-hidden />\n            </button>\n          </div>\n        </div>\n\n        <div ref={gridRef} role=\"grid\" aria-labelledby={captionId} onKeyDown={onGridKeyDown}>\n          <div role=\"row\" className=\"grid grid-cols-7\">\n            {WEEKDAYS.map((wd, i) => (\n              <span\n                key={wd}\n                role=\"columnheader\"\n                aria-label={WEEKDAY_LABELS[i]}\n                className=\"flex h-7 items-center justify-center text-[11px] font-semibold uppercase text-(--el-text-secondary)\"\n              >\n                {wd}\n              </span>\n            ))}\n          </div>\n          {Array.from({ length: 6 }, (_, week) => (\n            <div role=\"row\" key={week} className=\"grid grid-cols-7\">\n              {cells.slice(week * 7, week * 7 + 7).map((day) => {\n                const key = toKey(day);\n                const isOutside = day.m !== view.m;\n                const isSelected = selected ? sameDay(day, selected) : false;\n                const isToday = sameDay(day, today);\n                return (\n                  <div\n                    role=\"gridcell\"\n                    aria-selected={isSelected}\n                    key={key}\n                    className=\"flex justify-center\"\n                  >\n                    <button\n                      type=\"button\"\n                      data-key={key}\n                      tabIndex={key === focusKey ? 0 : -1}\n                      aria-label={`${MONTHS[day.m]} ${day.d}, ${day.y}`}\n                      aria-current={isToday ? 'date' : undefined}\n                      onClick={() => select(day)}\n                      className={cn(\n                        'relative flex h-(--height-control) w-9 items-center justify-center rounded-(--radius-control) border border-transparent text-sm',\n                        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--focus-ring-color)',\n                        isOutside && 'text-(--el-text-secondary)',\n                        !isOutside && 'text-(--el-text)',\n                        !isSelected && 'hover:bg-(--el-surface)',\n                        isToday && !isSelected && 'border-(--el-border-strong) font-bold',\n                        isSelected &&\n                          'border-transparent bg-(--el-accent) font-bold text-(--el-accent-text) hover:bg-(--el-accent-pressed)',\n                      )}\n                    >\n                      {day.d}\n                      {isToday && !isSelected ? (\n                        <span\n                          aria-hidden\n                          className=\"absolute bottom-1 left-1/2 h-1 w-1 -translate-x-1/2 rounded-full bg-(--el-accent)\"\n                        />\n                      ) : null}\n                    </button>\n                  </div>\n                );\n              })}\n            </div>\n          ))}\n        </div>\n\n        <div className=\"mt-2.5 flex items-center justify-between border-t border-(--el-border-soft) pt-2.5\">\n          <button\n            type=\"button\"\n            onClick={() => moveFocus(todayUTC())}\n            className=\"rounded-(--radius-control) px-(--spacing-control-x-6) py-(--spacing-control-y-4) text-sm font-medium text-(--el-link) hover:bg-(--el-surface)\"\n          >\n            Today\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              onChange(null);\n              setOpen(false);\n            }}\n            className=\"rounded-(--radius-control) px-(--spacing-control-x-6) py-(--spacing-control-y-4) text-sm font-medium text-(--el-text-secondary) hover:bg-(--el-surface)\"\n          >\n            Clear\n          </button>\n        </div>\n      </Popover.Content>\n    </Popover>\n  );\n}\n"]}

package/dist/components/ui/DatePickerFormatContext.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { DatePickerFormatInputs, ResolvedDatePickerFormat } from './datePickerFormat.js';
+
+interface DatePickerFormatProviderProps extends DatePickerFormatInputs {
+    children: ReactNode;
+}
+/**
+ * Sets the `DatePicker`'s locale and/or formatter for everything below it.
+ * Each input is optional and merges over an enclosing provider PER FIELD: an
+ * inner provider that sets only `locale` keeps the outer `formatDate`.
+ *
+ * @example
+ * <DatePickerFormatProvider locale={appLocale} formatDate={appFormatDate}>
+ *   <App />
+ * </DatePickerFormatProvider>
+ */
+declare function DatePickerFormatProvider({ locale, formatDate, children, }: DatePickerFormatProviderProps): react_jsx_runtime.JSX.Element;
+/**
+ * The resolved format for a picker: `props` (a component's own `locale` /
+ * `formatDate`) beat the nearest provider, which beats the default — per field.
+ * Called with no argument it resolves the provider over the default.
+ */
+declare function useDatePickerFormat(props?: DatePickerFormatInputs): ResolvedDatePickerFormat;
+
+export { DatePickerFormatProvider, type DatePickerFormatProviderProps, useDatePickerFormat };

package/dist/components/ui/DatePickerFormatContext.js

@@ -0,0 +1,58 @@
+'use client';
+import { createContext, useContext, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/ui/datePickerFormat.ts
+var DEFAULT_DATE_PICKER_LOCALE = "en";
+var DATE_ONLY_UTC = {
+  timeZone: "UTC",
+  year: "numeric",
+  month: "short",
+  day: "numeric"
+};
+var FALLBACK_INTL_TAG = "en-US";
+function toIntlTag(locale) {
+  return locale === DEFAULT_DATE_PICKER_LOCALE ? FALLBACK_INTL_TAG : locale;
+}
+var defaultDatePickerFormatter = (isoDate, locale) => {
+  const date = new Date(isoDate);
+  try {
+    return date.toLocaleString(toIntlTag(locale), DATE_ONLY_UTC);
+  } catch (error) {
+    if (error instanceof RangeError) return date.toLocaleString(FALLBACK_INTL_TAG, DATE_ONLY_UTC);
+    throw error;
+  }
+};
+function resolveDatePickerFormat(props = {}, provider = {}) {
+  const locale = props.locale ?? provider.locale ?? DEFAULT_DATE_PICKER_LOCALE;
+  const formatter = props.formatDate ?? provider.formatDate ?? defaultDatePickerFormatter;
+  return { locale, formatDate: (isoDate) => formatter(isoDate, locale) };
+}
+var DatePickerFormatContext = createContext({});
+function DatePickerFormatProvider({
+  locale,
+  formatDate,
+  children
+}) {
+  const parent = useContext(DatePickerFormatContext);
+  const value = useMemo(
+    () => ({
+      locale: locale ?? parent.locale,
+      formatDate: formatDate ?? parent.formatDate
+    }),
+    [locale, formatDate, parent.locale, parent.formatDate]
+  );
+  return /* @__PURE__ */ jsx(DatePickerFormatContext.Provider, { value, children });
+}
+function useDatePickerFormat(props = {}) {
+  const provider = useContext(DatePickerFormatContext);
+  const { locale, formatDate } = props;
+  return useMemo(
+    () => resolveDatePickerFormat({ locale, formatDate }, provider),
+    [locale, formatDate, provider]
+  );
+}
+
+export { DatePickerFormatProvider, useDatePickerFormat };
+//# sourceMappingURL=DatePickerFormatContext.js.map
+//# sourceMappingURL=DatePickerFormatContext.js.map