@charcuterie/ui 3.0.0 → 3.2.0

package/dist/DatePicker/DatePicker.d.ts

@@ -0,0 +1,138 @@
+import type { ControlSize } from "@charcuterie/tokens";
+import type { ReactNode } from "react";
+import type { SlotProps } from "../slotProps.ts";
+import type { DatePreset } from "./datePresets.ts";
+import type { DateInputKeywords } from "./parseDateInput.ts";
+import type { DateRange } from "./plainDate.ts";
+export type DatePickerProps = SlotProps & {
+    className?: string;
+    /**
+     * Sunday 0 through Saturday 6. Omit and the locale decides, via
+     * `Intl.Locale`'s `getWeekInfo` — which is why there is no
+     * `isMondayFirst` here.
+     */
+    firstDayOfWeek?: number;
+    isDisabled?: boolean;
+    /**
+     * Start-and-end mode. A **mode, not a sibling component** — see
+     * the component docblock, and the `Combobox` `isMultiple`
+     * precedent it follows.
+     */
+    isRange?: boolean;
+    /** Override the English relative words (`today`, `next`, `+3d`). */
+    keywords?: DateInputKeywords;
+    /**
+     * Required. It names the field for a screen reader **and** names
+     * the calendar dialog and its grids, which a `role="dialog"` takes
+     * from nothing else. Inside a `Field`, pass the same text as the
+     * `Field`'s own `label` — they are the same name and WCAG 2.5.3
+     * wants them to agree.
+     */
+    label: string;
+    /** Omit for the platform's resolved locale. */
+    locale?: string;
+    /** ISO `YYYY-MM-DD`. Days after this are unselectable. */
+    maxValue?: string;
+    /** ISO `YYYY-MM-DD`. Days before this are unselectable. */
+    minValue?: string;
+    /**
+     * An ISO `YYYY-MM-DD` in single mode, a `{ end, start }` of them in
+     * range mode, and `null` when cleared. Never a `Date`, and that is
+     * the point — see the docblock.
+     */
+    onChange?: (value: DateRange | null | string) => void;
+    placeholder?: string;
+    /** Pass `[]` to drop the shortcut row entirely. */
+    presets?: readonly DatePreset[];
+    size?: ControlSize;
+    /**
+     * Which zone's calendar "today" is read from, when `today` is
+     * omitted. Ignored when `today` is supplied — which is what every
+     * test and every story does.
+     */
+    timeZone?: string;
+    /**
+     * The clock, injected, as an ISO `YYYY-MM-DD`.
+     *
+     * Every relative form (`tomorrow`, `next fri`, `+14d`), the
+     * `aria-current="date"` marker, and the preset row resolve against
+     * this. Supplying it is what makes the component testable at all:
+     * a date picker tested against the real "today" passes on the day
+     * it was written and fails silently afterwards. Omitted, it is
+     * read **once**, at mount, from `timeZone` or the device.
+     */
+    today?: string;
+    /** **Initial** only, like every other value prop in this library. */
+    value?: DateRange | string;
+};
+/**
+ * A date field: a text input you can actually type into, and a
+ * calendar dialog hanging off it.
+ *
+ * ### The value is a calendar date, never an instant
+ *
+ * `onChange` reports an ISO `YYYY-MM-DD` string — the same format
+ * `<input type="date">` uses — and never a `Date`. A `Date` is a
+ * count of milliseconds, so reading one back always goes through the
+ * browser's timezone, and a due date picked at 23:30 in Denver comes
+ * back as the previous day in London. `plainDate.ts` has the full
+ * argument and the arithmetic; `plainDate.test.ts` re-runs it under
+ * UTC+14 and UTC-11 and asserts nothing moves.
+ *
+ * ### Typing is the feature
+ *
+ * The grid is the fallback, not the interface. `tomorrow`,
+ * `next fri`, `+14d`, `19 aug`, `8/19`, `2026-08-19` and a bare `19`
+ * all resolve, in the active locale, against an injected `today` —
+ * and **the resolution is echoed underneath the field, in a live
+ * region, before anything commits.** Nothing here guesses in
+ * silence: an ambiguous month prefix comes back as "'ju' could be
+ * June or July", not as June. `parseDateInput.ts` is the grammar and
+ * the reasoning.
+ *
+ * ### Range is a mode, not a sibling
+ *
+ * `isRange` follows
+ * [Combobox's `isMultiple`](../../../docs/decisions/2026-08-05-combobox-multi-select-stays-ismultiple-not-a-separate-component.md)
+ * for the same three reasons, which hold even harder here:
+ *
+ *  - **No distinct role.** The family is named by ARIA role. A range
+ *    picker is the same `role="dialog"` over the same `role="grid"`;
+ *    there is no `daterange` role to name a `DateRangePicker` after,
+ *    so the name would describe a *presentation*.
+ *  - **The delta is small and the shared part is everything.** The
+ *    parser, the locale plumbing, the min/max clamp, the keyboard
+ *    grid, the panel, the presets and the echo line are identical.
+ *    What changes is a second input, a second month, and a band
+ *    drawn between two days.
+ *  - **`Combobox` already set the precedent for the value shape.**
+ *    Its `selectedValue` is `readonly string[] | string`; this one is
+ *    `DateRange | string`. A discriminated props union would type
+ *    better and was rejected for that consistency, and because
+ *    Storybook's docgen renders a union props type as an untyped
+ *    object control.
+ *
+ * ### The panel is a container, and it is queried as one
+ *
+ * `@container` sits on the panel, and everything inside sizes to the
+ * panel's own inline size rather than to the window: one-letter
+ * weekday headers and 32px cells below `--cq-xs`, two-letter and
+ * 36px above it, 40px above `--cq-sm`, and in range mode the two
+ * months stack below `--cq-sm` and sit side by side above it. That
+ * is not the same question a media query asks — the owner browses
+ * zoomed in, where a 390px phone reports a 195px layout viewport and
+ * a desktop window at 200% has no room either. The `size` middleware
+ * clamps the panel to the space actually available, and the
+ * container query reads what it got.
+ *
+ * ### It owns its own open state, and its own value
+ *
+ * Assembled, like [`Picker`](../Picker/Picker.tsx): the
+ * `useVisibility` is in here, because a field that needs the caller
+ * to wire `isVisible` is a field the caller has to assemble. And
+ * `value` **seeds** rather than controls, matching `Select`,
+ * `SegmentedControl` and `Combobox` — one owner for the value, which
+ * is the whole of the state layer's argument.
+ */
+export declare const DatePicker: ({ className, firstDayOfWeek, isDisabled, isRange, keywords, label, locale, maxValue, minValue, onChange, placeholder, presets, size, timeZone, today, value, ...receivedSlotProps }: DatePickerProps) => ReactNode;
+//# sourceMappingURL=DatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAKtD,OAAO,KAAK,EAEV,SAAS,EACV,MAAM,OAAO,CAAA;AAYd,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAIhD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAElD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAE5D,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,gBAAgB,CAAA;AAc1D,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B;;;;;;OAMG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,GAAG,MAAM,KAAK,IAAI,CAAA;IACrD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mDAAmD;IACnD,OAAO,CAAC,EAAE,SAAS,UAAU,EAAE,CAAA;IAC/B,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qEAAqE;IACrE,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;CAC3B,CAAA;AAyCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoEG;AACH,eAAO,MAAM,UAAU,GAAI,qLAkBxB,eAAe,KAAG,SAymBpB,CAAA"}

package/dist/DatePicker/DatePicker.js

@@ -0,0 +1,384 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useUniqueId, useVisibility, } from "@charcuterie/logic";
+import { FloatingFocusManager, FloatingPortal, } from "@floating-ui/react";
+import { useRef, useState } from "react";
+import { Button } from "../Button/Button.js";
+import { CONTROL_SIZE_CLASS } from "../controlStyles.js";
+import { IconButton } from "../IconButton/IconButton.js";
+import { DISABLED_CLASS, FOCUS_RING_CLASS, } from "../intentStyles.js";
+import { PANEL_SURFACE_CLASS } from "../Overlay/overlayPanelClass.js";
+import { useAnchoredOverlay } from "../Overlay/useAnchoredOverlay.js";
+import { mergeSlotProps } from "../slotProps.js";
+import { toClassName } from "../toClassName.js";
+import { DateGrid } from "./DateGrid.js";
+import { DEFAULT_DATE_PRESETS } from "./datePresets.js";
+import { parseDateInput } from "./parseDateInput.js";
+import { addDays, addMonths, clampPlainDate, comparePlainDates, formatPlainDate, getFirstDayOfWeek, getIsWithinRange, getLocalPlainDate, parseIsoDate, toIsoDate, } from "./plainDate.js";
+const CHEVRON_PREVIOUS = (_jsx("svg", { "aria-hidden": "true", className: "size-4", fill: "none", focusable: false, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.75, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "m15 18-6-6 6-6" }) }));
+const CHEVRON_NEXT = (_jsx("svg", { "aria-hidden": "true", className: "size-4", fill: "none", focusable: false, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.75, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "m9 18 6-6-6-6" }) }));
+const INPUT_CLASS = "w-full min-w-0 rounded-md border border-border-default bg-surface-raised text-content-primary transition-colors duration-(--duration-fast) ease-standard placeholder:text-content-muted hover:border-border-strong aria-invalid:border-intent-danger-border";
+/**
+ * A date field: a text input you can actually type into, and a
+ * calendar dialog hanging off it.
+ *
+ * ### The value is a calendar date, never an instant
+ *
+ * `onChange` reports an ISO `YYYY-MM-DD` string — the same format
+ * `<input type="date">` uses — and never a `Date`. A `Date` is a
+ * count of milliseconds, so reading one back always goes through the
+ * browser's timezone, and a due date picked at 23:30 in Denver comes
+ * back as the previous day in London. `plainDate.ts` has the full
+ * argument and the arithmetic; `plainDate.test.ts` re-runs it under
+ * UTC+14 and UTC-11 and asserts nothing moves.
+ *
+ * ### Typing is the feature
+ *
+ * The grid is the fallback, not the interface. `tomorrow`,
+ * `next fri`, `+14d`, `19 aug`, `8/19`, `2026-08-19` and a bare `19`
+ * all resolve, in the active locale, against an injected `today` —
+ * and **the resolution is echoed underneath the field, in a live
+ * region, before anything commits.** Nothing here guesses in
+ * silence: an ambiguous month prefix comes back as "'ju' could be
+ * June or July", not as June. `parseDateInput.ts` is the grammar and
+ * the reasoning.
+ *
+ * ### Range is a mode, not a sibling
+ *
+ * `isRange` follows
+ * [Combobox's `isMultiple`](../../../docs/decisions/2026-08-05-combobox-multi-select-stays-ismultiple-not-a-separate-component.md)
+ * for the same three reasons, which hold even harder here:
+ *
+ *  - **No distinct role.** The family is named by ARIA role. A range
+ *    picker is the same `role="dialog"` over the same `role="grid"`;
+ *    there is no `daterange` role to name a `DateRangePicker` after,
+ *    so the name would describe a *presentation*.
+ *  - **The delta is small and the shared part is everything.** The
+ *    parser, the locale plumbing, the min/max clamp, the keyboard
+ *    grid, the panel, the presets and the echo line are identical.
+ *    What changes is a second input, a second month, and a band
+ *    drawn between two days.
+ *  - **`Combobox` already set the precedent for the value shape.**
+ *    Its `selectedValue` is `readonly string[] | string`; this one is
+ *    `DateRange | string`. A discriminated props union would type
+ *    better and was rejected for that consistency, and because
+ *    Storybook's docgen renders a union props type as an untyped
+ *    object control.
+ *
+ * ### The panel is a container, and it is queried as one
+ *
+ * `@container` sits on the panel, and everything inside sizes to the
+ * panel's own inline size rather than to the window: one-letter
+ * weekday headers and 32px cells below `--cq-xs`, two-letter and
+ * 36px above it, 40px above `--cq-sm`, and in range mode the two
+ * months stack below `--cq-sm` and sit side by side above it. That
+ * is not the same question a media query asks — the owner browses
+ * zoomed in, where a 390px phone reports a 195px layout viewport and
+ * a desktop window at 200% has no room either. The `size` middleware
+ * clamps the panel to the space actually available, and the
+ * container query reads what it got.
+ *
+ * ### It owns its own open state, and its own value
+ *
+ * Assembled, like [`Picker`](../Picker/Picker.tsx): the
+ * `useVisibility` is in here, because a field that needs the caller
+ * to wire `isVisible` is a field the caller has to assemble. And
+ * `value` **seeds** rather than controls, matching `Select`,
+ * `SegmentedControl` and `Combobox` — one owner for the value, which
+ * is the whole of the state layer's argument.
+ */
+export const DatePicker = ({ className, firstDayOfWeek, isDisabled = false, isRange = false, keywords, label, locale, maxValue, minValue, onChange, placeholder = "e.g. tomorrow, 8/19, +14d", presets = DEFAULT_DATE_PRESETS, size = "md", timeZone, today, value, ...receivedSlotProps }) => {
+    const baseId = useUniqueId();
+    const anchorElement = useRef(null);
+    const inputElements = useRef(new Map());
+    const { hide, isVisible, show } = useVisibility();
+    /**
+     * Read once, lazily, and never again.
+     *
+     * A component that re-read the clock on every render would change
+     * what `tomorrow` means underneath a user typing it at midnight,
+     * and would make every test a race. `today` as a prop is the
+     * supported way to control it, and every story and test passes it.
+     */
+    const [resolvedToday] = useState(() => parseIsoDate(today) ??
+        getLocalPlainDate(new Date(), timeZone));
+    const todayDate = parseIsoDate(today) ?? resolvedToday;
+    const minimum = parseIsoDate(minValue) ?? undefined;
+    const maximum = parseIsoDate(maxValue) ?? undefined;
+    const resolvedFirstDayOfWeek = firstDayOfWeek ?? getFirstDayOfWeek(locale);
+    const seededRange = typeof value === "string"
+        ? { end: null, start: value }
+        : (value ?? { end: null, start: null });
+    const [range, setRange] = useState(seededRange);
+    const toDisplayText = (isoDate) => {
+        const date = parseIsoDate(isoDate);
+        return date === null
+            ? ""
+            : formatPlainDate(date, {
+                dateStyle: "medium",
+                locale,
+            });
+    };
+    const [texts, setTexts] = useState({
+        end: toDisplayText(seededRange.end),
+        start: toDisplayText(seededRange.start),
+    });
+    const [activeEndpoint, setActiveEndpoint] = useState("start");
+    const [isGridFocused, setIsGridFocused] = useState(false);
+    const [hoveredDate, setHoveredDate] = useState(null);
+    const [focusedDate, setFocusedDate] = useState(() => clampPlainDate(parseIsoDate(seededRange.start) ?? todayDate, minimum, maximum));
+    const [visibleMonth, setVisibleMonth] = useState(() => parseIsoDate(seededRange.start) ?? todayDate);
+    const parsed = parseDateInput(texts[activeEndpoint], {
+        keywords,
+        locale,
+        today: todayDate,
+    });
+    const echoId = `${baseId}-echo`;
+    const dismiss = () => {
+        hide();
+        setIsGridFocused(false);
+        setHoveredDate(null);
+        inputElements.current.get(activeEndpoint)?.focus();
+    };
+    const { context, floatingStyles, getFloatingProps, setFloating, } = useAnchoredOverlay({
+        anchorRef: anchorElement,
+        isVisible,
+        maxHeightPx: 520,
+        maxWidthPx: isRange ? 656 : 320,
+        offsetValue: 4,
+        onDismiss: () => {
+            dismiss();
+        },
+        role: "dialog",
+        trigger: undefined,
+    });
+    const { id: panelId, ...floatingProps } = getFloatingProps();
+    const report = (nextRange) => {
+        setRange(nextRange);
+        if (isRange) {
+            onChange?.(nextRange.end === null && nextRange.start === null
+                ? null
+                : nextRange);
+            return;
+        }
+        onChange?.(nextRange.start);
+    };
+    const writeEndpoint = (endpoint, date) => {
+        const isoDate = date === null ? null : toIsoDate(date);
+        setTexts((previous) => ({
+            ...previous,
+            [endpoint]: date === null ? "" : toDisplayText(isoDate),
+        }));
+        const nextRange = isRange
+            ? { ...range, [endpoint]: isoDate }
+            : { end: null, start: isoDate };
+        // A range whose end precedes its start is not a range anybody
+        // typed on purpose, and rejecting it would throw away the day
+        // they just picked. Swapping keeps both dates and matches every
+        // range control in the wild.
+        const isBackwards = isRange &&
+            nextRange.end !== null &&
+            nextRange.start !== null &&
+            nextRange.end < nextRange.start;
+        report(isBackwards
+            ? { end: nextRange.start, start: nextRange.end }
+            : nextRange);
+    };
+    const commitText = (endpoint) => {
+        const result = parseDateInput(texts[endpoint], {
+            keywords,
+            locale,
+            today: todayDate,
+        });
+        if (result.kind === "empty") {
+            writeEndpoint(endpoint, null);
+            return;
+        }
+        if (result.kind === "unparsed") {
+            // The text stays exactly as typed. Clearing it would throw
+            // away what the user has to edit, and rewriting it to the last
+            // good value would silently discard the thing they meant.
+            return;
+        }
+        writeEndpoint(endpoint, clampPlainDate(result.date, minimum, maximum));
+    };
+    const handleTextChange = (endpoint, nextText) => {
+        setTexts((previous) => ({
+            ...previous,
+            [endpoint]: nextText,
+        }));
+        const result = parseDateInput(nextText, {
+            keywords,
+            locale,
+            today: todayDate,
+        });
+        // Live preview: the grid follows what has been typed so far
+        // without committing it, which is what makes `next fri` legible
+        // rather than an act of faith.
+        if (result.kind === "date") {
+            setFocusedDate(result.date);
+            setVisibleMonth(result.date);
+        }
+    };
+    const chooseDate = (date) => {
+        setFocusedDate(date);
+        if (!isRange) {
+            writeEndpoint("start", date);
+            dismiss();
+            return;
+        }
+        const isStartingOver = range.start === null || range.end !== null;
+        if (isStartingOver) {
+            setTexts((previous) => ({ ...previous, end: "" }));
+            setRange({ end: null, start: toIsoDate(date) });
+            setTexts((previous) => ({
+                ...previous,
+                start: toDisplayText(toIsoDate(date)),
+            }));
+            setActiveEndpoint("end");
+            return;
+        }
+        writeEndpoint("end", date);
+        dismiss();
+    };
+    const handleInputKeyDown = (keyEvent, endpoint) => {
+        if (keyEvent.key === "ArrowDown") {
+            keyEvent.preventDefault();
+            show();
+            setIsGridFocused(true);
+            return;
+        }
+        if (keyEvent.key === "Enter") {
+            keyEvent.preventDefault();
+            commitText(endpoint);
+            if (isVisible) {
+                dismiss();
+            }
+            return;
+        }
+        if (keyEvent.key === "Escape" && isVisible) {
+            keyEvent.preventDefault();
+            dismiss();
+        }
+    };
+    const selectedDates = [
+        parseIsoDate(range.start),
+        parseIsoDate(range.end),
+    ].filter((one) => one !== null);
+    const rangeStartDate = parseIsoDate(range.start);
+    const previewEnd = isRange
+        ? (parseIsoDate(range.end) ??
+            (rangeStartDate === null
+                ? null
+                : (hoveredDate ??
+                    (comparePlainDates(focusedDate, rangeStartDate) >
+                        0
+                        ? focusedDate
+                        : null))))
+        : null;
+    const secondMonth = addMonths(visibleMonth, 1);
+    const monthLabel = (month) => formatPlainDate(month, {
+        locale,
+        month: "long",
+        year: "numeric",
+    });
+    const echoText = parsed.kind === "date"
+        ? formatPlainDate(parsed.date, {
+            dateStyle: "full",
+            locale,
+        })
+        : parsed.kind === "unparsed"
+            ? parsed.reason
+            : "";
+    const isInvalid = parsed.kind === "unparsed";
+    const renderInput = (endpoint) => {
+        const ownProps = {
+            "aria-controls": isVisible ? panelId : undefined,
+            "aria-describedby": echoId,
+            "aria-expanded": isVisible,
+            "aria-haspopup": "dialog",
+            "aria-invalid": activeEndpoint === endpoint && isInvalid
+                ? true
+                : undefined,
+            "aria-label": isRange
+                ? `${label} ${endpoint}`
+                : label,
+            autoComplete: "off",
+            className: toClassName(INPUT_CLASS, CONTROL_SIZE_CLASS[size], FOCUS_RING_CLASS, DISABLED_CLASS),
+            disabled: isDisabled,
+            id: `${baseId}-${endpoint}`,
+            // A date is digits far more often than it is words, and a
+            // numeric-leaning soft keyboard with letters still available is
+            // what lets `8/19` and `next fri` both be typed on a phone.
+            inputMode: "text",
+            onChange: (changeEvent) => {
+                handleTextChange(endpoint, changeEvent.currentTarget.value);
+            },
+            onClick: () => {
+                setActiveEndpoint(endpoint);
+                show();
+            },
+            onFocus: () => {
+                setActiveEndpoint(endpoint);
+            },
+            onKeyDown: (keyEvent) => {
+                handleInputKeyDown(keyEvent, endpoint);
+            },
+            placeholder,
+            ref: (element) => {
+                if (element) {
+                    inputElements.current.set(endpoint, element);
+                }
+                else {
+                    inputElements.current.delete(endpoint);
+                }
+            },
+            role: "combobox",
+            type: "text",
+            value: texts[endpoint],
+        };
+        return (_createElement("input", { ...(endpoint === "start"
+                ? mergeSlotProps(receivedSlotProps, ownProps)
+                : ownProps), key: endpoint }));
+    };
+    const renderGrid = (month) => (_jsx(DateGrid, { firstDayOfWeek: resolvedFirstDayOfWeek, focusedDate: focusedDate, gridMonth: month, isGridFocused: isGridFocused, isRange: isRange, label: monthLabel(month), locale: locale, maximum: maximum, minimum: minimum, onFocusDate: (date) => {
+            setFocusedDate(date);
+            setVisibleMonth(date);
+        }, onHoverDate: setHoveredDate, onSelectDate: chooseDate, previewEnd: previewEnd, rangeStart: rangeStartDate, selectedDates: selectedDates, today: todayDate }, `${month.year}-${month.month}`));
+    return (_jsxs("div", { className: toClassName("flex flex-col gap-1", className), ref: anchorElement, children: [_jsxs("div", { className: "flex items-center gap-2", children: [renderInput("start"), isRange ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", className: "shrink-0 text-content-secondary text-sm", children: "to" }), renderInput("end")] })) : null] }), _jsx("p", { "aria-live": "polite", className: toClassName("min-h-5 text-sm", isInvalid
+                    ? "text-intent-danger-content"
+                    : "text-content-secondary"), id: echoId, role: "status", children: echoText }), isVisible ? (_jsx(FloatingPortal, { children: _jsx(FloatingFocusManager, { context: context, 
+                    // Focus stays where the user is typing until they ask for
+                    // the grid with ArrowDown or a click. A calendar that
+                    // steals the caret on open is a calendar you cannot type
+                    // into, which is the whole point of this field.
+                    disabled: true, modal: false, children: _jsxs("div", { ...floatingProps, "aria-label": `${label} calendar`, className: toClassName(PANEL_SURFACE_CLASS, 
+                        // `overflow-hidden`, because `maxHeightPx` reaches the
+                        // panel as a `max-height` from the `size` middleware and
+                        // nothing else clips: on a phone the preset row simply
+                        // spilled out past the panel's own rounded edge and sat
+                        // on the page behind it. The *months* are what scrolls
+                        // (below), so the month nav and the shortcut row stay
+                        // put — a preset you have to scroll to find is not a
+                        // shortcut, and it is the fastest control here on a
+                        // phone.
+                        "@container z-[var(--layer-modal)] flex flex-col gap-3 overflow-hidden p-3 text-content-primary", isRange ? "w-[41rem]" : "w-80"), id: panelId, ref: setFloating, role: "dialog", style: floatingStyles, children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx(IconButton, { appearance: "ghost", label: "Previous month", onClick: () => {
+                                            setVisibleMonth(addMonths(visibleMonth, -1));
+                                        }, size: "sm", type: "button", children: CHEVRON_PREVIOUS }), _jsx("span", { "aria-live": "polite", className: "font-medium text-sm", children: isRange
+                                            ? `${monthLabel(visibleMonth)} – ${monthLabel(secondMonth)}`
+                                            : monthLabel(visibleMonth) }), _jsx(IconButton, { appearance: "ghost", label: "Next month", onClick: () => {
+                                            setVisibleMonth(addMonths(visibleMonth, 1));
+                                        }, size: "sm", type: "button", children: CHEVRON_NEXT })] }), _jsxs("div", { className: "charcuterie-scrollbar flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto cq-sm:flex-row", children: [renderGrid(visibleMonth), isRange ? renderGrid(secondMonth) : null] }), presets.length > 0 ||
+                                range.start !== null ? (_jsxs("div", { className: "flex flex-wrap items-center gap-1 border-border-subtle border-t pt-2", children: [presets.map((preset) => {
+                                        const presetDate = addDays(todayDate, preset.days);
+                                        return (_jsx(Button, { appearance: "ghost", isDisabled: !getIsWithinRange(presetDate, minimum, maximum), onClick: () => {
+                                                setVisibleMonth(presetDate);
+                                                chooseDate(presetDate);
+                                            }, size: "sm", type: "button", children: preset.label }, preset.label));
+                                    }), range.start === null ? null : (_jsx(Button, { appearance: "ghost", className: "ms-auto", intent: "danger", onClick: () => {
+                                            setTexts({ end: "", start: "" });
+                                            report({ end: null, start: null });
+                                            setActiveEndpoint("start");
+                                        }, size: "sm", type: "button", children: "Clear" }))] })) : null] }) }) })) : null] }));
+};
+//# sourceMappingURL=DatePicker.js.map

package/dist/DatePicker/DatePicker.js.map

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

package/dist/DatePicker/datePresets.d.ts

@@ -0,0 +1,29 @@
+/**
+ * The shortcut row, in its own module.
+ *
+ * Its own file for two reasons, one design and one mechanical. The
+ * design one: a preset is an **offset from today**, not a date, so
+ * the preset row cannot become the one thing in the component that
+ * reads the system clock behind `today`'s back. The mechanical one:
+ * the barrel's assist merges same-source exports into one block, and
+ * `sourceRules.test.ts` asserts a literal `export { <Name> }` line
+ * for every component — so a component file with a second named
+ * export cannot be barrelled the way that rule expects. Same
+ * arrangement as `Toolbar/chooseVisibleCount.ts`.
+ */
+export type DatePreset = {
+    /** Whole days from `today`. Negative is allowed. */
+    days: number;
+    label: string;
+};
+/**
+ * Words, not glyphs — the house rule, and it is the right default
+ * here anyway: "Today" is unambiguous in a way an icon of a calendar
+ * with a dot on it is not.
+ *
+ * Three, because a shortcut row that needs scanning is not a
+ * shortcut. `presets={[]}` removes it; a consumer with its own
+ * cadence (Docket's 14-day staleness) passes its own.
+ */
+export declare const DEFAULT_DATE_PRESETS: readonly DatePreset[];
+//# sourceMappingURL=datePresets.d.ts.map

package/dist/DatePicker/datePresets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePresets.d.ts","sourceRoot":"","sources":["../../src/DatePicker/datePresets.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,MAAM,MAAM,UAAU,GAAG;IACvB,oDAAoD;IACpD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,EAAE,SAAS,UAAU,EAIrD,CAAA"}

package/dist/DatePicker/datePresets.js

@@ -0,0 +1,28 @@
+/**
+ * The shortcut row, in its own module.
+ *
+ * Its own file for two reasons, one design and one mechanical. The
+ * design one: a preset is an **offset from today**, not a date, so
+ * the preset row cannot become the one thing in the component that
+ * reads the system clock behind `today`'s back. The mechanical one:
+ * the barrel's assist merges same-source exports into one block, and
+ * `sourceRules.test.ts` asserts a literal `export { <Name> }` line
+ * for every component — so a component file with a second named
+ * export cannot be barrelled the way that rule expects. Same
+ * arrangement as `Toolbar/chooseVisibleCount.ts`.
+ */
+/**
+ * Words, not glyphs — the house rule, and it is the right default
+ * here anyway: "Today" is unambiguous in a way an icon of a calendar
+ * with a dot on it is not.
+ *
+ * Three, because a shortcut row that needs scanning is not a
+ * shortcut. `presets={[]}` removes it; a consumer with its own
+ * cadence (Docket's 14-day staleness) passes its own.
+ */
+export const DEFAULT_DATE_PRESETS = [
+    { days: 0, label: "Today" },
+    { days: 1, label: "Tomorrow" },
+    { days: 7, label: "Next week" },
+];
+//# sourceMappingURL=datePresets.js.map

package/dist/DatePicker/datePresets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePresets.js","sourceRoot":"","sources":["../../src/DatePicker/datePresets.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAQH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAA0B;IACzD,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE;IAC3B,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE;IAC9B,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE;CAChC,CAAA"}