@sixthshift/design-system 0.2.1 → 0.4.0

package/dist/components/DatePicker/DatePicker.js

@@ -3,12 +3,67 @@ import { autoUpdate, FloatingPortal, flip, offset, shift, useClick, useDismiss,
 import { useControllableState } from "@sixthshift/design-system/hooks";
 import { cn } from "@sixthshift/design-system/utils";
 import { Calendar as CalendarIcon, X } from "lucide-react";
-import { useCallback, useId, useState } from "react";
-import { isPlainDate, today } from "../../date-time/index.js";
-import { Calendar } from "../Calendar/index.js";
+import * as React from "react";
+import { useCallback, useId, useMemo, useRef, useState } from "react";
+import { adaptDisabledDates, fromISODate, fromISODateOrUndefined, fromISODateRange, isPlainDate, today, toISODate, toISODateOrUndefined, toISODateRange, } from "../../date-time/index.js";
+import { PickerField } from "../../internal/index.js";
+import { CalendarView } from "../Calendar/CalendarView.js";
+import { isDateDisabled } from "../Calendar/calendar.hooks.js";
+import { DateSegments } from "./DateSegments.js";
 import { defaultFormatDisplay, getDisplayValue, temporalToISO } from "./datepicker.hooks.js";
-export const DatePicker = (props) => {
-    const { mode = "single", weekStartsOn = 0, minDate, maxDate, disabled, presets, placeholder = "Select date", isDisabled = false, isInvalid = false, name, className, align = "end", clearable = true, } = props;
+/** Widen a public, mode-appropriate ISO value to {@link InternalValue}. */
+function toTemporal(mode, value) {
+    if (mode === "multiple")
+        return (value ?? []).map(fromISODate);
+    if (mode === "range")
+        return fromISODateRange(value);
+    return fromISODateOrUndefined(value);
+}
+/**
+ * A typeable date field and a `Calendar` popover, as one control. `mode`
+ * (`"single" | "range" | "multiple"`, default `"single"`) decides the shape of
+ * `value`/`defaultValue`/`onChange`: an `ISODate` string, an `ISODateRange`
+ * (`{ from?, to? }`), or an `ISODate[]`.
+ *
+ * In `single` mode the field is three `role="spinbutton"` segments rather than a
+ * text box. It is built to be typed straight through: `152026` is January the
+ * 5th 2026, because a digit that cannot extend the segment being typed rolls
+ * into the next one instead of restarting it. Separators (`/`, `-`, `.`) say
+ * done-with-this-one, arrows step a segment, `Backspace` takes back one digit
+ * (then clears, then steps back), `Alt+ArrowDown` opens the grid and moves focus
+ * there, and a paste fills all three. Segments rather than free
+ * text because `08/09` cannot be read without knowing the order: `segmentOrder`
+ * (default `mdy`) says which, the labels say it to a screen reader, and no
+ * parser has to guess. `range` and `multiple` keep the read-only text trigger —
+ * a list of dates has no sensible typed form.
+ *
+ * Typing and picking move one value. The segments show the draft while the
+ * popover is open and the committed value while it is closed, so typing a date
+ * moves the grid to it and picking a day shows up in the segments. The commit
+ * contract stays single: while the popover is open its Apply/Cancel owns the
+ * value (`Enter` in a segment is Apply); while it is closed, a date commits as
+ * soon as all three segments describe one. A partial date is never reported —
+ * clearing a segment reports `undefined`.
+ *
+ * Supports both controlled (`value`/`onChange`) and uncontrolled
+ * (`defaultValue`) use. Opening the popover seeds a draft from the committed
+ * value; picking a date only updates the draft; the footer's Apply commits it
+ * and closes, Cancel discards it and reverts to the last committed value. The
+ * clear button (hidden when `clearable={false}`) bypasses the draft and
+ * commits immediately.
+ *
+ * `minDate`/`maxDate` bound selectable dates inclusively; `disabled` accepts a
+ * single date, a list, or a declarative matcher (before/after/range/weekday)
+ * or predicate — see `DisabledDates`. `presets` renders a sidebar of quick
+ * picks whose values must match `mode`. When `name` is set, the committed
+ * value is mirrored into hidden `<input>`s for native form submission
+ * (`name.from`/`name.to` in range mode, `name[]` per entry in multiple mode).
+ *
+ * Keyboard interaction — arrow keys/Home/End/PageUp/PageDown on the day
+ * grid — is inherited from `Calendar`.
+ */
+export const DatePicker = React.forwardRef((props, ref) => {
+    const { mode = "single", weekStartsOn = 0, minDate, maxDate, disabled, presets, placeholder = "Select date", isDisabled = false, isInvalid = false, name, className, align = "end", clearable = true, segmentOrder = "mdy", } = props;
     // Get mode-specific props
     const value = "value" in props ? props.value : undefined;
     const defaultValue = "defaultValue" in props ? props.defaultValue : undefined;
@@ -16,11 +71,59 @@ export const DatePicker = (props) => {
     const max = mode === "multiple" && "max" in props ? props.max : undefined;
     // Open state
     const [open, setOpen] = useState(false);
+    // Whether the day grid should take focus when the popover mounts — true only
+    // when the popover was opened from the keyboard. See `openWithGridFocus`.
+    const [autoFocusDay, setAutoFocusDay] = useState(false);
+    // ---------------------------------------------------------------------------
+    // The ISO boundary.
+    //
+    // Props arrive as canonical ISO strings and callbacks emit them; everything
+    // below this block — state, the calendar grid, display formatting — works in
+    // Temporal, exactly as before.
+    //
+    // Each conversion is memoised on the string it derives from. Temporal values
+    // have no value identity, so converting unmemoised would hand CalendarView a
+    // fresh object every render and invalidate its grid memos. Strings compare by
+    // value, which makes this strictly more stable than passing Temporal in.
+    // ---------------------------------------------------------------------------
+    const temporalMinDate = useMemo(() => fromISODateOrUndefined(minDate), [minDate]);
+    const temporalMaxDate = useMemo(() => fromISODateOrUndefined(maxDate), [maxDate]);
+    const temporalDisabled = useMemo(() => adaptDisabledDates(disabled), [disabled]);
+    const temporalPresets = useMemo(() => {
+        if (!presets)
+            return undefined;
+        if (mode === "single") {
+            return presets.map((preset) => ({ label: preset.label, value: fromISODate(preset.value) }));
+        }
+        if (mode === "multiple") {
+            return presets.map((preset) => ({ label: preset.label, value: preset.value.map(fromISODate) }));
+        }
+        return presets.map((preset) => ({
+            label: preset.label,
+            value: fromISODateRange(preset.value) ?? { from: undefined, to: undefined },
+        }));
+    }, [mode, presets]);
+    const temporalValue = useMemo(() => toTemporal(mode, value), [mode, value]);
+    // Read once, on mount, by useControllableState's useState initialiser.
+    const temporalDefaultValue = useMemo(() => toTemporal(mode, defaultValue), [mode, defaultValue]);
+    const handleChange = useCallback((next) => {
+        if (!onChange)
+            return;
+        if (mode === "single") {
+            onChange(toISODateOrUndefined(next));
+            return;
+        }
+        if (mode === "multiple") {
+            onChange((next ?? []).map(toISODate));
+            return;
+        }
+        onChange(toISODateRange(next));
+    }, [mode, onChange]);
     // Controllable value state (external/committed value)
     const [committedValue, setCommittedValue] = useControllableState({
-        value: value,
-        defaultValue: defaultValue,
-        onChange: onChange,
+        value: temporalValue,
+        defaultValue: temporalDefaultValue,
+        onChange: handleChange,
     });
     // Draft value (internal state while popup is open)
     const [draftValue, setDraftValue] = useState(committedValue);
@@ -29,6 +132,9 @@ export const DatePicker = (props) => {
         if (newOpen) {
             setDraftValue(committedValue);
         }
+        else {
+            setAutoFocusDay(false);
+        }
         setOpen(newOpen);
     }, [committedValue]);
     // Month navigation state (uses Temporal.PlainDate for calendar grid)
@@ -101,10 +207,121 @@ export const DatePicker = (props) => {
         return { from: undefined, to: undefined };
     };
     const rangeFormValues = getRangeFormValues();
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: cn("relative flex items-center", mode === "range" && "min-w-91.25", mode !== "range" && "min-w-65"), children: [_jsx(CalendarIcon, { className: "pointer-events-none absolute left-3 h-4 w-4 text-fg-subtle" }), _jsx("input", { ref: refs.setReference, id: inputId, type: "text", readOnly: true, value: displayValue, placeholder: placeholder, disabled: isDisabled, role: "combobox", "aria-invalid": isInvalid, "aria-haspopup": "dialog", "aria-expanded": open, "aria-controls": open ? contentId : undefined, className: cn(`flex h-9 w-full cursor-pointer rounded-md border border-border-normal bg-transparent py-1 pl-9 text-sm shadow-xs transition-colors placeholder:text-fg-subtle focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:opacity-50`, mode === "range" && "min-w-91.25", mode !== "range" && "min-w-65", clearable && hasValue ? "pr-9" : "pr-3", isInvalid && "border-border-danger", className), ...getReferenceProps() }), clearable && hasValue && !isDisabled && (_jsx("button", { type: "button", onClick: handleClear, className: "absolute right-3 rounded-sm p-0.5 text-fg-subtle hover:bg-bg-subtle hover:text-fg-normal focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring", "aria-label": "Clear date", children: _jsx(X, { className: "h-3.5 w-3.5" }) })), name && mode === "single" && committedValue && _jsx("input", { type: "hidden", name: name, value: getFormValue() }), name && mode === "range" && committedValue && (_jsxs(_Fragment, { children: [rangeFormValues.from && _jsx("input", { type: "hidden", name: `${name}.from`, value: rangeFormValues.from }), rangeFormValues.to && _jsx("input", { type: "hidden", name: `${name}.to`, value: rangeFormValues.to })] })), name &&
+    // ---------------------------------------------------------------------------
+    // The typeable field (single mode).
+    //
+    // One value, two ways to move it. The segments show the draft while the
+    // popover is open and the committed value while it is closed, which is what
+    // makes typing and clicking feel like one control: type a date and the grid
+    // follows it, click a day and the segments follow that. The commit contract
+    // stays single — open means the popover's Apply/Cancel owns it, closed means a
+    // complete date commits as soon as it is complete.
+    // ---------------------------------------------------------------------------
+    const segmentSource = open ? draftValue : committedValue;
+    const segmentValue = isPlainDate(segmentSource) ? segmentSource : undefined;
+    /**
+     * A typed date can be one the grid would refuse — nothing stops you typing
+     * past `maxDate`. Rather than silently clamping it (which loses what was
+     * typed) or refusing it (which strands the field mid-edit), the field says so:
+     * `aria-invalid` and the danger border, with the value still reported so the
+     * caller's own validation sees the attempt.
+     */
+    const outOfBounds = useCallback((date) => date !== undefined && isDateDisabled(date, temporalDisabled, temporalMinDate, temporalMaxDate), [temporalDisabled, temporalMaxDate, temporalMinDate]);
+    const handleSegmentsChange = useCallback((date) => {
+        // Keep the grid on the month being typed, so opening it lands where the
+        // user already is rather than on today.
+        if (date)
+            setMonth(date);
+        if (open) {
+            setDraftValue(date);
+            return;
+        }
+        setCommittedValue(date);
+    }, [open, setCommittedValue]);
+    /** `Alt+ArrowDown` from a segment: open the grid *and* go there. */
+    const openWithGridFocus = useCallback(() => {
+        setAutoFocusDay(true);
+        handleOpenChange(true);
+    }, [handleOpenChange]);
+    /** `Enter` in a segment commits the draft, matching the popover's Apply. */
+    const handleFieldSubmit = useCallback(() => {
+        if (open)
+            handleApply();
+    }, [handleApply, open]);
+    // ---------------------------------------------------------------------------
+    // Range mode: two fields, not one.
+    //
+    // A range is two dates, and typing one of them should not require knowing
+    // where the other ends. Each half is its own segmented field with its own
+    // clear button; they share the one popover, which anchors to whichever half
+    // you are in so it opens under the date you are editing.
+    // ---------------------------------------------------------------------------
+    const rangeSource = (open ? draftValue : committedValue);
+    const setRangeEnd = useCallback((end, date) => {
+        if (date)
+            setMonth(date);
+        const current = (open ? draftValue : committedValue);
+        const next = { from: current?.from, to: current?.to, [end]: date };
+        if (open) {
+            setDraftValue(next);
+            return;
+        }
+        setCommittedValue(next);
+    }, [committedValue, draftValue, open, setCommittedValue]);
+    const clearRangeEnd = useCallback((end) => (event) => {
+        event.stopPropagation();
+        event.preventDefault();
+        const existing = committedValue;
+        const next = {
+            from: end === "from" ? undefined : existing?.from,
+            to: end === "to" ? undefined : existing?.to,
+        };
+        // Clearing the last remaining end clears the range itself, so a consumer
+        // gets `undefined` rather than a husk with two empty ends.
+        const cleared = !next.from && !next.to;
+        setCommittedValue((cleared ? undefined : next));
+    }, [committedValue, setCommittedValue]);
+    // The popover anchors to the half being edited, so it opens under the date in
+    // question rather than under the middle of a wide trigger.
+    const rangeHalves = useRef({ from: null, to: null });
+    const anchorToHalf = useCallback((end) => {
+        const node = rangeHalves.current[end];
+        if (node)
+            refs.setPositionReference(node);
+    }, [refs]);
+    /**
+     * One end of the range. A render function rather than a component so the
+     * fields are not remounted — and so focus is not dropped — on every keystroke.
+     */
+    const renderRangeHalf = (end, label) => {
+        const shown = end === "from" ? rangeSource?.from : rangeSource?.to;
+        const settled = end === "from" ? committedValue?.from : committedValue?.to;
+        return (_jsx(PickerField, { ref: (node) => {
+                rangeHalves.current[end] = node;
+            }, onFocusCapture: () => anchorToHalf(end), className: "min-w-45 flex-1", icon: _jsx(CalendarIcon, { className: "h-4 w-4" }), toggleLabel: `Open calendar for ${label.toLowerCase()}`, 
+            // Both handlers have to run: Floating UI's opens the popover, and ours
+            // points it at this half. Spreading after `onClick` would drop ours on
+            // the floor, which is how the popover ended up anchored to the whole
+            // trigger.
+            toggleProps: getReferenceProps({ onClick: () => anchorToHalf(end) }), isOpen: open, contentId: contentId, isDisabled: isDisabled, isInvalid: isInvalid || outOfBounds(shown), onClear: clearable && settled && !isDisabled ? clearRangeEnd(end) : undefined, clearLabel: `Clear ${label.toLowerCase()}`, children: _jsx(DateSegments, { className: "h-full flex-1", label: label, value: shown, onChange: (date) => setRangeEnd(end, date), order: segmentOrder, isDisabled: isDisabled, isInvalid: isInvalid || outOfBounds(shown), onOpenRequest: () => {
+                    anchorToHalf(end);
+                    openWithGridFocus();
+                }, onSubmit: handleFieldSubmit }) }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { ref: (node) => {
+                    // The container is the interaction reference, so a click in either
+                    // range half counts as inside; range mode then re-points the
+                    // *position* reference at the half being edited.
+                    refs.setReference(node);
+                    if (typeof ref === "function")
+                        ref(node);
+                    else if (ref)
+                        ref.current = node;
+                }, className: cn("relative flex items-center gap-2", mode === "range" && "min-w-91.25", mode !== "range" && "min-w-65"), children: [mode === "range" ? (_jsxs(_Fragment, { children: [renderRangeHalf("from", "Start date"), _jsx("span", { "aria-hidden": "true", className: "text-fg-subtle", children: "\u2013" }), renderRangeHalf("to", "End date")] })) : mode === "single" ? (_jsx(PickerField, { className: cn("w-full min-w-65", className), icon: _jsx(CalendarIcon, { className: "h-4 w-4" }), toggleLabel: "Open calendar", toggleProps: getReferenceProps(), isOpen: open, contentId: contentId, isDisabled: isDisabled, isInvalid: isInvalid || outOfBounds(segmentValue), onClear: clearable && hasValue && !isDisabled ? handleClear : undefined, clearLabel: "Clear date", children: _jsx(DateSegments, { className: "h-full flex-1", id: inputId, value: segmentValue, onChange: handleSegmentsChange, order: segmentOrder, isDisabled: isDisabled, isInvalid: isInvalid || outOfBounds(segmentValue), onOpenRequest: openWithGridFocus, onSubmit: handleFieldSubmit }) })) : (_jsxs(_Fragment, { children: [_jsx(CalendarIcon, { className: "pointer-events-none absolute left-3 h-4 w-4 text-fg-subtle" }), _jsx("input", { id: inputId, type: "text", readOnly: true, value: displayValue, placeholder: placeholder, disabled: isDisabled, role: "combobox", "aria-invalid": isInvalid, "aria-haspopup": "dialog", "aria-expanded": open, "aria-controls": open ? contentId : undefined, className: cn(`flex h-9 w-full cursor-pointer rounded-md border border-border-normal bg-transparent py-1 pl-9 text-sm shadow-xs transition-colors placeholder:text-fg-subtle focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:opacity-50`, "min-w-65", clearable && hasValue ? "pr-9" : "pr-3", isInvalid && "border-border-danger", className), ...getReferenceProps() })] })), clearable && hasValue && !isDisabled && mode === "multiple" && (_jsx("button", { type: "button", onClick: handleClear, className: "absolute right-3 rounded-sm p-0.5 text-fg-subtle hover:bg-bg-subtle hover:text-fg-normal focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring", "aria-label": "Clear date", children: _jsx(X, { className: "h-3.5 w-3.5" }) })), name && mode === "single" && committedValue && _jsx("input", { type: "hidden", name: name, value: getFormValue() }), name && mode === "range" && committedValue && (_jsxs(_Fragment, { children: [rangeFormValues.from && _jsx("input", { type: "hidden", name: `${name}.from`, value: rangeFormValues.from }), rangeFormValues.to && _jsx("input", { type: "hidden", name: `${name}.to`, value: rangeFormValues.to })] })), name &&
                         mode === "multiple" &&
                         Array.isArray(committedValue) &&
                         // biome-ignore lint/suspicious/noArrayIndexKey: Hidden form inputs for stable date array
-                        committedValue.map((date, i) => _jsx("input", { type: "hidden", name: `${name}[]`, value: temporalToISO(date) }, i))] }), open && (_jsx(FloatingPortal, { children: _jsx("div", { ref: refs.setFloating, id: contentId, role: "dialog", "aria-modal": "true", style: floatingStyles, className: "z-popover rounded-xl border border-border-normal bg-bg-normal p-4 shadow-lg", ...getFloatingProps(), children: _jsx(Calendar, { mode: mode, value: draftValue, onSelect: setDraftValue, month: month, onMonthChange: setMonth, minDate: minDate, maxDate: maxDate, disabled: disabled, weekStartsOn: weekStartsOn, presets: presets, showFooter: true, showToday: mode !== "range", onApply: handleApply, onCancel: handleCancel, ...(mode === "multiple" && max ? { max } : {}) }) }) }))] }));
-};
+                        committedValue.map((date, i) => _jsx("input", { type: "hidden", name: `${name}[]`, value: temporalToISO(date) }, i))] }), open && (_jsx(FloatingPortal, { children: _jsx("div", { ref: refs.setFloating, id: contentId, role: "dialog", "aria-label": "Choose date", style: floatingStyles, className: "z-popover rounded-xl border border-border-normal bg-bg-normal p-4 shadow-lg", ...getFloatingProps(), children: _jsx(CalendarView, { mode: mode, value: draftValue, onSelect: setDraftValue, month: month, onMonthChange: setMonth, minDate: temporalMinDate, maxDate: temporalMaxDate, disabled: temporalDisabled, weekStartsOn: weekStartsOn, presets: temporalPresets, showFooter: true, showToday: mode !== "range", onApply: handleApply, onCancel: handleCancel, autoFocusDay: autoFocusDay, ...(mode === "multiple" && max ? { max } : {}) }) }) }))] }));
+});
+DatePicker.displayName = "DatePicker";
 //# sourceMappingURL=DatePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,60 @@
+import { type Temporal } from "../../date-time/index.js";
+import { type SegmentSpec, type SegmentValues } from "../../internal/index.js";
+import type { DateSegmentOrder } from "./datepicker.types.js";
+type SegmentName = "day" | "month" | "year";
+export type DateSegmentsProps = {
+    /** The date the segments display. `undefined` leaves them empty. */
+    value: Temporal.PlainDate | undefined;
+    /**
+     * Fires with a complete date, or `undefined` the moment the segments stop
+     * describing one. Never fires a partial date.
+     */
+    onChange: (date: Temporal.PlainDate | undefined) => void;
+    order?: DateSegmentOrder | undefined;
+    isDisabled?: boolean | undefined;
+    isInvalid?: boolean | undefined;
+    /** Accessible name for the segment group. */
+    label?: string | undefined;
+    /** `Alt+ArrowDown` — the combobox convention for "open the popup". */
+    onOpenRequest?: (() => void) | undefined;
+    /** `Enter` — the caller decides whether that means commit, submit or nothing. */
+    onSubmit?: (() => void) | undefined;
+    id?: string | undefined;
+    className?: string | undefined;
+};
+export declare const DATE_ORDERS: Record<DateSegmentOrder, SegmentName[]>;
+export declare const dateToSegments: (date: Temporal.PlainDate | undefined) => SegmentValues;
+/**
+ * The day is clamped rather than rejected: typing `31` and then moving the month
+ * to February is a normal editing path, and snapping to the 28th keeps the field
+ * describing a date the user can see and correct. Nothing else can be out of
+ * range — the segments cap themselves as they are typed.
+ */
+export declare const dateFromSegments: (values: Record<string, number>) => Temporal.PlainDate;
+/**
+ * ISO is always accepted — it is unambiguous, and it is what the rest of the
+ * library speaks. Anything else is read in the field's own segment order, which
+ * is the only reading that cannot be wrong.
+ */
+export declare function parseDatePasteIn(order: DateSegmentOrder): (text: string) => SegmentValues | null;
+/**
+ * The typeable half of `DatePicker`: a date as three spinbutton segments.
+ *
+ * A thin spec over `SegmentedField`, which owns the keyboard model — digits
+ * rolling forward, separators, digit-aware `Backspace`, deferred `onChange`.
+ * What belongs to dates specifically lives here: the segment order (never
+ * inferred from the locale, because `08/09` is a different date under each),
+ * clamping the day to the month, and accepting a pasted ISO date.
+ *
+ * Internal to `DatePicker`; not exported from `./index.ts`.
+ */
+/**
+ * The three date segments in the given order.
+ *
+ * Exported because `DateTimePicker` builds one field out of these plus the time
+ * segments, rather than two fields glued together.
+ */
+export declare function dateSpec(order: DateSegmentOrder): SegmentSpec[];
+export declare function DateSegments({ value, onChange, order, label, ...rest }: DateSegmentsProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=DateSegments.d.ts.map

package/dist/components/DatePicker/DateSegments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateSegments.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DateSegments.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAoB,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAkB,KAAK,WAAW,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACtF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,KAAK,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oEAAoE;IACpE,KAAK,EAAE,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAC;IACtC;;;OAGG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,KAAK,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,sEAAsE;IACtE,aAAa,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACzC,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpC,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,gBAAgB,EAAE,WAAW,EAAE,CAI/D,CAAC;AAWF,eAAO,MAAM,cAAc,SAAU,QAAQ,CAAC,SAAS,GAAG,SAAS,KAAG,aACiC,CAAC;AAExG;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,WAAY,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAG,QAAQ,CAAC,SAI1E,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,UACxC,MAAM,KAAG,aAAa,GAAG,IAAI,CAa5C;AAED;;;;;;;;;;GAUG;AACH;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,gBAAgB,GAAG,WAAW,EAAE,CAW/D;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAa,EAAE,KAAc,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,+BAgB1G"}

package/dist/components/DatePicker/DateSegments.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { today, toISODate } from "../../date-time/index.js";
+import { SegmentedField } from "../../internal/index.js";
+export const DATE_ORDERS = {
+    mdy: ["month", "day", "year"],
+    dmy: ["day", "month", "year"],
+    ymd: ["year", "month", "day"],
+};
+const BASE = {
+    day: { name: "day", label: "Day", placeholder: "dd", digits: 2, min: 1, max: 31 },
+    month: { name: "month", label: "Month", placeholder: "mm", digits: 2, min: 1, max: 12 },
+    year: { name: "year", label: "Year", placeholder: "yyyy", digits: 4, min: 1, max: 9999 },
+};
+/** Days in a (year, month). `day: 1` keeps `with` from constraining a stale day. */
+const daysInMonth = (year, month) => today().with({ year, month, day: 1 }).daysInMonth;
+export const dateToSegments = (date) => date ? { day: date.day, month: date.month, year: date.year } : { day: null, month: null, year: null };
+/**
+ * The day is clamped rather than rejected: typing `31` and then moving the month
+ * to February is a normal editing path, and snapping to the 28th keeps the field
+ * describing a date the user can see and correct. Nothing else can be out of
+ * range — the segments cap themselves as they are typed.
+ */
+export const dateFromSegments = (values) => {
+    const year = values.year;
+    const month = values.month;
+    return today().with({ year, month, day: Math.min(values.day, daysInMonth(year, month)) });
+};
+/**
+ * ISO is always accepted — it is unambiguous, and it is what the rest of the
+ * library speaks. Anything else is read in the field's own segment order, which
+ * is the only reading that cannot be wrong.
+ */
+export function parseDatePasteIn(order) {
+    return (text) => {
+        const iso = /^(\d{4})-(\d{2})-(\d{2})$/.exec(text);
+        const parts = iso ? [iso[1], iso[2], iso[3]] : text.split(/[/\-.\s]+/);
+        const names = iso ? DATE_ORDERS.ymd : DATE_ORDERS[order];
+        if (parts.length !== 3 || parts.some((part) => !/^\d+$/.test(part)))
+            return null;
+        const next = { day: null, month: null, year: null };
+        names.forEach((name, index) => {
+            const numeric = Number(parts[index]);
+            next[name] = numeric >= BASE[name].min && numeric <= BASE[name].max ? numeric : null;
+        });
+        return next;
+    };
+}
+/**
+ * The typeable half of `DatePicker`: a date as three spinbutton segments.
+ *
+ * A thin spec over `SegmentedField`, which owns the keyboard model — digits
+ * rolling forward, separators, digit-aware `Backspace`, deferred `onChange`.
+ * What belongs to dates specifically lives here: the segment order (never
+ * inferred from the locale, because `08/09` is a different date under each),
+ * clamping the day to the month, and accepting a pasted ISO date.
+ *
+ * Internal to `DatePicker`; not exported from `./index.ts`.
+ */
+/**
+ * The three date segments in the given order.
+ *
+ * Exported because `DateTimePicker` builds one field out of these plus the time
+ * segments, rather than two fields glued together.
+ */
+export function dateSpec(order) {
+    const separator = order === "ymd" ? "-" : "/";
+    const current = dateToSegments(today());
+    return DATE_ORDERS[order].map((name, index) => ({
+        ...BASE[name],
+        // An arrow key on an empty segment starts from today, not from 1: the year
+        // is the segment most likely to already be right.
+        stepFrom: current[name] ?? BASE[name].min,
+        separatorBefore: index > 0 ? separator : undefined,
+    }));
+}
+export function DateSegments({ value, onChange, order = "mdy", label = "Date", ...rest }) {
+    const spec = dateSpec(order);
+    return (_jsx(SegmentedField, { spec: spec, value: value, toSegments: dateToSegments, fromSegments: dateFromSegments, keyOf: toISODate, onChange: onChange, parsePaste: parseDatePasteIn(order), label: label, ...rest }));
+}
+//# sourceMappingURL=DateSegments.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateSegments.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DateSegments.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,cAAc,EAAwC,MAAM,gBAAgB,CAAC;AA0BtF,MAAM,CAAC,MAAM,WAAW,GAA4C;IAClE,GAAG,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC;IAC7B,GAAG,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC;IAC7B,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC;CAC9B,CAAC;AAEF,MAAM,IAAI,GAA0G;IAClH,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IACjF,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IACvF,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE;CACzF,CAAC;AAEF,oFAAoF;AACpF,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC;AAEvG,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAoC,EAAiB,EAAE,CACpF,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAExG;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAA8B,EAAsB,EAAE;IACrF,MAAM,IAAI,GAAG,MAAM,CAAC,IAAK,CAAC;IAC1B,MAAM,KAAK,GAAG,MAAM,CAAC,KAAM,CAAC;IAC5B,OAAO,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAI,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;AAC7F,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAuB;IACtD,OAAO,CAAC,IAAY,EAAwB,EAAE;QAC5C,MAAM,GAAG,GAAG,2BAA2B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAE,EAAE,GAAG,CAAC,CAAC,CAAE,EAAE,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC1E,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACzD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAAE,OAAO,IAAI,CAAC;QAEjF,MAAM,IAAI,GAAkB,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QACnE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;YACrC,IAAI,CAAC,IAAI,CAAC,GAAG,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;QACvF,CAAC,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;GAUG;AACH;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAuB;IAC9C,MAAM,SAAS,GAAG,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAC9C,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC;IAExC,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QAC9C,GAAG,IAAI,CAAC,IAAI,CAAC;QACb,2EAA2E;QAC3E,kDAAkD;QAClD,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG;QACzC,eAAe,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;KACnD,CAAC,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,KAAK,EAAE,KAAK,GAAG,MAAM,EAAE,GAAG,IAAI,EAAqB;IACzG,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE7B,OAAO,CACL,KAAC,cAAc,IACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,cAAc,EAC1B,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,gBAAgB,CAAC,KAAK,CAAC,EACnC,KAAK,EAAE,KAAK,KACR,IAAI,GACR,CACH,CAAC;AACJ,CAAC"}

package/dist/components/DatePicker/datepicker.types.d.ts

@@ -1,43 +1,54 @@
 /**
- * DatePicker types
+ * DatePicker types.
  *
- * All date values use Temporal.PlainDate at the component boundary.
- * This provides type safety and semantic clarity about what kind of date is expected.
+ * All date values at the public boundary are canonical ISO 8601 strings
+ * (`"2026-08-26"`). Temporal is an implementation detail of the calendar grid;
+ * the `*Internal` types below describe that layer and are not exported from
+ * `./index.ts`.
  */
-import type { Temporal, WeekStartsOn } from "../../date-time/index.js";
+import type { DisabledDates, ISODate, ISODateRange, Temporal, TemporalDisabledMatcher, WeekStartsOn } from "../../date-time/index.js";
 import type { PresetOption as CalendarPresetOption } from "../Calendar/calendar.types.js";
 /**
- * Date range value for range mode
+ * Selection mode for the DatePicker
+ */
+export type DatePickerMode = "single" | "range" | "multiple";
+/**
+ * Which order the typeable segments read in.
+ *
+ * Explicit rather than inferred from the runtime locale: `08/09` is a different
+ * date under `mdy` than under `dmy`, and a component that guesses is wrong for
+ * half its users. Defaults to `mdy`, matching the `en-US` formatting the rest
+ * of the library's display helpers use.
+ */
+export type DateSegmentOrder = "mdy" | "dmy" | "ymd";
+/**
+ * Date range value in Temporal terms, used by `datepicker.hooks`.
+ *
+ * The public equivalent is `ISODateRange`.
  */
 export type DateRangeValue = {
     from: Temporal.PlainDate | undefined;
     to: Temporal.PlainDate | undefined;
 };
 /**
- * Selection mode for the DatePicker
- */
-export type DatePickerMode = "single" | "range" | "multiple";
-/**
- * Matchers for disabling dates
+ * Temporal-shaped disabled matchers, produced from the public
+ * {@link DisabledDates} by `adaptDisabledDates`.
  */
-export type DisabledDateMatcher = Temporal.PlainDate | Temporal.PlainDate[] | ((date: Temporal.PlainDate) => boolean) | {
-    before: Temporal.PlainDate;
-} | {
-    after: Temporal.PlainDate;
-} | {
-    from: Temporal.PlainDate;
-    to: Temporal.PlainDate;
-};
+export type DisabledDateMatcher = TemporalDisabledMatcher;
 type DatePickerBaseProps = {
     /** First day of week (0 = Sunday, 1 = Monday) */
     weekStartsOn?: WeekStartsOn;
-    /** Minimum selectable date */
-    minDate?: Temporal.PlainDate;
-    /** Maximum selectable date */
-    maxDate?: Temporal.PlainDate;
-    /** Disabled dates */
-    disabled?: DisabledDateMatcher | DisabledDateMatcher[];
-    /** Placeholder text */
+    /** Earliest selectable date, inclusive */
+    minDate?: ISODate;
+    /** Latest selectable date, inclusive */
+    maxDate?: ISODate;
+    /** Which dates to refuse. See `DisabledDates`. */
+    disabled?: DisabledDates | DisabledDates[];
+    /**
+     * Placeholder for the read-only text trigger, which only `multiple` mode
+     * still uses. `single` and `range` are typeable fields whose segments show
+     * their own placeholders (`mm/dd/yyyy`).
+     */
     placeholder?: string;
     /** Input name for form submission */
     name?: string;
@@ -51,41 +62,46 @@ type DatePickerBaseProps = {
     align?: "start" | "end";
     /** Whether the clear button is shown when a value is present (default: true) */
     clearable?: boolean;
+    /**
+     * Segment order for the typeable field (`single` mode only; default `mdy`).
+     * See {@link DateSegmentOrder}.
+     */
+    segmentOrder?: DateSegmentOrder;
 };
 export type DatePickerSingleProps = DatePickerBaseProps & {
     mode?: "single";
     /** Controlled value */
-    value?: Temporal.PlainDate | undefined;
+    value?: ISODate | undefined;
     /** Default value for uncontrolled mode */
-    defaultValue?: Temporal.PlainDate | undefined;
+    defaultValue?: ISODate | undefined;
     /** Called when date changes */
-    onChange?: (date: Temporal.PlainDate | undefined) => void;
+    onChange?: (date: ISODate | undefined) => void;
     /** Preset options (shown in left sidebar) */
-    presets?: CalendarPresetOption<Temporal.PlainDate>[];
+    presets?: CalendarPresetOption<ISODate>[];
 };
 export type DatePickerRangeProps = DatePickerBaseProps & {
     mode: "range";
     /** Controlled value */
-    value?: DateRangeValue | undefined;
+    value?: ISODateRange | undefined;
     /** Default value for uncontrolled mode */
-    defaultValue?: DateRangeValue | undefined;
+    defaultValue?: ISODateRange | undefined;
     /** Called when range changes */
-    onChange?: (range: DateRangeValue | undefined) => void;
+    onChange?: (range: ISODateRange | undefined) => void;
     /** Preset options (shown in left sidebar) */
-    presets?: CalendarPresetOption<DateRangeValue>[];
+    presets?: CalendarPresetOption<ISODateRange>[];
 };
 export type DatePickerMultipleProps = DatePickerBaseProps & {
     mode: "multiple";
     /** Controlled value (array of dates) */
-    value?: Temporal.PlainDate[] | undefined;
+    value?: ISODate[] | undefined;
     /** Default value for uncontrolled mode */
-    defaultValue?: Temporal.PlainDate[] | undefined;
+    defaultValue?: ISODate[] | undefined;
     /** Called when selection changes */
-    onChange?: (dates: Temporal.PlainDate[]) => void;
+    onChange?: (dates: ISODate[]) => void;
     /** Maximum number of dates that can be selected */
     max?: number | undefined;
     /** Preset options (shown in left sidebar) */
-    presets?: CalendarPresetOption<Temporal.PlainDate[]>[];
+    presets?: CalendarPresetOption<ISODate[]>[];
 };
 /**
  * DatePicker props - discriminated union based on mode