@automattic/date-range-picker 1.0.0

package/dist/cjs/utils.js

@@ -0,0 +1,137 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.presetDefs = void 0;
+exports.computePresetRange = computePresetRange;
+exports.getActivePresetId = getActivePresetId;
+exports.formatLabel = formatLabel;
+exports.isLast7Days = isLast7Days;
+const i18n_1 = require("@wordpress/i18n");
+const date_fns_1 = require("date-fns");
+const datetime_1 = require("./datetime");
+// Range helpers (inclusive)
+const lastNDays = (date, number) => ({
+    from: new Date(date.getFullYear(), date.getMonth(), date.getDate() - (number - 1)),
+    to: date,
+});
+const monthToDate = (date) => ({
+    from: new Date(date.getFullYear(), date.getMonth(), 1),
+    to: date,
+});
+const yearToDate = (date) => ({
+    from: new Date(date.getFullYear(), 0, 1),
+    to: date,
+});
+const lastTwelveMonths = (date) => ({
+    from: new Date(date.getFullYear() - 1, date.getMonth(), date.getDate() + 1),
+    to: date,
+});
+const lastThreeYears = (date) => ({
+    from: new Date(date.getFullYear() - 3, date.getMonth(), date.getDate() + 1),
+    to: date,
+});
+exports.presetDefs = [
+    { id: 'today', label: (0, i18n_1.__)('Today') },
+    { id: 'yesterday', label: (0, i18n_1.__)('Yesterday') },
+    { id: 'last-7-days', label: (0, i18n_1.__)('Last 7 days') },
+    { id: 'last-30-days', label: (0, i18n_1.__)('Last 30 days') },
+    { id: 'last-90-days', label: (0, i18n_1.__)('Last 90 days') },
+    { id: 'month-to-date', label: (0, i18n_1.__)('Month to date') },
+    { id: 'last-12-months', label: (0, i18n_1.__)('Last 12 months') },
+    { id: 'year-to-date', label: (0, i18n_1.__)('Year to date') },
+    { id: 'last-3-years', label: (0, i18n_1.__)('Last 3 years') },
+];
+function computePresetRange(preset, baseDate) {
+    switch (preset) {
+        case 'today':
+            return { from: baseDate, to: baseDate };
+        case 'yesterday':
+            return {
+                from: new Date(baseDate.getFullYear(), baseDate.getMonth(), baseDate.getDate() - 1),
+                to: new Date(baseDate.getFullYear(), baseDate.getMonth(), baseDate.getDate() - 1),
+            };
+        case 'last-7-days':
+            return lastNDays(baseDate, 7);
+        case 'last-30-days':
+            return lastNDays(baseDate, 30);
+        case 'last-90-days':
+            return lastNDays(baseDate, 90);
+        case 'month-to-date':
+            return monthToDate(baseDate);
+        case 'last-12-months':
+            return lastTwelveMonths(baseDate);
+        case 'year-to-date':
+            return yearToDate(baseDate);
+        case 'last-3-years':
+            return lastThreeYears(baseDate);
+        default:
+            return undefined;
+    }
+}
+function getActivePresetId(from, to, baseDate) {
+    if (!from || !to || !baseDate) {
+        return;
+    }
+    let newFrom = (0, date_fns_1.startOfDay)(from);
+    let newTo = (0, date_fns_1.startOfDay)(to);
+    if (newFrom.getTime() > newTo.getTime()) {
+        const tmp = newFrom;
+        newFrom = newTo;
+        newTo = tmp;
+    }
+    const todayStart = (0, date_fns_1.startOfDay)(baseDate);
+    const yesterdayStart = (0, date_fns_1.addDays)(todayStart, -1);
+    if ((0, date_fns_1.isSameDay)(newFrom, todayStart) && (0, date_fns_1.isSameDay)(newTo, todayStart)) {
+        return 'today';
+    }
+    if ((0, date_fns_1.isSameDay)(newFrom, yesterdayStart) && (0, date_fns_1.isSameDay)(newTo, yesterdayStart)) {
+        return 'yesterday';
+    }
+    if ((0, date_fns_1.isSameDay)(newTo, todayStart)) {
+        const diff = (0, date_fns_1.differenceInCalendarDays)(todayStart, newFrom); // inclusive days = diff + 1
+        if (diff === 6) {
+            return 'last-7-days';
+        }
+        if (diff === 29) {
+            return 'last-30-days';
+        }
+        if (diff === 89) {
+            return 'last-90-days';
+        }
+        if ((0, date_fns_1.isSameDay)(newFrom, (0, date_fns_1.addYears)(todayStart, -1)) ||
+            (0, date_fns_1.isSameDay)(newFrom, (0, date_fns_1.addDays)((0, date_fns_1.addYears)(todayStart, -1), 1))) {
+            return 'last-12-months';
+        }
+        if ((0, date_fns_1.isSameDay)(newFrom, (0, date_fns_1.addYears)(todayStart, -3)) ||
+            (0, date_fns_1.isSameDay)(newFrom, (0, date_fns_1.addDays)((0, date_fns_1.addYears)(todayStart, -3), 1))) {
+            return 'last-3-years';
+        }
+    }
+    if ((0, date_fns_1.isSameDay)(newFrom, (0, date_fns_1.startOfMonth)(todayStart)) && (0, date_fns_1.isSameDay)(newTo, todayStart)) {
+        return 'month-to-date';
+    }
+    if ((0, date_fns_1.isSameDay)(newFrom, (0, date_fns_1.startOfYear)(todayStart)) && (0, date_fns_1.isSameDay)(newTo, todayStart)) {
+        return 'year-to-date';
+    }
+    for (const preset of exports.presetDefs) {
+        const range = computePresetRange(preset.id, todayStart);
+        if (range &&
+            (0, date_fns_1.isSameDay)(newFrom, (0, date_fns_1.startOfDay)(range.from)) &&
+            (0, date_fns_1.isSameDay)(newTo, (0, date_fns_1.startOfDay)(range.to))) {
+            return preset.id;
+        }
+    }
+    return undefined;
+}
+// UI-specific: Date range label for the picker
+function formatLabel(start, end, locale) {
+    return (0, i18n_1.sprintf)(
+    /* translators: %1$s: start date, %2$s: end date */
+    (0, i18n_1.__)('%1$s to %2$s'), (0, datetime_1.formatDate)(start, locale, { dateStyle: 'medium' }), (0, datetime_1.formatDate)(end, locale, { dateStyle: 'medium' }));
+}
+// Determine if the given date range matches the last 7 days preset
+function isLast7Days(range, timezoneString, gmtOffset) {
+    const siteToday = (0, datetime_1.parseYmdLocal)((0, datetime_1.formatYmd)(new Date(), timezoneString, gmtOffset)) ??
+        new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate());
+    return getActivePresetId(range.start, range.end, siteToday) === 'last-7-days';
+}
+//# sourceMappingURL=utils.js.map

package/dist/cjs/utils.js.map

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

package/dist/esm/button-stack.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { __experimentalHStack as HStack } from '@wordpress/components';
+export function ButtonStack({ children, ...hStackProps }) {
+    return (_jsx(HStack, { ...hStackProps, spacing: 3, children: children }));
+}
+//# sourceMappingURL=button-stack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-stack.js","sourceRoot":"","sources":["../../src/button-stack.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAOvE,MAAM,UAAU,WAAW,CAAE,EAC5B,QAAQ,EACR,GAAG,WAAW,EACyD;IACvE,OAAO,CACN,KAAC,MAAM,OAAM,WAAW,EAAG,OAAO,EAAG,CAAC,YACnC,QAAQ,GACF,CACT,CAAC;AACH,CAAC"}

package/dist/esm/date-inputs.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { __experimentalHStack as HStack, __experimentalVStack as VStack, __experimentalInputControl as InputControl, } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+export function DateInputs({ fromStr, toStr, onFromChange, onToChange, todayStr, minStr, fromStyle, toStyle, stack = false, justify = 'flex-start', containerStyle, onFromFocus, onToFocus, onFromBlur, onToBlur, }) {
+    if (stack) {
+        return (_jsxs(VStack, { as: "div", spacing: 2, className: "daterange-inputs", style: containerStyle, children: [_jsx(InputControl, { type: "date", label: __('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 }), _jsx(InputControl, { type: "date", label: __('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 (_jsxs(HStack, { as: "div", spacing: 8, justify: justify, className: "daterange-inputs", wrap: false, style: containerStyle, children: [_jsx(InputControl, { type: "date", label: __('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 }), _jsx(InputControl, { type: "date", label: __('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/esm/date-inputs.js.map

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

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

@@ -0,0 +1,191 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DateRangeCalendar, TZDate } from '@automattic/ui';
+import { __experimentalText as Text, Button, __experimentalHStack as HStack, __experimentalVStack as VStack, } from '@wordpress/components';
+import { __, sprintf } from '@wordpress/i18n';
+import { startOfMonth, subMonths } from 'date-fns';
+import { useState } from 'react';
+import { ButtonStack } from './button-stack';
+import { DateInputs } from './date-inputs';
+import { formatYmd, formatSiteYmd, parseYmdLocal } from './datetime';
+import { PresetsListbox } from './presets-listbox';
+import { computePresetRange, getActivePresetId, presetDefs } from './utils';
+export 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] = useState(false);
+    const [inputsVersion, setInputsVersion] = 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 = presetDefs.find((p) => p.id === defaultFallbackPreset)?.label || __('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 = computePresetRange(defaultFallbackPreset, today);
+            if (range) {
+                onChange({ start: range.from, end: range.to });
+                onClose?.();
+            }
+        }
+    };
+    const setPreset = (id) => {
+        const range = computePresetRange(id, today);
+        if (!range) {
+            return;
+        }
+        setFromDraft(range.from);
+        setToDraft(range.to);
+        setFromStr(formatYmd(range.from, timezoneString, gmtOffset));
+        setToStr(formatYmd(range.to, timezoneString, gmtOffset));
+        onChange({ start: range.from, end: range.to });
+        onClose?.();
+    };
+    const activePresetId = (() => {
+        const preset = 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 = parseYmdLocal(formatYmd(today, timezoneString, gmtOffset)) ??
+        new Date(today.getFullYear(), today.getMonth(), today.getDate());
+    // Month anchors in site time
+    const siteMonthStart = startOfMonth(siteToday);
+    const prevMonthStart = subMonths(siteMonthStart, 1);
+    // Build calendar month refs
+    const makeTZMonthFromDate = (d) => timeZoneForCalendar
+        ? new 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 TZDate(+fromDraft, timeZoneForCalendar) : undefined,
+            to: toDraft ? new 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 ? formatSiteYmd(disabledBefore) : undefined;
+    return (_jsxs(VStack, { as: "div", spacing: 3, style: { padding: 12 }, children: [_jsx(Text, { as: "div", weight: 600, align: "center", size: "smallTitle", children: __('Date Range') }), isSmall ? (_jsxs(VStack, { as: "div", spacing: 2, children: [_jsx(PresetsListbox, { labelId: mobileLabelId, activePresetId: activePresetId, onSelect: setPreset, compositeActiveId: compositeActiveId, setCompositeActiveId: setCompositeActiveId, hiddenPresets: hiddenPresets }), _jsx(DateInputs, { fromStr: fromStr, toStr: toStr, onFromChange: (value) => {
+                            setFromStr(value);
+                            const parsed = value ? parseYmdLocal(value) || undefined : undefined;
+                            setFromDraft(parsed);
+                            setIsTyping(Boolean(value || toStr));
+                        }, onToChange: (value) => {
+                            setToStr(value);
+                            const parsed = value ? 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`)] })) : (_jsx(HStack, { as: "div", spacing: 4, justify: "flex-end", className: "daterange-inputs", wrap: false, style: { width: '100%' }, children: _jsx(DateInputs, { fromStr: fromStr, toStr: toStr, onFromChange: (value) => {
+                        setFromStr(value);
+                        const parsed = value ? parseYmdLocal(value) || undefined : undefined;
+                        setFromDraft(parsed);
+                        setIsTyping(Boolean(value || toStr));
+                    }, onToChange: (value) => {
+                        setToStr(value);
+                        const parsed = value ? 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`) })), _jsxs(HStack, { as: "div", spacing: 4, justify: "flex-start", className: "daterange-body", wrap: false, children: [!isSmall && (_jsx(PresetsListbox, { labelId: desktopLabelId, activePresetId: activePresetId, onSelect: setPreset, compositeActiveId: compositeActiveId, setCompositeActiveId: setCompositeActiveId, hiddenPresets: hiddenPresets })), _jsx("div", { className: "daterange-calendar", children: _jsx(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(formatYmd(from, timezoneString, gmtOffset));
+                                    }
+                                }
+                                if (range?.to) {
+                                    const to = toNative(range.to);
+                                    setToDraft(to);
+                                    if (to) {
+                                        setToStr(formatYmd(to, timezoneString, gmtOffset));
+                                    }
+                                }
+                                setIsTyping(false);
+                            } }) })] }), _jsxs(ButtonStack, { as: "div", justify: "flex-end", children: [_jsx(Button, { variant: "secondary", onClick: clear, children: __('Clear') }), _jsx(Button, { variant: "primary", onClick: apply, disabled: (!fromDraft || !toDraft) && !canDefaultApply, "aria-label": 
+                        /* translators: %s is the preset label, e.g. 'Last 30 days' */
+                        canDefaultApply ? sprintf(__('Apply %s'), defaultPresetLabel) : __('Apply'), children: 
+                        /* translators: %s is the preset label, e.g. 'Last 30 days' */
+                        canDefaultApply ? sprintf(__('Apply %s'), defaultPresetLabel) : __('Apply') })] })] }));
+}
+//# sourceMappingURL=date-range-content.js.map

package/dist/esm/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/esm/date-range-picker.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Dropdown, Tooltip, Button } from '@wordpress/components';
+import { useMediaQuery, useInstanceId } from '@wordpress/compose';
+import { __, sprintf } from '@wordpress/i18n';
+import { calendar } from '@wordpress/icons';
+import { useMemo, useState } from 'react';
+import { DateRangeContent } from './date-range-content';
+import { parseYmdLocal, formatYmd, formatSiteYmd } from './datetime';
+import { formatLabel } from './utils';
+import './style.scss';
+export function DateRangePicker({ start, end, onChange, gmtOffset, timezoneString, locale, disableFuture = true, disabledBefore, defaultFallbackPreset = 'last-7-days', hiddenPresets, inputsProps, }) {
+    const isSmall = useMediaQuery('(max-width: 600px)');
+    // Use a wider breakpoint to decide when two calendars can fit comfortably
+    const showTwoMonths = useMediaQuery('(min-width: 900px)');
+    const instanceId = useInstanceId(DateRangePicker, 'daterange');
+    const mobileLabelId = `presets-label-${instanceId}-mobile`;
+    const desktopLabelId = `presets-label-${instanceId}-desktop`;
+    const label = formatLabel(start, end, locale);
+    // Reset internal draft state when key inputs change by remounting the inner component
+    const resetKey = [
+        formatSiteYmd(start),
+        formatSiteYmd(end),
+        timezoneString ?? '',
+        gmtOffset ?? '',
+    ].join('|');
+    return (_jsx(Dropdown, { popoverProps: { className: 'daterange-popover' }, renderToggle: ({ onToggle, isOpen }) => (_jsx(Tooltip, { text: __('Select a date range'), placement: "top", children: _jsx("div", { className: "daterange-input__toggle", children: _jsx(Button, { type: "button", variant: "tertiary", onClick: onToggle, "aria-haspopup": "dialog", "aria-expanded": isOpen, "aria-label": sprintf(
+                    /* Translators: %s: date range label */
+                    __('Date range: %s. Activate to open calendar.'), label), className: "daterange-input__field", icon: calendar, iconPosition: "right", children: _jsx("span", { "aria-hidden": "true", className: "daterange-input__text", children: label }) }) }) })), renderContent: ({ onClose }) => (_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] = useState(() => start);
+    const [toDraft, setToDraft] = useState(() => end);
+    const [fromStr, setFromStr] = useState(() => formatSiteYmd(start));
+    const [toStr, setToStr] = useState(() => formatSiteYmd(end));
+    // Tracks the keyboard-focused preset in the listbox (roving focus), not the selected preset.
+    const [compositeActiveId, setCompositeActiveId] = useState(null);
+    const today = useMemo(() => {
+        const parsed = parseYmdLocal(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 = useMemo(() => formatSiteYmd(today), [today]);
+    return (_jsx(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/esm/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/esm/datetime.js

@@ -0,0 +1,50 @@
+import { dateI18n } from '@wordpress/date';
+import { parse, isValid, format } from 'date-fns';
+const YMD_REGEX = /^\d{4}-\d{2}-\d{2}$/;
+export 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).
+ */
+export function parseYmdLocal(value) {
+    if (!YMD_REGEX.test(value)) {
+        return null;
+    }
+    const parsed = parse(value, 'yyyy-MM-dd', new Date());
+    if (!isValid(parsed)) {
+        return null;
+    }
+    // Ensure strict match (reject overflows like 2023-02-31 -> 2023-03-03)
+    return format(parsed, 'yyyy-MM-dd') === value ? parsed : null;
+}
+/**
+ * Format a date as a site calendar day (YYYY-MM-DD).
+ */
+export function formatYmd(date, timezoneString, gmtOffset) {
+    if (timezoneString) {
+        return 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 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.
+ */
+export 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/esm/datetime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime.js","sourceRoot":"","sources":["../../src/datetime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElD,MAAM,SAAS,GAAG,qBAAqB,CAAC;AAExC,MAAM,UAAU,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,MAAM,UAAU,aAAa,CAAE,KAAa;IAC3C,IAAK,CAAE,SAAS,CAAC,IAAI,CAAE,KAAK,CAAE,EAAG,CAAC;QACjC,OAAO,IAAI,CAAC;IACb,CAAC;IACD,MAAM,MAAM,GAAG,KAAK,CAAE,KAAK,EAAE,YAAY,EAAE,IAAI,IAAI,EAAE,CAAE,CAAC;IACxD,IAAK,CAAE,OAAO,CAAE,MAAM,CAAE,EAAG,CAAC;QAC3B,OAAO,IAAI,CAAC;IACb,CAAC;IACD,uEAAuE;IACvE,OAAO,MAAM,CAAE,MAAM,EAAE,YAAY,CAAE,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACjE,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,SAAS,CAAE,IAAU,EAAE,cAAuB,EAAE,SAAkB;IACjF,IAAK,cAAc,EAAG,CAAC;QACtB,OAAO,QAAQ,CAAE,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,QAAQ,CAAE,OAAO,EAAE,IAAI,CAAE,CAAC;AAClC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,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/esm/index.js

@@ -0,0 +1,4 @@
+export { DateRangePicker } from './date-range-picker';
+export { computePresetRange, formatLabel, getActivePresetId, isLast7Days, presetDefs, } from './utils';
+export { formatYmd, formatSiteYmd, parseYmdLocal } from './datetime';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EACN,kBAAkB,EAClB,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,UAAU,GACV,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/esm/presets-listbox.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, __experimentalVStack as VStack, Composite, VisuallyHidden, } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import { presetDefs } from './utils';
+export function PresetsListbox({ labelId, activePresetId, onSelect, compositeActiveId, setCompositeActiveId, hiddenPresets, }) {
+    const items = [
+        ...presetDefs,
+        { id: 'custom', label: __('Custom') },
+    ].filter((item) => !hiddenPresets?.includes(item.id));
+    return (_jsxs(VStack, { justify: "flex-start", alignment: "stretch", spacing: 1, className: "daterange-presets", children: [_jsx(VisuallyHidden, { id: labelId, children: __('Date range presets') }), _jsx(Composite, { "aria-labelledby": labelId, activeId: compositeActiveId ?? undefined, setActiveId: (id) => setCompositeActiveId(id ?? null), focusLoop: true, virtualFocus: true, role: "listbox", children: _jsx(VStack, { justify: "flex-start", alignment: "stretch", spacing: 1, children: items.map((preset) => {
+                        const isSelected = activePresetId === preset.id;
+                        return (_jsx(Composite.Item, { id: preset.id, render: _jsx(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/esm/presets-listbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets-listbox.js","sourceRoot":"","sources":["../../src/presets-listbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,MAAM,EACN,oBAAoB,IAAI,MAAM,EAC9B,SAAS,EACT,cAAc,GACd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAYrC,MAAM,UAAU,cAAc,CAAE,EAC/B,OAAO,EACP,cAAc,EACd,QAAQ,EACR,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,GACQ;IACrB,MAAM,KAAK,GAAqD;QAC/D,GAAG,UAAU;QACb,EAAE,EAAE,EAAE,QAAiB,EAAE,KAAK,EAAE,EAAE,CAAE,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,MAAC,MAAM,IAAC,OAAO,EAAC,YAAY,EAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAG,CAAC,EAAG,SAAS,EAAC,mBAAmB,aAC3F,KAAC,cAAc,IAAC,EAAE,EAAG,OAAO,YAAK,EAAE,CAAE,oBAAoB,CAAE,GAAmB,EAC9E,KAAC,SAAS,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,KAAC,MAAM,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,KAAC,SAAS,CAAC,IAAI,IAEd,EAAE,EAAG,MAAM,CAAC,EAAE,EACd,MAAM,EAAG,KAAC,MAAM,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"}