@automattic/date-range-picker 1.0.0

package/README.md

@@ -0,0 +1,80 @@
+# @automattic/date-range-picker
+
+A date-range picker built on top of `@automattic/ui`'s `DateRangeCalendar`. It
+provides a popover-style trigger, keyboard-navigable preset shortcuts (last 7
+days, month-to-date, etc.), accessible date inputs, and timezone-aware
+site-day handling.
+
+## Installation
+
+```sh
+npm install @automattic/date-range-picker
+```
+
+Consumers must also load the calendar styles from `@automattic/ui` and import
+the picker's own stylesheet. The package ships SCSS source; compile it via
+your own build pipeline (sass-loader, etc.):
+
+```ts
+import '@automattic/ui/style.css';
+import '@automattic/date-range-picker/src/style.scss';
+```
+
+The SCSS expects `$grid-unit-*`, `$radius-small`, and `$gray-600` from
+`@wordpress/base-styles` to be in scope (either via a global `@import` or via
+sass-loader's `additionalData`).
+
+## Usage
+
+```tsx
+import { DateRangePicker } from '@automattic/date-range-picker';
+
+function Example() {
+	const [ range, setRange ] = useState( { start: new Date(), end: new Date() } );
+
+	return (
+		<DateRangePicker
+			start={ range.start }
+			end={ range.end }
+			onChange={ setRange }
+			locale="en-US"
+			timezoneString="America/New_York"
+		/>
+	);
+}
+```
+
+### Props
+
+| Prop                    | Type                                              | Default          | Description                                                                                                                |
+| ----------------------- | ------------------------------------------------- | ---------------- | -------------------------------------------------------------------------------------------------------------------------- |
+| `start`                 | `Date`                                            | _required_       | Start of the selected range.                                                                                               |
+| `end`                   | `Date`                                            | _required_       | End of the selected range.                                                                                                 |
+| `onChange`              | `( next: { start: Date; end: Date } ) => void`    | _required_       | Called when the user applies a new range.                                                                                  |
+| `locale`                | `string`                                          | _required_       | BCP 47 locale used to format the trigger label (e.g. `"en-US"`).                                                           |
+| `timezoneString`        | `string`                                          | `undefined`      | Optional IANA timezone for the calendar (e.g. `"America/New_York"`).                                                       |
+| `gmtOffset`             | `number`                                          | `undefined`      | Fallback offset in hours when `timezoneString` is not available.                                                           |
+| `disableFuture`         | `boolean`                                         | `true`           | Disable days after today.                                                                                                  |
+| `disabledBefore`        | `Date`                                            | `undefined`      | Disable days before this date.                                                                                             |
+| `defaultFallbackPreset` | `PresetId`                                        | `'last-7-days'`  | Preset applied when the user clicks Apply with no dates selected.                                                          |
+| `hiddenPresets`         | `PresetId[]`                                      | `[]`             | Presets to hide from the listbox. Use to scope down the default set per consumer.                                          |
+| `inputsProps`           | `{ onStartFocus?, onEndFocus?, onStartBlur?, … }` | `undefined`      | Focus/blur callbacks for the date inputs (analytics hooks, etc.).                                                          |
+
+### Exports
+
+```ts
+import {
+	DateRangePicker,
+	formatLabel,
+	presetDefs,
+	getActivePresetId,
+	computePresetRange,
+	type PresetId,
+} from '@automattic/date-range-picker';
+```
+
+## Translations
+
+The package uses `@wordpress/i18n` directly. Strings are extracted with the
+default text domain; consumers can override the domain via their build
+pipeline (e.g. Jetpack's `i18n-loader-webpack-plugin`).

package/dist/cjs/button-stack.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonStack = ButtonStack;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@wordpress/components");
+function ButtonStack({ children, ...hStackProps }) {
+    return ((0, jsx_runtime_1.jsx)(components_1.__experimentalHStack, { ...hStackProps, spacing: 3, children: children }));
+}
+//# sourceMappingURL=button-stack.js.map

package/dist/cjs/button-stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-stack.js","sourceRoot":"","sources":["../../src/button-stack.tsx"],"names":[],"mappings":";;AAOA,kCASC;;AAhBD,sDAAuE;AAOvE,SAAgB,WAAW,CAAE,EAC5B,QAAQ,EACR,GAAG,WAAW,EACyD;IACvE,OAAO,CACN,uBAAC,iCAAM,OAAM,WAAW,EAAG,OAAO,EAAG,CAAC,YACnC,QAAQ,GACF,CACT,CAAC;AACH,CAAC"}

package/dist/cjs/date-inputs.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateInputs = DateInputs;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@wordpress/components");
+const i18n_1 = require("@wordpress/i18n");
+function DateInputs({ fromStr, toStr, onFromChange, onToChange, todayStr, minStr, fromStyle, toStyle, stack = false, justify = 'flex-start', containerStyle, onFromFocus, onToFocus, onFromBlur, onToBlur, }) {
+    if (stack) {
+        return ((0, jsx_runtime_1.jsxs)(components_1.__experimentalVStack, { as: "div", spacing: 2, className: "daterange-inputs", style: containerStyle, children: [(0, jsx_runtime_1.jsx)(components_1.__experimentalInputControl, { type: "date", label: (0, i18n_1.__)('Start date'), value: fromStr, onFocus: (e) => {
+                        onFromFocus?.(e);
+                    }, onBlur: (e) => {
+                        onFromBlur?.(e);
+                    }, onChange: (value) => {
+                        onFromChange(value ?? '');
+                    }, autoComplete: "off", min: minStr, max: toStr || todayStr, style: { width: '100%', ...(fromStyle || {}) }, __next40pxDefaultSize: true }), (0, jsx_runtime_1.jsx)(components_1.__experimentalInputControl, { type: "date", label: (0, i18n_1.__)('End date'), value: toStr, onFocus: (e) => {
+                        onToFocus?.(e);
+                    }, onBlur: (e) => {
+                        onToBlur?.(e);
+                    }, onChange: (value) => {
+                        onToChange(value ?? '');
+                    }, autoComplete: "off", min: fromStr || minStr, style: { width: '100%', ...(toStyle || {}) }, __next40pxDefaultSize: true })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(components_1.__experimentalHStack, { as: "div", spacing: 8, justify: justify, className: "daterange-inputs", wrap: false, style: containerStyle, children: [(0, jsx_runtime_1.jsx)(components_1.__experimentalInputControl, { type: "date", label: (0, i18n_1.__)('Start date'), value: fromStr, onFocus: (e) => {
+                    onFromFocus?.(e);
+                }, onBlur: (e) => {
+                    onFromBlur?.(e);
+                }, onChange: (value) => {
+                    onFromChange(value ?? '');
+                }, autoComplete: "off", min: minStr, max: toStr || todayStr, style: fromStyle, __next40pxDefaultSize: true }), (0, jsx_runtime_1.jsx)(components_1.__experimentalInputControl, { type: "date", label: (0, i18n_1.__)('End date'), value: toStr, onFocus: (e) => {
+                    onToFocus?.(e);
+                }, onBlur: (e) => {
+                    onToBlur?.(e);
+                }, onChange: (value) => {
+                    onToChange(value ?? '');
+                }, autoComplete: "off", min: fromStr || minStr, style: toStyle, __next40pxDefaultSize: true })] }));
+}
+//# sourceMappingURL=date-inputs.js.map

package/dist/cjs/date-inputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-inputs.js","sourceRoot":"","sources":["../../src/date-inputs.tsx"],"names":[],"mappings":";;AAgCA,gCA6GC;;AA7ID,sDAI+B;AAC/B,0CAAqC;AA2BrC,SAAgB,UAAU,CAAE,EAC3B,OAAO,EACP,KAAK,EACL,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,EACT,OAAO,EACP,KAAK,GAAG,KAAK,EACb,OAAO,GAAG,YAAY,EACtB,cAAc,EACd,WAAW,EACX,SAAS,EACT,UAAU,EACV,QAAQ,GACS;IACjB,IAAK,KAAK,EAAG,CAAC;QACb,OAAO,CACN,wBAAC,iCAAM,IAAC,EAAE,EAAC,KAAK,EAAC,OAAO,EAAG,CAAC,EAAG,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAG,cAAc,aACjF,uBAAC,uCAAY,IACZ,IAAI,EAAC,MAAM,EACX,KAAK,EAAG,IAAA,SAAE,EAAE,YAAY,CAAE,EAC1B,KAAK,EAAG,OAAO,EACf,OAAO,EAAG,CAAE,CAAiC,EAAG,EAAE;wBACjD,WAAW,EAAE,CAAE,CAAC,CAAE,CAAC;oBACpB,CAAC,EACD,MAAM,EAAG,CAAE,CAAiC,EAAG,EAAE;wBAChD,UAAU,EAAE,CAAE,CAAC,CAAE,CAAC;oBACnB,CAAC,EACD,QAAQ,EAAG,CAAE,KAAc,EAAG,EAAE;wBAC/B,YAAY,CAAE,KAAK,IAAI,EAAE,CAAE,CAAC;oBAC7B,CAAC,EACD,YAAY,EAAC,KAAK,EAClB,GAAG,EAAG,MAAM,EACZ,GAAG,EAAG,KAAK,IAAI,QAAQ,EACvB,KAAK,EAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,CAAE,SAAS,IAAI,EAAE,CAAE,EAAE,EACjD,qBAAqB,SACpB,EACF,uBAAC,uCAAY,IACZ,IAAI,EAAC,MAAM,EACX,KAAK,EAAG,IAAA,SAAE,EAAE,UAAU,CAAE,EACxB,KAAK,EAAG,KAAK,EACb,OAAO,EAAG,CAAE,CAAiC,EAAG,EAAE;wBACjD,SAAS,EAAE,CAAE,CAAC,CAAE,CAAC;oBAClB,CAAC,EACD,MAAM,EAAG,CAAE,CAAiC,EAAG,EAAE;wBAChD,QAAQ,EAAE,CAAE,CAAC,CAAE,CAAC;oBACjB,CAAC,EACD,QAAQ,EAAG,CAAE,KAAc,EAAG,EAAE;wBAC/B,UAAU,CAAE,KAAK,IAAI,EAAE,CAAE,CAAC;oBAC3B,CAAC,EACD,YAAY,EAAC,KAAK,EAClB,GAAG,EAAG,OAAO,IAAI,MAAM,EACvB,KAAK,EAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,CAAE,OAAO,IAAI,EAAE,CAAE,EAAE,EAC/C,qBAAqB,SACpB,IACM,CACT,CAAC;IACH,CAAC;IAED,OAAO,CACN,wBAAC,iCAAM,IACN,EAAE,EAAC,KAAK,EACR,OAAO,EAAG,CAAC,EACX,OAAO,EAAG,OAAO,EACjB,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAG,KAAK,EACZ,KAAK,EAAG,cAAc,aAEtB,uBAAC,uCAAY,IACZ,IAAI,EAAC,MAAM,EACX,KAAK,EAAG,IAAA,SAAE,EAAE,YAAY,CAAE,EAC1B,KAAK,EAAG,OAAO,EACf,OAAO,EAAG,CAAE,CAAiC,EAAG,EAAE;oBACjD,WAAW,EAAE,CAAE,CAAC,CAAE,CAAC;gBACpB,CAAC,EACD,MAAM,EAAG,CAAE,CAAiC,EAAG,EAAE;oBAChD,UAAU,EAAE,CAAE,CAAC,CAAE,CAAC;gBACnB,CAAC,EACD,QAAQ,EAAG,CAAE,KAAc,EAAG,EAAE;oBAC/B,YAAY,CAAE,KAAK,IAAI,EAAE,CAAE,CAAC;gBAC7B,CAAC,EACD,YAAY,EAAC,KAAK,EAClB,GAAG,EAAG,MAAM,EACZ,GAAG,EAAG,KAAK,IAAI,QAAQ,EACvB,KAAK,EAAG,SAAS,EACjB,qBAAqB,SACpB,EACF,uBAAC,uCAAY,IACZ,IAAI,EAAC,MAAM,EACX,KAAK,EAAG,IAAA,SAAE,EAAE,UAAU,CAAE,EACxB,KAAK,EAAG,KAAK,EACb,OAAO,EAAG,CAAE,CAAiC,EAAG,EAAE;oBACjD,SAAS,EAAE,CAAE,CAAC,CAAE,CAAC;gBAClB,CAAC,EACD,MAAM,EAAG,CAAE,CAAiC,EAAG,EAAE;oBAChD,QAAQ,EAAE,CAAE,CAAC,CAAE,CAAC;gBACjB,CAAC,EACD,QAAQ,EAAG,CAAE,KAAc,EAAG,EAAE;oBAC/B,UAAU,CAAE,KAAK,IAAI,EAAE,CAAE,CAAC;gBAC3B,CAAC,EACD,YAAY,EAAC,KAAK,EAClB,GAAG,EAAG,OAAO,IAAI,MAAM,EACvB,KAAK,EAAG,OAAO,EACf,qBAAqB,SACpB,IACM,CACT,CAAC;AACH,CAAC"}

package/dist/cjs/date-range-content.js

@@ -0,0 +1,194 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateRangeContent = DateRangeContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ui_1 = require("@automattic/ui");
+const components_1 = require("@wordpress/components");
+const i18n_1 = require("@wordpress/i18n");
+const date_fns_1 = require("date-fns");
+const react_1 = require("react");
+const button_stack_1 = require("./button-stack");
+const date_inputs_1 = require("./date-inputs");
+const datetime_1 = require("./datetime");
+const presets_listbox_1 = require("./presets-listbox");
+const utils_1 = require("./utils");
+function DateRangeContent(props) {
+    const { isSmall, showTwoMonths = false, fromDraft, toDraft, fromStr, toStr, setFromDraft, setToDraft, setFromStr, setToStr, timezoneString, gmtOffset, onChange, onClose, compositeActiveId, setCompositeActiveId, today, todayStr, mobileLabelId, desktopLabelId, disableFuture = true, disabledBefore, defaultFallbackPreset = 'last-7-days', hiddenPresets, inputsProps, } = props;
+    // Avoid passing invalid or empty time zones to Intl consumers
+    const isValidIanaTimeZone = (timeZone) => {
+        if (!timeZone) {
+            return false;
+        }
+        try {
+            // Will throw for invalid IANA identifiers (including empty strings)
+            Intl.DateTimeFormat('en-US', { timeZone: timeZone });
+            return true;
+        }
+        catch (_e) {
+            return false;
+        }
+    };
+    const timeZoneForCalendar = isValidIanaTimeZone(timezoneString) ? timezoneString : undefined;
+    const [isTyping, setIsTyping] = (0, react_1.useState)(false);
+    const [inputsVersion, setInputsVersion] = (0, react_1.useState)(0);
+    const clear = () => {
+        setFromDraft(undefined);
+        setToDraft(undefined);
+        setFromStr('');
+        setToStr('');
+        setIsTyping(false);
+        // Force controlled inputs to remount so any internal buffers are reset
+        setInputsVersion((version) => version + 1);
+    };
+    const canDefaultApply = !fromDraft && !toDraft && !fromStr && !toStr && !isTyping;
+    const defaultPresetLabel = utils_1.presetDefs.find((p) => p.id === defaultFallbackPreset)?.label || (0, i18n_1.__)('default range');
+    const apply = () => {
+        if (fromDraft && toDraft) {
+            const [startPoint, endPoint] = fromDraft <= toDraft ? [fromDraft, toDraft] : [toDraft, fromDraft];
+            onChange({ start: startPoint, end: endPoint });
+            onClose?.();
+            return;
+        }
+        if (canDefaultApply) {
+            const range = (0, utils_1.computePresetRange)(defaultFallbackPreset, today);
+            if (range) {
+                onChange({ start: range.from, end: range.to });
+                onClose?.();
+            }
+        }
+    };
+    const setPreset = (id) => {
+        const range = (0, utils_1.computePresetRange)(id, today);
+        if (!range) {
+            return;
+        }
+        setFromDraft(range.from);
+        setToDraft(range.to);
+        setFromStr((0, datetime_1.formatYmd)(range.from, timezoneString, gmtOffset));
+        setToStr((0, datetime_1.formatYmd)(range.to, timezoneString, gmtOffset));
+        onChange({ start: range.from, end: range.to });
+        onClose?.();
+    };
+    const activePresetId = (() => {
+        const preset = (0, utils_1.getActivePresetId)(fromDraft, toDraft, today);
+        if (preset) {
+            return preset;
+        }
+        // Only mark "custom" when both dates are present and do not match a known preset
+        if (fromDraft && toDraft) {
+            return 'custom';
+        }
+        // When cleared or incomplete, highlight nothing
+        return undefined;
+    })();
+    // Site “today” as a site-day Date
+    const siteToday = (0, datetime_1.parseYmdLocal)((0, datetime_1.formatYmd)(today, timezoneString, gmtOffset)) ??
+        new Date(today.getFullYear(), today.getMonth(), today.getDate());
+    // Month anchors in site time
+    const siteMonthStart = (0, date_fns_1.startOfMonth)(siteToday);
+    const prevMonthStart = (0, date_fns_1.subMonths)(siteMonthStart, 1);
+    // Build calendar month refs
+    const makeTZMonthFromDate = (d) => timeZoneForCalendar
+        ? new ui_1.TZDate(Date.UTC(d.getFullYear(), d.getMonth(), 1, 12), timeZoneForCalendar)
+        : new Date(d.getFullYear(), d.getMonth(), 1);
+    const defaultMonth = showTwoMonths
+        ? makeTZMonthFromDate(prevMonthStart)
+        : makeTZMonthFromDate(siteMonthStart);
+    const endMonth = makeTZMonthFromDate(siteMonthStart);
+    // Use TZDate for calendar selection when a valid IANA time zone is available
+    const selected = timeZoneForCalendar && (fromDraft || toDraft)
+        ? {
+            from: fromDraft ? new ui_1.TZDate(+fromDraft, timeZoneForCalendar) : undefined,
+            to: toDraft ? new ui_1.TZDate(+toDraft, timeZoneForCalendar) : undefined,
+        }
+        : { from: fromDraft ?? undefined, to: toDraft ?? undefined };
+    const disabledMatcher = (() => {
+        const matchers = [];
+        if (disableFuture) {
+            matchers.push({ after: today });
+        }
+        if (disabledBefore) {
+            matchers.push({ before: disabledBefore });
+        }
+        if (matchers.length === 0) {
+            return undefined;
+        }
+        return matchers.length === 1 ? matchers[0] : matchers;
+    })();
+    const minInputStr = disabledBefore ? (0, datetime_1.formatSiteYmd)(disabledBefore) : undefined;
+    return ((0, jsx_runtime_1.jsxs)(components_1.__experimentalVStack, { as: "div", spacing: 3, style: { padding: 12 }, children: [(0, jsx_runtime_1.jsx)(components_1.__experimentalText, { as: "div", weight: 600, align: "center", size: "smallTitle", children: (0, i18n_1.__)('Date Range') }), isSmall ? ((0, jsx_runtime_1.jsxs)(components_1.__experimentalVStack, { as: "div", spacing: 2, children: [(0, jsx_runtime_1.jsx)(presets_listbox_1.PresetsListbox, { labelId: mobileLabelId, activePresetId: activePresetId, onSelect: setPreset, compositeActiveId: compositeActiveId, setCompositeActiveId: setCompositeActiveId, hiddenPresets: hiddenPresets }), (0, jsx_runtime_1.jsx)(date_inputs_1.DateInputs, { fromStr: fromStr, toStr: toStr, onFromChange: (value) => {
+                            setFromStr(value);
+                            const parsed = value ? (0, datetime_1.parseYmdLocal)(value) || undefined : undefined;
+                            setFromDraft(parsed);
+                            setIsTyping(Boolean(value || toStr));
+                        }, onToChange: (value) => {
+                            setToStr(value);
+                            const parsed = value ? (0, datetime_1.parseYmdLocal)(value) || undefined : undefined;
+                            setToDraft(parsed);
+                            setIsTyping(Boolean(fromStr || value));
+                        }, todayStr: todayStr, minStr: minInputStr, onFromFocus: (e) => {
+                            setIsTyping(true);
+                            inputsProps?.onStartFocus?.(e);
+                        }, onToFocus: (e) => {
+                            setIsTyping(true);
+                            inputsProps?.onEndFocus?.(e);
+                        }, onFromBlur: (e) => {
+                            if (!fromStr && !toStr) {
+                                setIsTyping(false);
+                            }
+                            inputsProps?.onStartBlur?.(e);
+                        }, onToBlur: (e) => {
+                            if (!fromStr && !toStr) {
+                                setIsTyping(false);
+                            }
+                            inputsProps?.onEndBlur?.(e);
+                        }, stack: true, fromStyle: { minWidth: 140 }, toStyle: { minWidth: 140 } }, `inputs-${inputsVersion}-mobile`)] })) : ((0, jsx_runtime_1.jsx)(components_1.__experimentalHStack, { as: "div", spacing: 4, justify: "flex-end", className: "daterange-inputs", wrap: false, style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(date_inputs_1.DateInputs, { fromStr: fromStr, toStr: toStr, onFromChange: (value) => {
+                        setFromStr(value);
+                        const parsed = value ? (0, datetime_1.parseYmdLocal)(value) || undefined : undefined;
+                        setFromDraft(parsed);
+                        setIsTyping(Boolean(value || toStr));
+                    }, onToChange: (value) => {
+                        setToStr(value);
+                        const parsed = value ? (0, datetime_1.parseYmdLocal)(value) || undefined : undefined;
+                        setToDraft(parsed);
+                        setIsTyping(Boolean(fromStr || value));
+                    }, todayStr: todayStr, minStr: minInputStr, onFromFocus: (e) => {
+                        setIsTyping(true);
+                        inputsProps?.onStartFocus?.(e);
+                    }, onToFocus: (e) => {
+                        setIsTyping(true);
+                        inputsProps?.onEndFocus?.(e);
+                    }, onFromBlur: (e) => {
+                        if (!fromStr && !toStr) {
+                            setIsTyping(false);
+                        }
+                        inputsProps?.onStartBlur?.(e);
+                    }, onToBlur: (e) => {
+                        if (!fromStr && !toStr) {
+                            setIsTyping(false);
+                        }
+                        inputsProps?.onEndBlur?.(e);
+                    }, fromStyle: { minWidth: 220, flex: '0 0 auto' }, toStyle: { minWidth: 220, flex: '0 0 auto' }, justify: "flex-end", containerStyle: { width: '100%' } }, `inputs-${inputsVersion}-desktop`) })), (0, jsx_runtime_1.jsxs)(components_1.__experimentalHStack, { as: "div", spacing: 4, justify: "flex-start", className: "daterange-body", wrap: false, children: [!isSmall && ((0, jsx_runtime_1.jsx)(presets_listbox_1.PresetsListbox, { labelId: desktopLabelId, activePresetId: activePresetId, onSelect: setPreset, compositeActiveId: compositeActiveId, setCompositeActiveId: setCompositeActiveId, hiddenPresets: hiddenPresets })), (0, jsx_runtime_1.jsx)("div", { className: "daterange-calendar", children: (0, jsx_runtime_1.jsx)(ui_1.DateRangeCalendar, { timeZone: timeZoneForCalendar, numberOfMonths: isSmall ? 1 : 2, defaultMonth: defaultMonth, endMonth: endMonth, disabled: disabledMatcher, excludeDisabled: true, selected: selected, onSelect: (range) => {
+                                const toNative = (d) => (d ? new Date(d.getTime()) : undefined);
+                                if (range?.from) {
+                                    const from = toNative(range.from);
+                                    setFromDraft(from);
+                                    if (from) {
+                                        setFromStr((0, datetime_1.formatYmd)(from, timezoneString, gmtOffset));
+                                    }
+                                }
+                                if (range?.to) {
+                                    const to = toNative(range.to);
+                                    setToDraft(to);
+                                    if (to) {
+                                        setToStr((0, datetime_1.formatYmd)(to, timezoneString, gmtOffset));
+                                    }
+                                }
+                                setIsTyping(false);
+                            } }) })] }), (0, jsx_runtime_1.jsxs)(button_stack_1.ButtonStack, { as: "div", justify: "flex-end", children: [(0, jsx_runtime_1.jsx)(components_1.Button, { variant: "secondary", onClick: clear, children: (0, i18n_1.__)('Clear') }), (0, jsx_runtime_1.jsx)(components_1.Button, { variant: "primary", onClick: apply, disabled: (!fromDraft || !toDraft) && !canDefaultApply, "aria-label": 
+                        /* translators: %s is the preset label, e.g. 'Last 30 days' */
+                        canDefaultApply ? (0, i18n_1.sprintf)((0, i18n_1.__)('Apply %s'), defaultPresetLabel) : (0, i18n_1.__)('Apply'), children: 
+                        /* translators: %s is the preset label, e.g. 'Last 30 days' */
+                        canDefaultApply ? (0, i18n_1.sprintf)((0, i18n_1.__)('Apply %s'), defaultPresetLabel) : (0, i18n_1.__)('Apply') })] })] }));
+}
+//# sourceMappingURL=date-range-content.js.map

package/dist/cjs/date-range-content.js.map

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

package/dist/cjs/date-range-picker.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateRangePicker = DateRangePicker;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@wordpress/components");
+const compose_1 = require("@wordpress/compose");
+const i18n_1 = require("@wordpress/i18n");
+const icons_1 = require("@wordpress/icons");
+const react_1 = require("react");
+const date_range_content_1 = require("./date-range-content");
+const datetime_1 = require("./datetime");
+const utils_1 = require("./utils");
+require("./style.scss");
+function DateRangePicker({ start, end, onChange, gmtOffset, timezoneString, locale, disableFuture = true, disabledBefore, defaultFallbackPreset = 'last-7-days', hiddenPresets, inputsProps, }) {
+    const isSmall = (0, compose_1.useMediaQuery)('(max-width: 600px)');
+    // Use a wider breakpoint to decide when two calendars can fit comfortably
+    const showTwoMonths = (0, compose_1.useMediaQuery)('(min-width: 900px)');
+    const instanceId = (0, compose_1.useInstanceId)(DateRangePicker, 'daterange');
+    const mobileLabelId = `presets-label-${instanceId}-mobile`;
+    const desktopLabelId = `presets-label-${instanceId}-desktop`;
+    const label = (0, utils_1.formatLabel)(start, end, locale);
+    // Reset internal draft state when key inputs change by remounting the inner component
+    const resetKey = [
+        (0, datetime_1.formatSiteYmd)(start),
+        (0, datetime_1.formatSiteYmd)(end),
+        timezoneString ?? '',
+        gmtOffset ?? '',
+    ].join('|');
+    return ((0, jsx_runtime_1.jsx)(components_1.Dropdown, { popoverProps: { className: 'daterange-popover' }, renderToggle: ({ onToggle, isOpen }) => ((0, jsx_runtime_1.jsx)(components_1.Tooltip, { text: (0, i18n_1.__)('Select a date range'), placement: "top", children: (0, jsx_runtime_1.jsx)("div", { className: "daterange-input__toggle", children: (0, jsx_runtime_1.jsx)(components_1.Button, { type: "button", variant: "tertiary", onClick: onToggle, "aria-haspopup": "dialog", "aria-expanded": isOpen, "aria-label": (0, i18n_1.sprintf)(
+                    /* Translators: %s: date range label */
+                    (0, i18n_1.__)('Date range: %s. Activate to open calendar.'), label), className: "daterange-input__field", icon: icons_1.calendar, iconPosition: "right", children: (0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", className: "daterange-input__text", children: label }) }) }) })), renderContent: ({ onClose }) => ((0, jsx_runtime_1.jsx)(DateRangePickerInner, { isSmall: isSmall, showTwoMonths: showTwoMonths, start: start, end: end, timezoneString: timezoneString, gmtOffset: gmtOffset, onChange: onChange, onClose: onClose, mobileLabelId: mobileLabelId, desktopLabelId: desktopLabelId, disableFuture: disableFuture, disabledBefore: disabledBefore, defaultFallbackPreset: defaultFallbackPreset, hiddenPresets: hiddenPresets, inputsProps: inputsProps }, resetKey)) }));
+}
+function DateRangePickerInner({ isSmall, showTwoMonths, start, end, timezoneString, gmtOffset, onChange, onClose, mobileLabelId, desktopLabelId, disableFuture, disabledBefore, defaultFallbackPreset, hiddenPresets, inputsProps, }) {
+    const [fromDraft, setFromDraft] = (0, react_1.useState)(() => start);
+    const [toDraft, setToDraft] = (0, react_1.useState)(() => end);
+    const [fromStr, setFromStr] = (0, react_1.useState)(() => (0, datetime_1.formatSiteYmd)(start));
+    const [toStr, setToStr] = (0, react_1.useState)(() => (0, datetime_1.formatSiteYmd)(end));
+    // Tracks the keyboard-focused preset in the listbox (roving focus), not the selected preset.
+    const [compositeActiveId, setCompositeActiveId] = (0, react_1.useState)(null);
+    const today = (0, react_1.useMemo)(() => {
+        const parsed = (0, datetime_1.parseYmdLocal)((0, datetime_1.formatYmd)(new Date(), timezoneString, gmtOffset));
+        // Fallback to local midnight if parsing ever fails
+        return (parsed ?? new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()));
+    }, [timezoneString, gmtOffset]);
+    const todayStr = (0, react_1.useMemo)(() => (0, datetime_1.formatSiteYmd)(today), [today]);
+    return ((0, jsx_runtime_1.jsx)(date_range_content_1.DateRangeContent, { isSmall: isSmall, fromDraft: fromDraft, toDraft: toDraft, fromStr: fromStr, toStr: toStr, setFromDraft: setFromDraft, setToDraft: setToDraft, setFromStr: setFromStr, setToStr: setToStr, timezoneString: timezoneString, gmtOffset: gmtOffset, onChange: onChange, onClose: onClose, compositeActiveId: compositeActiveId, setCompositeActiveId: setCompositeActiveId, today: today, todayStr: todayStr, mobileLabelId: mobileLabelId, desktopLabelId: desktopLabelId, disableFuture: disableFuture, disabledBefore: disabledBefore, showTwoMonths: showTwoMonths, defaultFallbackPreset: defaultFallbackPreset, hiddenPresets: hiddenPresets, inputsProps: inputsProps }));
+}
+//# sourceMappingURL=date-range-picker.js.map

package/dist/cjs/date-range-picker.js.map

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

package/dist/cjs/datetime.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatDate = formatDate;
+exports.parseYmdLocal = parseYmdLocal;
+exports.formatYmd = formatYmd;
+exports.formatSiteYmd = formatSiteYmd;
+const date_1 = require("@wordpress/date");
+const date_fns_1 = require("date-fns");
+const YMD_REGEX = /^\d{4}-\d{2}-\d{2}$/;
+function formatDate(date, locale, formatOptions = { dateStyle: 'medium' }) {
+    if (isNaN(date.getTime())) {
+        return '';
+    }
+    return new Intl.DateTimeFormat(locale, formatOptions).format(date);
+}
+/**
+ * Parse a date string in the format "YYYY-MM-DD" (local time).
+ */
+function parseYmdLocal(value) {
+    if (!YMD_REGEX.test(value)) {
+        return null;
+    }
+    const parsed = (0, date_fns_1.parse)(value, 'yyyy-MM-dd', new Date());
+    if (!(0, date_fns_1.isValid)(parsed)) {
+        return null;
+    }
+    // Ensure strict match (reject overflows like 2023-02-31 -> 2023-03-03)
+    return (0, date_fns_1.format)(parsed, 'yyyy-MM-dd') === value ? parsed : null;
+}
+/**
+ * Format a date as a site calendar day (YYYY-MM-DD).
+ */
+function formatYmd(date, timezoneString, gmtOffset) {
+    if (timezoneString) {
+        return (0, date_1.dateI18n)('Y-m-d', date, timezoneString);
+    }
+    if (typeof gmtOffset === 'number') {
+        const shifted = new Date(date.getTime() + gmtOffset * 60 * 60 * 1000);
+        const year = shifted.getUTCFullYear();
+        const month = String(shifted.getUTCMonth() + 1).padStart(2, '0');
+        const day = String(shifted.getUTCDate()).padStart(2, '0');
+        return `${year}-${month}-${day}`;
+    }
+    return (0, date_1.dateI18n)('Y-m-d', date);
+}
+/**
+ * Format a Date that already represents a site calendar day.
+ * This avoids reapplying timezone math to dates coming from the picker or URL.
+ */
+function formatSiteYmd(date) {
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+}
+//# sourceMappingURL=datetime.js.map

package/dist/cjs/datetime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime.js","sourceRoot":"","sources":["../../src/datetime.ts"],"names":[],"mappings":";;AAKA,gCASC;AAKD,sCAUC;AAKD,8BAYC;AAMD,sCAKC;AAzDD,0CAA2C;AAC3C,uCAAkD;AAElD,MAAM,SAAS,GAAG,qBAAqB,CAAC;AAExC,SAAgB,UAAU,CACzB,IAAU,EACV,MAAc,EACd,gBAA4C,EAAE,SAAS,EAAE,QAAQ,EAAE;IAEnE,IAAK,KAAK,CAAE,IAAI,CAAC,OAAO,EAAE,CAAE,EAAG,CAAC;QAC/B,OAAO,EAAE,CAAC;IACX,CAAC;IACD,OAAO,IAAI,IAAI,CAAC,cAAc,CAAE,MAAM,EAAE,aAAa,CAAE,CAAC,MAAM,CAAE,IAAI,CAAE,CAAC;AACxE,CAAC;AAED;;GAEG;AACH,SAAgB,aAAa,CAAE,KAAa;IAC3C,IAAK,CAAE,SAAS,CAAC,IAAI,CAAE,KAAK,CAAE,EAAG,CAAC;QACjC,OAAO,IAAI,CAAC;IACb,CAAC;IACD,MAAM,MAAM,GAAG,IAAA,gBAAK,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,IAAI,EAAE,CAAE,CAAC;IACxD,IAAK,CAAE,IAAA,kBAAO,EAAE,MAAM,CAAE,EAAG,CAAC;QAC3B,OAAO,IAAI,CAAC;IACb,CAAC;IACD,uEAAuE;IACvE,OAAO,IAAA,iBAAM,EAAE,MAAM,EAAE,YAAY,CAAE,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACjE,CAAC;AAED;;GAEG;AACH,SAAgB,SAAS,CAAE,IAAU,EAAE,cAAuB,EAAE,SAAkB;IACjF,IAAK,cAAc,EAAG,CAAC;QACtB,OAAO,IAAA,eAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,cAAc,CAAE,CAAC;IAClD,CAAC;IACD,IAAK,OAAO,SAAS,KAAK,QAAQ,EAAG,CAAC;QACrC,MAAM,OAAO,GAAG,IAAI,IAAI,CAAE,IAAI,CAAC,OAAO,EAAE,GAAG,SAAS,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAE,CAAC;QACxE,MAAM,IAAI,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC;QACtC,MAAM,KAAK,GAAG,MAAM,CAAE,OAAO,CAAC,WAAW,EAAE,GAAG,CAAC,CAAE,CAAC,QAAQ,CAAE,CAAC,EAAE,GAAG,CAAE,CAAC;QACrE,MAAM,GAAG,GAAG,MAAM,CAAE,OAAO,CAAC,UAAU,EAAE,CAAE,CAAC,QAAQ,CAAE,CAAC,EAAE,GAAG,CAAE,CAAC;QAC9D,OAAO,GAAI,IAAK,IAAK,KAAM,IAAK,GAAI,EAAE,CAAC;IACxC,CAAC;IACD,OAAO,IAAA,eAAQ,EAAE,OAAO,EAAE,IAAI,CAAE,CAAC;AAClC,CAAC;AAED;;;GAGG;AACH,SAAgB,aAAa,CAAE,IAAU;IACxC,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IAChC,MAAM,KAAK,GAAG,MAAM,CAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAE,CAAC,QAAQ,CAAE,CAAC,EAAE,GAAG,CAAE,CAAC;IAC/D,MAAM,GAAG,GAAG,MAAM,CAAE,IAAI,CAAC,OAAO,EAAE,CAAE,CAAC,QAAQ,CAAE,CAAC,EAAE,GAAG,CAAE,CAAC;IACxD,OAAO,GAAI,IAAK,IAAK,KAAM,IAAK,GAAI,EAAE,CAAC;AACxC,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseYmdLocal = exports.formatSiteYmd = exports.formatYmd = exports.presetDefs = exports.isLast7Days = exports.getActivePresetId = exports.formatLabel = exports.computePresetRange = exports.DateRangePicker = void 0;
+var date_range_picker_1 = require("./date-range-picker");
+Object.defineProperty(exports, "DateRangePicker", { enumerable: true, get: function () { return date_range_picker_1.DateRangePicker; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "computePresetRange", { enumerable: true, get: function () { return utils_1.computePresetRange; } });
+Object.defineProperty(exports, "formatLabel", { enumerable: true, get: function () { return utils_1.formatLabel; } });
+Object.defineProperty(exports, "getActivePresetId", { enumerable: true, get: function () { return utils_1.getActivePresetId; } });
+Object.defineProperty(exports, "isLast7Days", { enumerable: true, get: function () { return utils_1.isLast7Days; } });
+Object.defineProperty(exports, "presetDefs", { enumerable: true, get: function () { return utils_1.presetDefs; } });
+var datetime_1 = require("./datetime");
+Object.defineProperty(exports, "formatYmd", { enumerable: true, get: function () { return datetime_1.formatYmd; } });
+Object.defineProperty(exports, "formatSiteYmd", { enumerable: true, get: function () { return datetime_1.formatSiteYmd; } });
+Object.defineProperty(exports, "parseYmdLocal", { enumerable: true, get: function () { return datetime_1.parseYmdLocal; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,yDAAsD;AAA7C,oHAAA,eAAe,OAAA;AAExB,iCAMiB;AALhB,2GAAA,kBAAkB,OAAA;AAClB,oGAAA,WAAW,OAAA;AACX,0GAAA,iBAAiB,OAAA;AACjB,oGAAA,WAAW,OAAA;AACX,mGAAA,UAAU,OAAA;AAGX,uCAAqE;AAA5D,qGAAA,SAAS,OAAA;AAAE,yGAAA,aAAa,OAAA;AAAE,yGAAA,aAAa,OAAA"}

package/dist/cjs/presets-listbox.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PresetsListbox = PresetsListbox;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@wordpress/components");
+const i18n_1 = require("@wordpress/i18n");
+const utils_1 = require("./utils");
+function PresetsListbox({ labelId, activePresetId, onSelect, compositeActiveId, setCompositeActiveId, hiddenPresets, }) {
+    const items = [
+        ...utils_1.presetDefs,
+        { id: 'custom', label: (0, i18n_1.__)('Custom') },
+    ].filter((item) => !hiddenPresets?.includes(item.id));
+    return ((0, jsx_runtime_1.jsxs)(components_1.__experimentalVStack, { justify: "flex-start", alignment: "stretch", spacing: 1, className: "daterange-presets", children: [(0, jsx_runtime_1.jsx)(components_1.VisuallyHidden, { id: labelId, children: (0, i18n_1.__)('Date range presets') }), (0, jsx_runtime_1.jsx)(components_1.Composite, { "aria-labelledby": labelId, activeId: compositeActiveId ?? undefined, setActiveId: (id) => setCompositeActiveId(id ?? null), focusLoop: true, virtualFocus: true, role: "listbox", children: (0, jsx_runtime_1.jsx)(components_1.__experimentalVStack, { justify: "flex-start", alignment: "stretch", spacing: 1, children: items.map((preset) => {
+                        const isSelected = activePresetId === preset.id;
+                        return ((0, jsx_runtime_1.jsx)(components_1.Composite.Item, { id: preset.id, render: (0, jsx_runtime_1.jsx)(components_1.Button, { size: "compact", variant: isSelected ? 'primary' : undefined }), onClick: () => onSelect(preset.id), role: "option", "aria-selected": isSelected || undefined, className: "preset-listbox__item", children: preset.label }, preset.id));
+                    }) }) })] }));
+}
+//# sourceMappingURL=presets-listbox.js.map

package/dist/cjs/presets-listbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets-listbox.js","sourceRoot":"","sources":["../../src/presets-listbox.tsx"],"names":[],"mappings":";;AAmBA,wCA6CC;;AAhED,sDAK+B;AAC/B,0CAAqC;AACrC,mCAAqC;AAYrC,SAAgB,cAAc,CAAE,EAC/B,OAAO,EACP,cAAc,EACd,QAAQ,EACR,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,GACQ;IACrB,MAAM,KAAK,GAAqD;QAC/D,GAAG,kBAAU;QACb,EAAE,EAAE,EAAE,QAAiB,EAAE,KAAK,EAAE,IAAA,SAAE,EAAE,QAAQ,CAAE,EAAE;KAChD,CAAC,MAAM,CAAE,CAAE,IAAI,EAAG,EAAE,CAAC,CAAE,aAAa,EAAE,QAAQ,CAAE,IAAI,CAAC,EAAE,CAAE,CAAE,CAAC;IAE7D,OAAO,CACN,wBAAC,iCAAM,IAAC,OAAO,EAAC,YAAY,EAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAG,CAAC,EAAG,SAAS,EAAC,mBAAmB,aAC3F,uBAAC,2BAAc,IAAC,EAAE,EAAG,OAAO,YAAK,IAAA,SAAE,EAAE,oBAAoB,CAAE,GAAmB,EAC9E,uBAAC,sBAAS,uBACS,OAAO,EACzB,QAAQ,EAAG,iBAAiB,IAAI,SAAS,EACzC,WAAW,EAAG,CAAE,EAAE,EAAG,EAAE,CAAC,oBAAoB,CAAE,EAAE,IAAI,IAAI,CAAE,EAC1D,SAAS,QACT,YAAY,QACZ,IAAI,EAAC,SAAS,YAEd,uBAAC,iCAAM,IAAC,OAAO,EAAC,YAAY,EAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAG,CAAC,YACzD,KAAK,CAAC,GAAG,CAAE,CAAE,MAAM,EAAG,EAAE;wBACzB,MAAM,UAAU,GAAG,cAAc,KAAK,MAAM,CAAC,EAAE,CAAC;wBAChD,OAAO,CACN,uBAAC,sBAAS,CAAC,IAAI,IAEd,EAAE,EAAG,MAAM,CAAC,EAAE,EACd,MAAM,EAAG,uBAAC,mBAAM,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAG,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GAAK,EACjF,OAAO,EAAG,GAAG,EAAE,CAAC,QAAQ,CAAE,MAAM,CAAC,EAAE,CAAE,EACrC,IAAI,EAAC,QAAQ,mBACG,UAAU,IAAI,SAAS,EACvC,SAAS,EAAC,sBAAsB,YAE9B,MAAM,CAAC,KAAK,IARR,MAAM,CAAC,EAAE,CASC,CACjB,CAAC;oBACH,CAAC,CAAE,GACK,GACE,IACJ,CACT,CAAC;AACH,CAAC"}