@flipdish/ui-library 0.47.0 → 0.48.0

package/dist/components/organisms/DatePicker/components/Calendar.cjs

@@ -20,14 +20,14 @@ const CalendarContextProvider = ({ children }) => {
     };
     return jsxRuntime.jsx(reactAriaComponents.CalendarContext.Provider, { value: { value, onChange, focusedValue, onFocusChange }, children: children });
 };
-const Calendar = ({ highlightedDates, className, children, ...props }) => {
+const Calendar = ({ highlightedDates, className, children, showOutOfRangeDates = false, ...props }) => {
     const context = reactAriaComponents.useSlottedContext(reactAriaComponents.CalendarContext);
     const ContextWrapper = context ? React.Fragment : CalendarContextProvider;
     const prefix = testIdUtils.useTestIdPrefix();
     return (jsxRuntime.jsx(ContextWrapper, { children: jsxRuntime.jsx(reactAriaComponents.Calendar, { ...props, className: (state) => cx.cx('flex flex-col gap-3', typeof className === 'function' ? className(state) : className), children: ({ state }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [jsxRuntime.jsx(Button.Button, { slot: "previous", iconLeading: uiIcons.ChevronLeft, size: "sm", color: "tertiary", className: "size-8", "data-testid": prefix ? testIdUtils.joinTestId(prefix, 'prev') : undefined }), jsxRuntime.jsx(reactAriaComponents.Heading, { className: "text-sm font-semibold text-fg-secondary" }), jsxRuntime.jsx(Button.Button, { slot: "next", iconLeading: uiIcons.ChevronRight, size: "sm", color: "tertiary", className: "size-8", "data-testid": prefix ? testIdUtils.joinTestId(prefix, 'next') : undefined })] }), children || (jsxRuntime.jsxs("div", { className: "flex gap-3", children: [jsxRuntime.jsx(InputDate.InputDateBase, { "aria-label": "Date", size: "sm", className: "flex-1" }), jsxRuntime.jsx(Button.Button, { slot: null, size: "sm", color: "secondary", onClick: () => {
                                     state.setValue(date.today(date.getLocalTimeZone()));
                                     state.setFocusedDate(date.today(date.getLocalTimeZone()));
-                                }, children: "Today" })] })), jsxRuntime.jsxs(reactAriaComponents.CalendarGrid, { weekdayStyle: "short", className: "w-max", children: [jsxRuntime.jsx(reactAriaComponents.CalendarGridHeader, { className: "border-b-4 border-transparent", children: (day) => (jsxRuntime.jsx(reactAriaComponents.CalendarHeaderCell, { className: "p-0", children: jsxRuntime.jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsxRuntime.jsx(reactAriaComponents.CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => (jsxRuntime.jsx(Cell.CalendarCell, { date: date, isHighlighted: highlightedDates?.some((highlightedDate) => date.compare(highlightedDate) === 0) })) })] })] })) }) }));
+                                }, children: "Today" })] })), jsxRuntime.jsxs(reactAriaComponents.CalendarGrid, { weekdayStyle: "short", className: "w-max", children: [jsxRuntime.jsx(reactAriaComponents.CalendarGridHeader, { className: "border-b-4 border-transparent", children: (day) => (jsxRuntime.jsx(reactAriaComponents.CalendarHeaderCell, { className: "p-0", children: jsxRuntime.jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsxRuntime.jsx(reactAriaComponents.CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => (jsxRuntime.jsx(Cell.CalendarCell, { date: date, showOutOfRangeDates: showOutOfRangeDates, isHighlighted: highlightedDates?.some((highlightedDate) => date.compare(highlightedDate) === 0) })) })] })] })) }) }));
 };
 
 exports.Calendar = Calendar;

package/dist/components/organisms/DatePicker/components/Calendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/Calendar.tsx"],"sourcesContent":[null],"names":["useState","_jsx","AriaCalendarContext","useSlottedContext","Fragment","useTestIdPrefix","AriaCalendar","cx","_jsxs","Button","ChevronLeft","joinTestId","AriaHeading","ChevronRight","InputDateBase","today","getLocalTimeZone","AriaCalendarGrid","AriaCalendarGridHeader","AriaCalendarHeaderCell","AriaCalendarGridBody","CalendarCell"],"mappings":"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"}
+{"version":3,"file":"Calendar.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/Calendar.tsx"],"sourcesContent":[null],"names":["useState","_jsx","AriaCalendarContext","useSlottedContext","Fragment","useTestIdPrefix","AriaCalendar","cx","_jsxs","Button","ChevronLeft","joinTestId","AriaHeading","ChevronRight","InputDateBase","today","getLocalTimeZone","AriaCalendarGrid","AriaCalendarGridHeader","AriaCalendarHeaderCell","AriaCalendarGridBody","CalendarCell"],"mappings":"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"}

package/dist/components/organisms/DatePicker/components/Calendar.d.ts

@@ -9,7 +9,9 @@ interface CalendarProps extends AriaCalendarProps<DateValue> {
      * If not provided, a default layout will be rendered with a date input and a today button.
      */
     children?: ReactNode;
+    /** Shows the padding days of the previous and next month instead of hiding them. */
+    showOutOfRangeDates?: boolean;
 }
-export declare const Calendar: ({ highlightedDates, className, children, ...props }: CalendarProps) => import("react").JSX.Element;
+export declare const Calendar: ({ highlightedDates, className, children, showOutOfRangeDates, ...props }: CalendarProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Calendar.d.ts.map

package/dist/components/organisms/DatePicker/components/Calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/Calendar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAc3F,eAAO,MAAM,uBAAuB,GAAI,cAAc,iBAAiB,gCAUtE,CAAC;AAEF,UAAU,aAAc,SAAQ,iBAAiB,CAAC,SAAS,CAAC;IAC1D,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,GAAI,qDAAqD,aAAa,gCAoE1F,CAAC"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/Calendar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAc3F,eAAO,MAAM,uBAAuB,GAAI,cAAc,iBAAiB,gCAUtE,CAAC;AAEF,UAAU,aAAc,SAAQ,iBAAiB,CAAC,SAAS,CAAC;IAC1D,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oFAAoF;IACpF,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,GAAI,0EAAkF,aAAa,gCAwEvH,CAAC"}

package/dist/components/organisms/DatePicker/components/Calendar.js

@@ -18,14 +18,14 @@ const CalendarContextProvider = ({ children }) => {
     };
     return jsx(CalendarContext.Provider, { value: { value, onChange, focusedValue, onFocusChange }, children: children });
 };
-const Calendar = ({ highlightedDates, className, children, ...props }) => {
+const Calendar = ({ highlightedDates, className, children, showOutOfRangeDates = false, ...props }) => {
     const context = useSlottedContext(CalendarContext);
     const ContextWrapper = context ? Fragment : CalendarContextProvider;
     const prefix = useTestIdPrefix();
     return (jsx(ContextWrapper, { children: jsx(Calendar$1, { ...props, className: (state) => cx('flex flex-col gap-3', typeof className === 'function' ? className(state) : className), children: ({ state }) => (jsxs(Fragment$1, { children: [jsxs("div", { className: "flex items-center justify-between", children: [jsx(Button, { slot: "previous", iconLeading: ChevronLeft, size: "sm", color: "tertiary", className: "size-8", "data-testid": prefix ? joinTestId(prefix, 'prev') : undefined }), jsx(Heading, { className: "text-sm font-semibold text-fg-secondary" }), jsx(Button, { slot: "next", iconLeading: ChevronRight, size: "sm", color: "tertiary", className: "size-8", "data-testid": prefix ? joinTestId(prefix, 'next') : undefined })] }), children || (jsxs("div", { className: "flex gap-3", children: [jsx(InputDateBase, { "aria-label": "Date", size: "sm", className: "flex-1" }), jsx(Button, { slot: null, size: "sm", color: "secondary", onClick: () => {
                                     state.setValue(today(getLocalTimeZone()));
                                     state.setFocusedDate(today(getLocalTimeZone()));
-                                }, children: "Today" })] })), jsxs(CalendarGrid, { weekdayStyle: "short", className: "w-max", children: [jsx(CalendarGridHeader, { className: "border-b-4 border-transparent", children: (day) => (jsx(CalendarHeaderCell, { className: "p-0", children: jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsx(CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => (jsx(CalendarCell, { date: date, isHighlighted: highlightedDates?.some((highlightedDate) => date.compare(highlightedDate) === 0) })) })] })] })) }) }));
+                                }, children: "Today" })] })), jsxs(CalendarGrid, { weekdayStyle: "short", className: "w-max", children: [jsx(CalendarGridHeader, { className: "border-b-4 border-transparent", children: (day) => (jsx(CalendarHeaderCell, { className: "p-0", children: jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsx(CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => (jsx(CalendarCell, { date: date, showOutOfRangeDates: showOutOfRangeDates, isHighlighted: highlightedDates?.some((highlightedDate) => date.compare(highlightedDate) === 0) })) })] })] })) }) }));
 };
 
 export { Calendar, CalendarContextProvider };

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/organisms/DatePicker/components/Calendar.tsx"],"sourcesContent":[null],"names":["_jsx","AriaCalendarContext","AriaCalendar","_jsxs","AriaHeading","AriaCalendarGrid","AriaCalendarGridHeader","AriaCalendarHeaderCell","AriaCalendarGridBody"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/organisms/DatePicker/components/Calendar.tsx"],"sourcesContent":[null],"names":["_jsx","AriaCalendarContext","AriaCalendar","_jsxs","AriaHeading","AriaCalendarGrid","AriaCalendarGridHeader","AriaCalendarHeaderCell","AriaCalendarGridBody"],"mappings":"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"}

package/dist/components/organisms/DatePicker/components/CalendarOverlay.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Modal = require('@flipdish/ui-library/components/molecules/Modal');
+var useBreakpoints = require('@flipdish/ui-library/hooks/useBreakpoints');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var reactAriaComponents = require('react-aria-components');
+var ScrollClosingPopover = require('../../../__internal__/popover/ScrollClosingPopover.cjs');
+
+const CalendarOverlay = ({ 'aria-label': ariaLabel, 'data-testid': dataTestId, className, children }) => {
+    const isDesktop = useBreakpoints.useBreakpoints('md');
+    const prefix = testIdUtils.useTestIdPrefix();
+    if (!isDesktop) {
+        // The picker's trigger state reaches ModalOverlay through react-aria's OverlayTriggerStateContext, so no open state is passed.
+        return (
+        // Flush bottom sheet all the way to `md`: the `sm:` overrides undo Modal's centred-card mode, since this surface never renders above `md`.
+        jsxRuntime.jsx(Modal.ModalOverlay, { isDismissable: true, className: "px-0 [--modal-pb:0px] sm:items-end sm:px-0 sm:[--modal-pb:0px] sm:[--modal-pt:16px]", children: jsxRuntime.jsx(Modal.Modal, { className: "w-full rounded-t-2xl rounded-b-none sm:rounded-t-2xl sm:rounded-b-none", children: jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: prefix, children: jsxRuntime.jsx(Modal.Dialog, { "aria-label": ariaLabel, "data-testid": dataTestId, className: cx.cx('flex flex-col items-center', className), children: children }) }) }) }));
+    }
+    return (jsxRuntime.jsx(ScrollClosingPopover.ScrollClosingPopover, { placement: "bottom right", offset: 8, className: ({ isEntering, isExiting }) => cx.cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
+            'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
+            'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsxRuntime.jsx(reactAriaComponents.Dialog, { "aria-label": ariaLabel, "data-testid": dataTestId, className: cx.cx('max-h-[inherit] overflow-y-auto rounded-2xl bg-primary shadow-xl ring ring-secondary_alt', className), children: children }) }));
+};
+
+exports.CalendarOverlay = CalendarOverlay;
+//# sourceMappingURL=CalendarOverlay.cjs.map

package/dist/components/organisms/DatePicker/components/CalendarOverlay.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarOverlay.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/CalendarOverlay.tsx"],"sourcesContent":[null],"names":["useBreakpoints","useTestIdPrefix","_jsx","ModalOverlay","Modal","TestIdProvider","Dialog","cx","ScrollClosingPopover","AriaDialog"],"mappings":";;;;;;;;;;AAsBO,MAAM,eAAe,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAwB,KAAI;AACnI,IAAA,MAAM,SAAS,GAAGA,6BAAc,CAAC,IAAI,CAAC;AACtC,IAAA,MAAM,MAAM,GAAGC,2BAAe,EAAE;IAEhC,IAAI,CAAC,SAAS,EAAE;;QAEd;;QAEEC,cAAA,CAACC,kBAAY,IAAC,aAAa,EAAA,IAAA,EAAC,SAAS,EAAC,qFAAqF,YACzHD,cAAA,CAACE,WAAK,IAAC,SAAS,EAAC,wEAAwE,EAAA,QAAA,EAEvFF,cAAA,CAACG,0BAAc,EAAA,EAAC,KAAK,EAAE,MAAM,EAAA,QAAA,EAE3BH,eAACI,YAAM,EAAA,EAAA,YAAA,EAAa,SAAS,EAAA,aAAA,EAAe,UAAU,EAAE,SAAS,EAAEC,KAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,YAC3G,QAAQ,EAAA,CACF,GACM,EAAA,CACX,EAAA,CACK;IAEnB;IAEA,QACEL,cAAA,CAACM,yCAAoB,EAAA,EACnB,SAAS,EAAC,cAAc,EACxB,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KACnCD,KAAE,CACA,uDAAuD,EACvD,UAAU;AACR,YAAA,+JAA+J,EACjK,SAAS;YACP,6JAA6J,CAChK,YAIHL,cAAA,CAACO,0BAAU,kBACG,SAAS,EAAA,aAAA,EACR,UAAU,EACvB,SAAS,EAAEF,KAAE,CAAC,0FAA0F,EAAE,SAAS,CAAC,YAEnH,QAAQ,EAAA,CACE,EAAA,CACQ;AAE3B;;"}

package/dist/components/organisms/DatePicker/components/CalendarOverlay.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import type { DialogRenderProps } from 'react-aria-components';
+interface CalendarOverlayProps {
+    /** Accessible name of the dialog. */
+    'aria-label': string;
+    /** `data-testid` of the dialog, the same on both surfaces. */
+    'data-testid': string;
+    /** Extra classes for the dialog on both surfaces. */
+    className?: string;
+    /** Dialog content; `close` dismisses whichever surface is showing. */
+    children: (renderProps: DialogRenderProps) => ReactNode;
+}
+export declare const CalendarOverlay: ({ "aria-label": ariaLabel, "data-testid": dataTestId, className, children }: CalendarOverlayProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CalendarOverlay.d.ts.map

package/dist/components/organisms/DatePicker/components/CalendarOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarOverlay.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/CalendarOverlay.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI/D,UAAU,oBAAoB;IAC5B,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,aAAa,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,QAAQ,EAAE,CAAC,WAAW,EAAE,iBAAiB,KAAK,SAAS,CAAC;CACzD;AAED,eAAO,MAAM,eAAe,GAAI,6EAA6E,oBAAoB,gCA8ChI,CAAC"}

package/dist/components/organisms/DatePicker/components/CalendarOverlay.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { ModalOverlay, Modal, Dialog } from '@flipdish/ui-library/components/molecules/Modal';
+import { useBreakpoints } from '@flipdish/ui-library/hooks/useBreakpoints';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useTestIdPrefix, TestIdProvider } from '@flipdish/ui-library/utilities/testIdUtils';
+import { Dialog as Dialog$1 } from 'react-aria-components';
+import { ScrollClosingPopover } from '../../../__internal__/popover/ScrollClosingPopover.js';
+
+const CalendarOverlay = ({ 'aria-label': ariaLabel, 'data-testid': dataTestId, className, children }) => {
+    const isDesktop = useBreakpoints('md');
+    const prefix = useTestIdPrefix();
+    if (!isDesktop) {
+        // The picker's trigger state reaches ModalOverlay through react-aria's OverlayTriggerStateContext, so no open state is passed.
+        return (
+        // Flush bottom sheet all the way to `md`: the `sm:` overrides undo Modal's centred-card mode, since this surface never renders above `md`.
+        jsx(ModalOverlay, { isDismissable: true, className: "px-0 [--modal-pb:0px] sm:items-end sm:px-0 sm:[--modal-pb:0px] sm:[--modal-pt:16px]", children: jsx(Modal, { className: "w-full rounded-t-2xl rounded-b-none sm:rounded-t-2xl sm:rounded-b-none", children: jsx(TestIdProvider, { value: prefix, children: jsx(Dialog, { "aria-label": ariaLabel, "data-testid": dataTestId, className: cx('flex flex-col items-center', className), children: children }) }) }) }));
+    }
+    return (jsx(ScrollClosingPopover, { placement: "bottom right", offset: 8, className: ({ isEntering, isExiting }) => cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
+            'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
+            'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsx(Dialog$1, { "aria-label": ariaLabel, "data-testid": dataTestId, className: cx('max-h-[inherit] overflow-y-auto rounded-2xl bg-primary shadow-xl ring ring-secondary_alt', className), children: children }) }));
+};
+
+export { CalendarOverlay };
+//# sourceMappingURL=CalendarOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarOverlay.js","sources":["../../../../../src/components/organisms/DatePicker/components/CalendarOverlay.tsx"],"sourcesContent":[null],"names":["_jsx","AriaDialog"],"mappings":";;;;;;;;AAsBO,MAAM,eAAe,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAwB,KAAI;AACnI,IAAA,MAAM,SAAS,GAAG,cAAc,CAAC,IAAI,CAAC;AACtC,IAAA,MAAM,MAAM,GAAG,eAAe,EAAE;IAEhC,IAAI,CAAC,SAAS,EAAE;;QAEd;;QAEEA,GAAA,CAAC,YAAY,IAAC,aAAa,EAAA,IAAA,EAAC,SAAS,EAAC,qFAAqF,YACzHA,GAAA,CAAC,KAAK,IAAC,SAAS,EAAC,wEAAwE,EAAA,QAAA,EAEvFA,GAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAE,MAAM,EAAA,QAAA,EAE3BA,IAAC,MAAM,EAAA,EAAA,YAAA,EAAa,SAAS,EAAA,aAAA,EAAe,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,YAC3G,QAAQ,EAAA,CACF,GACM,EAAA,CACX,EAAA,CACK;IAEnB;IAEA,QACEA,GAAA,CAAC,oBAAoB,EAAA,EACnB,SAAS,EAAC,cAAc,EACxB,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KACnC,EAAE,CACA,uDAAuD,EACvD,UAAU;AACR,YAAA,+JAA+J,EACjK,SAAS;YACP,6JAA6J,CAChK,YAIHA,GAAA,CAACC,QAAU,kBACG,SAAS,EAAA,aAAA,EACR,UAAU,EACvB,SAAS,EAAE,EAAE,CAAC,0FAA0F,EAAE,SAAS,CAAC,YAEnH,QAAQ,EAAA,CACE,EAAA,CACQ;AAE3B;;"}

package/dist/components/organisms/DatePicker/components/Cell.cjs

@@ -8,11 +8,13 @@ var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var calendarCell_utils = require('../calendarCell.utils.cjs');
 
-const CalendarCell = ({ date: date$1, isHighlighted, showOutOfRangeDates = false, ...props }) => {
+const CalendarCell = ({ date: date$1, isHighlighted, showOutOfRangeDates, ...props }) => {
     const { locale } = reactAriaComponents.useLocale();
     // The props context is merged into the calendar's value, so the cell reads the state context instead.
     const rangeCalendarState = React.useContext(reactAriaComponents.RangeCalendarStateContext);
     const isRangeCalendar = !!rangeCalendarState;
+    // Left unset, only range calendars hide the padding days; the Calendar organism's day-view mini calendar relies on seeing them.
+    const hidesOutOfRangeDates = showOutOfRangeDates === undefined ? isRangeCalendar : !showOutOfRangeDates;
     const position = calendarCell_utils.getCalendarCellRangePosition(date$1, rangeCalendarState?.value ?? null);
     const isTodayDate = date.isToday(date$1, date.getLocalTimeZone());
     const prefix = testIdUtils.useTestIdPrefix();
@@ -27,7 +29,7 @@ const CalendarCell = ({ date: date$1, isHighlighted, showOutOfRangeDates = false
                 isRangeCalendar,
                 position,
             });
-            return cx.cx('relative size-10 focus:outline-hidden', isRoundedLeft && 'rounded-l-full', isRoundedRight && 'rounded-r-full', position.isInRange && isDisabled && 'bg-secondary', isSelected && isRangeCalendar && 'bg-secondary', isDisabled ? 'pointer-events-none' : 'cursor-pointer', isFocusVisible ? 'z-10' : 'z-0', isOutsideMonth && 'opacity-50', isRangeCalendar && isOutsideMonth && !showOutOfRangeDates && 'hidden', 
+            return cx.cx('relative size-10 focus:outline-hidden', isRoundedLeft && 'rounded-l-full', isRoundedRight && 'rounded-r-full', position.isInRange && isDisabled && 'bg-secondary', isSelected && isRangeCalendar && 'bg-secondary', isDisabled ? 'pointer-events-none' : 'cursor-pointer', isFocusVisible ? 'z-10' : 'z-0', isOutsideMonth && 'opacity-50', isOutsideMonth && hidesOutOfRangeDates && 'hidden', 
             // The range continues into the next month, so the highlight must bleed past this cell.
             showTrailingGradient &&
                 'after:absolute after:inset-0 after:translate-x-full after:bg-gradient-to-l after:from-transparent after:to-bg-secondary in-[[role=gridcell]:last-child]:after:hidden', 

package/dist/components/organisms/DatePicker/components/Cell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/Cell.tsx"],"sourcesContent":[null],"names":["date","useLocale","useContext","RangeCalendarStateContext","getCalendarCellRangePosition","isToday","getLocalTimeZone","useTestIdPrefix","joinTestId","slugifyTestId","_jsx","AriaCalendarCell","getCalendarCellOutline","cx","isCalendarCellMarkedSelected","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Cell.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/Cell.tsx"],"sourcesContent":[null],"names":["date","useLocale","useContext","RangeCalendarStateContext","getCalendarCellRangePosition","isToday","getLocalTimeZone","useTestIdPrefix","joinTestId","slugifyTestId","_jsx","AriaCalendarCell","getCalendarCellOutline","cx","isCalendarCellMarkedSelected","_jsxs"],"mappings":"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"}

package/dist/components/organisms/DatePicker/components/Cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/Cell.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAIxF,UAAU,iBAAkB,SAAQ,qBAAqB;IACvD,uCAAuC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,GAAI,wDAAgE,iBAAiB,gCAyF7G,CAAC"}
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/Cell.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAIxF,UAAU,iBAAkB,SAAQ,qBAAqB;IACvD,uCAAuC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,GAAI,wDAAwD,iBAAiB,gCA2FrG,CAAC"}

package/dist/components/organisms/DatePicker/components/Cell.js

@@ -6,11 +6,13 @@ import { useContext } from 'react';
 import { useLocale, RangeCalendarStateContext, CalendarCell as CalendarCell$1 } from 'react-aria-components';
 import { getCalendarCellRangePosition, getCalendarCellOutline, isCalendarCellMarkedSelected } from '../calendarCell.utils.js';
 
-const CalendarCell = ({ date, isHighlighted, showOutOfRangeDates = false, ...props }) => {
+const CalendarCell = ({ date, isHighlighted, showOutOfRangeDates, ...props }) => {
     const { locale } = useLocale();
     // The props context is merged into the calendar's value, so the cell reads the state context instead.
     const rangeCalendarState = useContext(RangeCalendarStateContext);
     const isRangeCalendar = !!rangeCalendarState;
+    // Left unset, only range calendars hide the padding days; the Calendar organism's day-view mini calendar relies on seeing them.
+    const hidesOutOfRangeDates = showOutOfRangeDates === undefined ? isRangeCalendar : !showOutOfRangeDates;
     const position = getCalendarCellRangePosition(date, rangeCalendarState?.value ?? null);
     const isTodayDate = isToday(date, getLocalTimeZone());
     const prefix = useTestIdPrefix();
@@ -25,7 +27,7 @@ const CalendarCell = ({ date, isHighlighted, showOutOfRangeDates = false, ...pro
                 isRangeCalendar,
                 position,
             });
-            return cx('relative size-10 focus:outline-hidden', isRoundedLeft && 'rounded-l-full', isRoundedRight && 'rounded-r-full', position.isInRange && isDisabled && 'bg-secondary', isSelected && isRangeCalendar && 'bg-secondary', isDisabled ? 'pointer-events-none' : 'cursor-pointer', isFocusVisible ? 'z-10' : 'z-0', isOutsideMonth && 'opacity-50', isRangeCalendar && isOutsideMonth && !showOutOfRangeDates && 'hidden', 
+            return cx('relative size-10 focus:outline-hidden', isRoundedLeft && 'rounded-l-full', isRoundedRight && 'rounded-r-full', position.isInRange && isDisabled && 'bg-secondary', isSelected && isRangeCalendar && 'bg-secondary', isDisabled ? 'pointer-events-none' : 'cursor-pointer', isFocusVisible ? 'z-10' : 'z-0', isOutsideMonth && 'opacity-50', isOutsideMonth && hidesOutOfRangeDates && 'hidden', 
             // The range continues into the next month, so the highlight must bleed past this cell.
             showTrailingGradient &&
                 'after:absolute after:inset-0 after:translate-x-full after:bg-gradient-to-l after:from-transparent after:to-bg-secondary in-[[role=gridcell]:last-child]:after:hidden', 

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

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../../../src/components/organisms/DatePicker/components/Cell.tsx"],"sourcesContent":[null],"names":["_jsx","AriaCalendarCell","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Cell.js","sources":["../../../../../src/components/organisms/DatePicker/components/Cell.tsx"],"sourcesContent":[null],"names":["_jsx","AriaCalendarCell","_jsxs"],"mappings":"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"}

package/dist/components/organisms/DatePicker/components/DateRangePicker.cjs

@@ -3,26 +3,25 @@
 var jsxRuntime = require('react/jsx-runtime');
 var uiIcons = require('@flipdish/ui-icons');
 var Button = require('@flipdish/ui-library/components/atoms/Button');
-var cx = require('@flipdish/ui-library/utilities/cx');
 var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var date = require('@internationalized/date');
 var i18n = require('@react-aria/i18n');
 var utils = require('@react-stately/utils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var ScrollClosingPopover = require('../../../__internal__/popover/ScrollClosingPopover.cjs');
+var CalendarOverlay = require('./CalendarOverlay.cjs');
 var InputDate = require('./InputDate.cjs');
 var RangeCalendar = require('./RangeCalendar.cjs');
 
 const now = date.today(date.getLocalTimeZone());
 const highlightedDates = [date.today(date.getLocalTimeZone())];
 /**
- * Trigger button with a two-month popover calendar for picking a start and end date. Includes
- * preset shortcuts and Apply and Cancel actions.
+ * Trigger button with a two-month popover calendar for picking a start and end date, opening as a
+ * bottom sheet below the `md` breakpoint. Includes preset shortcuts and Apply and Cancel actions.
  *
  * @summary popover calendar for selecting a date range
  */
-const DateRangePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCancel, onOpenChange, size = 'sm', 'data-testid': dataTestId, ...props }) => {
+const DateRangePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCancel, onOpenChange, size = 'sm', presets: presetsProp, placeholder = 'Select dates', 'data-testid': dataTestId, ...props }) => {
     const { locale } = reactAriaComponents.useLocale();
     const formatter = i18n.useDateFormatter({
         month: 'short',
@@ -36,9 +35,10 @@ const DateRangePicker = ({ value: valueProp, defaultValue, onChange, onApply, on
     const [value, setValue] = utils.useControlledState(valueProp, defaultValue || null, onChange);
     const [draftValue, setDraftValue] = React.useState(value);
     const [focusedValue, setFocusedValue] = React.useState(null);
-    const formattedStartDate = value?.start ? formatter.format(value.start.toDate(date.getLocalTimeZone())) : 'Select date';
-    const formattedEndDate = value?.end ? formatter.format(value.end.toDate(date.getLocalTimeZone())) : 'Select date';
-    const presets = React.useMemo(() => ({
+    const formattedRange = value
+        ? `${formatter.format(value.start.toDate(date.getLocalTimeZone()))} – ${formatter.format(value.end.toDate(date.getLocalTimeZone()))}`
+        : null;
+    const defaultPresets = React.useMemo(() => ({
         today: { label: 'Today', value: { start: now, end: now } },
         yesterday: { label: 'Yesterday', value: { start: now.subtract({ days: 1 }), end: now.subtract({ days: 1 }) } },
         thisWeek: { label: 'This week', value: { start: date.startOfWeek(now, locale), end: date.endOfWeek(now, locale) } },
@@ -73,6 +73,7 @@ const DateRangePicker = ({ value: valueProp, defaultValue, onChange, onApply, on
             },
         },
     }), [locale]);
+    const presets = presetsProp ?? defaultPresets;
     const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'date-range-picker', rootName: 'date-range-picker' });
     return (jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: rootTestId, children: jsxRuntime.jsxs(reactAriaComponents.DateRangePicker, { "aria-label": "Date range picker", shouldCloseOnSelect: false, ...props, value: draftValue, onChange: setDraftValue, onOpenChange: (isOpen) => {
                 // Re-seed the draft from the latest committed value every time the popover opens, so
@@ -83,23 +84,17 @@ const DateRangePicker = ({ value: valueProp, defaultValue, onChange, onApply, on
                     setFocusedValue(value?.start ?? null);
                 }
                 onOpenChange?.(isOpen);
-            }, "data-testid": rootTestId, children: [jsxRuntime.jsx(reactAriaComponents.Group, { children: jsxRuntime.jsx(Button.Button, { size: size, color: "secondary", iconLeading: uiIcons.Calendar, "data-testid": testIdUtils.joinTestId(rootTestId, 'trigger'), children: !value ? jsxRuntime.jsx("span", { className: "text-placeholder", children: "Select dates" }) : `${formattedStartDate} – ${formattedEndDate}` }) }), jsxRuntime.jsx(ScrollClosingPopover.ScrollClosingPopover, { placement: "bottom right", offset: 8, className: ({ isEntering, isExiting }) => cx.cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
-                        'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
-                        'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsxRuntime.jsx(reactAriaComponents.Dialog, { "aria-label": "Date range picker", "data-testid": testIdUtils.joinTestId(rootTestId, 'popover'), className: "flex rounded-2xl bg-primary shadow-xl ring ring-secondary_alt focus:outline-hidden", children: ({ close }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "hidden w-38 flex-col gap-0.5 border-r border-solid border-secondary p-3 lg:flex", children: Object.values(presets).map((preset) => (jsxRuntime.jsx(RangeCalendar.RangePresetButton, { value: preset.value, onClick: () => {
-                                            setDraftValue(preset.value);
-                                            setFocusedValue(preset.value.start);
-                                        }, children: preset.label }, preset.label))) }), jsxRuntime.jsxs("div", { className: "flex flex-col", children: [jsxRuntime.jsx(RangeCalendar.RangeCalendar, { focusedValue: focusedValue, onFocusChange: setFocusedValue, highlightedDates: highlightedDates, presets: {
-                                                lastWeek: presets.lastWeek,
-                                                lastMonth: presets.lastMonth,
-                                                lastYear: presets.lastYear,
-                                            } }), jsxRuntime.jsxs("div", { className: "flex justify-between gap-3 border-t border-secondary p-4", children: [jsxRuntime.jsxs("div", { className: "hidden items-center gap-2 md:flex", children: [jsxRuntime.jsx(InputDate.InputDateBase, { slot: "start", size: "sm" }), jsxRuntime.jsx("div", { className: "text-md text-quaternary", children: "\u2013" }), jsxRuntime.jsx(InputDate.InputDateBase, { slot: "end", size: "sm" })] }), jsxRuntime.jsxs("div", { className: "grid w-full grid-cols-2 gap-3 md:flex md:w-auto", children: [jsxRuntime.jsx(Button.Button, { size: "sm", color: "secondary", "data-testid": testIdUtils.joinTestId(rootTestId, 'cancel'), onClick: () => {
-                                                                onCancel?.();
-                                                                close();
-                                                            }, children: "Cancel" }), jsxRuntime.jsx(Button.Button, { size: "sm", color: "primary", "data-testid": testIdUtils.joinTestId(rootTestId, 'apply'), onClick: () => {
-                                                                setValue(draftValue);
-                                                                onApply?.();
-                                                                close();
-                                                            }, children: "Apply" })] })] })] })] })) }) })] }) }));
+            }, "data-testid": rootTestId, children: [jsxRuntime.jsx(reactAriaComponents.Group, { children: jsxRuntime.jsx(Button.Button, { size: size, color: "secondary", iconLeading: uiIcons.Calendar, "data-testid": testIdUtils.joinTestId(rootTestId, 'trigger'), children: formattedRange ?? jsxRuntime.jsx("span", { className: "text-placeholder", children: placeholder }) }) }), jsxRuntime.jsx(CalendarOverlay.CalendarOverlay, { "aria-label": props['aria-label'] ?? 'Date range picker', "data-testid": testIdUtils.joinTestId(rootTestId, 'popover'), className: "flex focus:outline-hidden", children: ({ close }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "hidden w-38 flex-col gap-0.5 border-r border-solid border-secondary p-3 lg:flex", children: Object.values(presets).map((preset) => (jsxRuntime.jsx(RangeCalendar.RangePresetButton, { value: preset.value, onClick: () => {
+                                        setDraftValue(preset.value);
+                                        setFocusedValue(preset.value.start);
+                                    }, children: preset.label }, preset.label))) }), jsxRuntime.jsxs("div", { className: "flex flex-col max-md:w-full", children: [jsxRuntime.jsx(RangeCalendar.RangeCalendar, { focusedValue: focusedValue, onFocusChange: setFocusedValue, highlightedDates: highlightedDates, presets: presets, className: "max-md:w-full max-md:self-center max-sm:max-w-78 sm:max-md:max-w-82" }), jsxRuntime.jsxs("div", { className: "sticky bottom-0 flex justify-between gap-3 border-t border-secondary bg-primary px-4 pt-4 pb-[calc(1rem+env(safe-area-inset-bottom))]", children: [jsxRuntime.jsxs("div", { className: "hidden items-center gap-2 md:flex", children: [jsxRuntime.jsx(InputDate.InputDateBase, { slot: "start", size: "sm" }), jsxRuntime.jsx("div", { className: "text-md text-quaternary", children: "\u2013" }), jsxRuntime.jsx(InputDate.InputDateBase, { slot: "end", size: "sm" })] }), jsxRuntime.jsxs("div", { className: "grid w-full grid-cols-2 gap-3 md:flex md:w-auto", children: [jsxRuntime.jsx(Button.Button, { size: "sm", color: "secondary", "data-testid": testIdUtils.joinTestId(rootTestId, 'cancel'), onClick: () => {
+                                                            onCancel?.();
+                                                            close();
+                                                        }, children: "Cancel" }), jsxRuntime.jsx(Button.Button, { size: "sm", color: "primary", "data-testid": testIdUtils.joinTestId(rootTestId, 'apply'), onClick: () => {
+                                                            setValue(draftValue);
+                                                            onApply?.();
+                                                            close();
+                                                        }, children: "Apply" })] })] })] })] })) })] }) }));
 };
 
 exports.DateRangePicker = DateRangePicker;

package/dist/components/organisms/DatePicker/components/DateRangePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/DateRangePicker.tsx"],"sourcesContent":[null],"names":["today","getLocalTimeZone","useLocale","useDateFormatter","useControlledState","useState","useMemo","startOfWeek","endOfWeek","startOfMonth","endOfMonth","useResolvedTestId","_jsx","TestIdProvider","_jsxs","AriaDateRangePicker","AriaGroup","Button","CalendarIcon","joinTestId","ScrollClosingPopover","cx","AriaDialog","_Fragment","RangePresetButton","RangeCalendar","InputDateBase"],"mappings":"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"}
+{"version":3,"file":"DateRangePicker.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/DateRangePicker.tsx"],"sourcesContent":[null],"names":["today","getLocalTimeZone","useLocale","useDateFormatter","useControlledState","useState","useMemo","startOfWeek","endOfWeek","startOfMonth","endOfMonth","useResolvedTestId","_jsx","TestIdProvider","_jsxs","AriaDateRangePicker","AriaGroup","Button","CalendarIcon","joinTestId","CalendarOverlay","_Fragment","RangePresetButton","RangeCalendar","InputDateBase"],"mappings":"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"}

package/dist/components/organisms/DatePicker/components/DateRangePicker.d.ts

@@ -1,8 +1,13 @@
 import type { ButtonProps } from '@flipdish/ui-library/components/atoms/Button';
 import type { DateRangePickerProps as AriaDateRangePickerProps, DateValue } from 'react-aria-components';
+import { type RangeCalendarProps } from './RangeCalendar';
 export interface DateRangePickerProps extends AriaDateRangePickerProps<DateValue> {
-    /** Size of the trigger button; the popover's inputs and actions keep a fixed size. */
+    /** Size of the trigger button; the calendar's inputs and actions keep a fixed size. */
     size?: ButtonProps['size'];
+    /** Shortcut ranges keyed by a stable id, replacing the built-in set; each label also derives its `--preset-<slug>` test id. */
+    presets?: RangeCalendarProps['presets'];
+    /** Trigger text while no range is applied. */
+    placeholder?: string;
     /** The function to call when the apply button is clicked. */
     onApply?: () => void;
     /** The function to call when the cancel button is clicked. */
@@ -11,10 +16,10 @@ export interface DateRangePickerProps extends AriaDateRangePickerProps<DateValue
     'data-testid'?: string;
 }
 /**
- * Trigger button with a two-month popover calendar for picking a start and end date. Includes
- * preset shortcuts and Apply and Cancel actions.
+ * Trigger button with a two-month popover calendar for picking a start and end date, opening as a
+ * bottom sheet below the `md` breakpoint. Includes preset shortcuts and Apply and Cancel actions.
  *
  * @summary popover calendar for selecting a date range
  */
-export declare const DateRangePicker: ({ value: valueProp, defaultValue, onChange, onApply, onCancel, onOpenChange, size, "data-testid": dataTestId, ...props }: DateRangePickerProps) => import("react").JSX.Element;
+export declare const DateRangePicker: ({ value: valueProp, defaultValue, onChange, onApply, onCancel, onOpenChange, size, presets: presetsProp, placeholder, "data-testid": dataTestId, ...props }: DateRangePickerProps) => import("react").JSX.Element;
 //# sourceMappingURL=DateRangePicker.d.ts.map

package/dist/components/organisms/DatePicker/components/DateRangePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/DateRangePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAQhF,OAAO,KAAK,EAAE,oBAAoB,IAAI,wBAAwB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAUzG,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB,CAAC,SAAS,CAAC;IAC/E,sFAAsF;IACtF,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,4HAA4H;IAC5H,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,0HAU7B,oBAAoB,gCAyKtB,CAAC"}
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/DateRangePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAOhF,OAAO,KAAK,EAAE,oBAAoB,IAAI,wBAAwB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIzG,OAAO,EAAiB,KAAK,kBAAkB,EAAqB,MAAM,iBAAiB,CAAC;AAM5F,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB,CAAC,SAAS,CAAC;IAC/E,uFAAuF;IACvF,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,+HAA+H;IAC/H,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACxC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,4HAA4H;IAC5H,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,6JAY7B,oBAAoB,gCA2JtB,CAAC"}

package/dist/components/organisms/DatePicker/components/DateRangePicker.js

@@ -1,26 +1,25 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Calendar } from '@flipdish/ui-icons';
 import { Button } from '@flipdish/ui-library/components/atoms/Button';
-import { cx } from '@flipdish/ui-library/utilities/cx';
 import { useResolvedTestId, TestIdProvider, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { today, getLocalTimeZone, endOfMonth, startOfMonth, endOfWeek, startOfWeek } from '@internationalized/date';
 import { useDateFormatter } from '@react-aria/i18n';
 import { useControlledState } from '@react-stately/utils';
 import { useState, useMemo } from 'react';
-import { useLocale, DateRangePicker as DateRangePicker$1, Group, Dialog } from 'react-aria-components';
-import { ScrollClosingPopover } from '../../../__internal__/popover/ScrollClosingPopover.js';
+import { useLocale, DateRangePicker as DateRangePicker$1, Group } from 'react-aria-components';
+import { CalendarOverlay } from './CalendarOverlay.js';
 import { InputDateBase } from './InputDate.js';
 import { RangePresetButton, RangeCalendar } from './RangeCalendar.js';
 
 const now = today(getLocalTimeZone());
 const highlightedDates = [today(getLocalTimeZone())];
 /**
- * Trigger button with a two-month popover calendar for picking a start and end date. Includes
- * preset shortcuts and Apply and Cancel actions.
+ * Trigger button with a two-month popover calendar for picking a start and end date, opening as a
+ * bottom sheet below the `md` breakpoint. Includes preset shortcuts and Apply and Cancel actions.
  *
  * @summary popover calendar for selecting a date range
  */
-const DateRangePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCancel, onOpenChange, size = 'sm', 'data-testid': dataTestId, ...props }) => {
+const DateRangePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCancel, onOpenChange, size = 'sm', presets: presetsProp, placeholder = 'Select dates', 'data-testid': dataTestId, ...props }) => {
     const { locale } = useLocale();
     const formatter = useDateFormatter({
         month: 'short',
@@ -34,9 +33,10 @@ const DateRangePicker = ({ value: valueProp, defaultValue, onChange, onApply, on
     const [value, setValue] = useControlledState(valueProp, defaultValue || null, onChange);
     const [draftValue, setDraftValue] = useState(value);
     const [focusedValue, setFocusedValue] = useState(null);
-    const formattedStartDate = value?.start ? formatter.format(value.start.toDate(getLocalTimeZone())) : 'Select date';
-    const formattedEndDate = value?.end ? formatter.format(value.end.toDate(getLocalTimeZone())) : 'Select date';
-    const presets = useMemo(() => ({
+    const formattedRange = value
+        ? `${formatter.format(value.start.toDate(getLocalTimeZone()))} – ${formatter.format(value.end.toDate(getLocalTimeZone()))}`
+        : null;
+    const defaultPresets = useMemo(() => ({
         today: { label: 'Today', value: { start: now, end: now } },
         yesterday: { label: 'Yesterday', value: { start: now.subtract({ days: 1 }), end: now.subtract({ days: 1 }) } },
         thisWeek: { label: 'This week', value: { start: startOfWeek(now, locale), end: endOfWeek(now, locale) } },
@@ -71,6 +71,7 @@ const DateRangePicker = ({ value: valueProp, defaultValue, onChange, onApply, on
             },
         },
     }), [locale]);
+    const presets = presetsProp ?? defaultPresets;
     const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'date-range-picker', rootName: 'date-range-picker' });
     return (jsx(TestIdProvider, { value: rootTestId, children: jsxs(DateRangePicker$1, { "aria-label": "Date range picker", shouldCloseOnSelect: false, ...props, value: draftValue, onChange: setDraftValue, onOpenChange: (isOpen) => {
                 // Re-seed the draft from the latest committed value every time the popover opens, so
@@ -81,23 +82,17 @@ const DateRangePicker = ({ value: valueProp, defaultValue, onChange, onApply, on
                     setFocusedValue(value?.start ?? null);
                 }
                 onOpenChange?.(isOpen);
-            }, "data-testid": rootTestId, children: [jsx(Group, { children: jsx(Button, { size: size, color: "secondary", iconLeading: Calendar, "data-testid": joinTestId(rootTestId, 'trigger'), children: !value ? jsx("span", { className: "text-placeholder", children: "Select dates" }) : `${formattedStartDate} – ${formattedEndDate}` }) }), jsx(ScrollClosingPopover, { placement: "bottom right", offset: 8, className: ({ isEntering, isExiting }) => cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
-                        'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
-                        'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsx(Dialog, { "aria-label": "Date range picker", "data-testid": joinTestId(rootTestId, 'popover'), className: "flex rounded-2xl bg-primary shadow-xl ring ring-secondary_alt focus:outline-hidden", children: ({ close }) => (jsxs(Fragment, { children: [jsx("div", { className: "hidden w-38 flex-col gap-0.5 border-r border-solid border-secondary p-3 lg:flex", children: Object.values(presets).map((preset) => (jsx(RangePresetButton, { value: preset.value, onClick: () => {
-                                            setDraftValue(preset.value);
-                                            setFocusedValue(preset.value.start);
-                                        }, children: preset.label }, preset.label))) }), jsxs("div", { className: "flex flex-col", children: [jsx(RangeCalendar, { focusedValue: focusedValue, onFocusChange: setFocusedValue, highlightedDates: highlightedDates, presets: {
-                                                lastWeek: presets.lastWeek,
-                                                lastMonth: presets.lastMonth,
-                                                lastYear: presets.lastYear,
-                                            } }), jsxs("div", { className: "flex justify-between gap-3 border-t border-secondary p-4", children: [jsxs("div", { className: "hidden items-center gap-2 md:flex", children: [jsx(InputDateBase, { slot: "start", size: "sm" }), jsx("div", { className: "text-md text-quaternary", children: "\u2013" }), jsx(InputDateBase, { slot: "end", size: "sm" })] }), jsxs("div", { className: "grid w-full grid-cols-2 gap-3 md:flex md:w-auto", children: [jsx(Button, { size: "sm", color: "secondary", "data-testid": joinTestId(rootTestId, 'cancel'), onClick: () => {
-                                                                onCancel?.();
-                                                                close();
-                                                            }, children: "Cancel" }), jsx(Button, { size: "sm", color: "primary", "data-testid": joinTestId(rootTestId, 'apply'), onClick: () => {
-                                                                setValue(draftValue);
-                                                                onApply?.();
-                                                                close();
-                                                            }, children: "Apply" })] })] })] })] })) }) })] }) }));
+            }, "data-testid": rootTestId, children: [jsx(Group, { children: jsx(Button, { size: size, color: "secondary", iconLeading: Calendar, "data-testid": joinTestId(rootTestId, 'trigger'), children: formattedRange ?? jsx("span", { className: "text-placeholder", children: placeholder }) }) }), jsx(CalendarOverlay, { "aria-label": props['aria-label'] ?? 'Date range picker', "data-testid": joinTestId(rootTestId, 'popover'), className: "flex focus:outline-hidden", children: ({ close }) => (jsxs(Fragment, { children: [jsx("div", { className: "hidden w-38 flex-col gap-0.5 border-r border-solid border-secondary p-3 lg:flex", children: Object.values(presets).map((preset) => (jsx(RangePresetButton, { value: preset.value, onClick: () => {
+                                        setDraftValue(preset.value);
+                                        setFocusedValue(preset.value.start);
+                                    }, children: preset.label }, preset.label))) }), jsxs("div", { className: "flex flex-col max-md:w-full", children: [jsx(RangeCalendar, { focusedValue: focusedValue, onFocusChange: setFocusedValue, highlightedDates: highlightedDates, presets: presets, className: "max-md:w-full max-md:self-center max-sm:max-w-78 sm:max-md:max-w-82" }), jsxs("div", { className: "sticky bottom-0 flex justify-between gap-3 border-t border-secondary bg-primary px-4 pt-4 pb-[calc(1rem+env(safe-area-inset-bottom))]", children: [jsxs("div", { className: "hidden items-center gap-2 md:flex", children: [jsx(InputDateBase, { slot: "start", size: "sm" }), jsx("div", { className: "text-md text-quaternary", children: "\u2013" }), jsx(InputDateBase, { slot: "end", size: "sm" })] }), jsxs("div", { className: "grid w-full grid-cols-2 gap-3 md:flex md:w-auto", children: [jsx(Button, { size: "sm", color: "secondary", "data-testid": joinTestId(rootTestId, 'cancel'), onClick: () => {
+                                                            onCancel?.();
+                                                            close();
+                                                        }, children: "Cancel" }), jsx(Button, { size: "sm", color: "primary", "data-testid": joinTestId(rootTestId, 'apply'), onClick: () => {
+                                                            setValue(draftValue);
+                                                            onApply?.();
+                                                            close();
+                                                        }, children: "Apply" })] })] })] })] })) })] }) }));
 };
 
 export { DateRangePicker };