@flipdish/ui-library 0.31.0 → 0.31.2

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

@@ -0,0 +1,103 @@
+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, Popover, Dialog } from 'react-aria-components';
+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.
+ *
+ * @summary popover calendar for selecting a date range
+ */
+const DateRangePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCancel, onOpenChange, size = 'sm', 'data-testid': dataTestId, ...props }) => {
+    const { locale } = useLocale();
+    const formatter = useDateFormatter({
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric',
+    });
+    // `value` is the committed range reported to the consumer via `onChange`. The calendar
+    // popover (grid clicks and presets alike) reads/writes a separate `draftValue` while open,
+    // so nothing commits until Apply is pressed — Cancel (and dismissing the popover any other
+    // way, e.g. Escape or an outside click) simply discards the draft, leaving `value` untouched.
+    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(() => ({
+        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) } },
+        lastWeek: {
+            label: 'Last week',
+            value: {
+                start: startOfWeek(now, locale).subtract({ weeks: 1 }),
+                end: endOfWeek(now, locale).subtract({ weeks: 1 }),
+            },
+        },
+        thisMonth: { label: 'This month', value: { start: startOfMonth(now), end: endOfMonth(now) } },
+        lastMonth: {
+            label: 'Last month',
+            value: {
+                start: startOfMonth(now).subtract({ months: 1 }),
+                end: endOfMonth(now).subtract({ months: 1 }),
+            },
+        },
+        thisYear: { label: 'This year', value: { start: startOfMonth(now.set({ month: 1 })), end: endOfMonth(now.set({ month: 12 })) } },
+        lastYear: {
+            label: 'Last year',
+            value: {
+                start: startOfMonth(now.set({ month: 1 }).subtract({ years: 1 })),
+                end: endOfMonth(now.set({ month: 12 }).subtract({ years: 1 })),
+            },
+        },
+        allTime: {
+            label: 'All time',
+            value: {
+                start: now.set({ year: 2000, month: 1, day: 1 }),
+                end: now,
+            },
+        },
+    }), [locale]);
+    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
+                // a stale in-progress edit from a previous Cancel/dismiss never leaks in, and a
+                // controlled `value` that changed while closed is always the starting point.
+                if (isOpen) {
+                    setDraftValue(value);
+                    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(Popover, { 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" })] })] })] })] })) }) })] }) }));
+};
+
+export { DateRangePicker };
+//# sourceMappingURL=DateRangePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.js","sources":["../../../../../src/components/organisms/DatePicker/components/DateRangePicker.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaDateRangePicker","AriaGroup","CalendarIcon","AriaPopover","AriaDialog","_Fragment"],"mappings":"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"}

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

@@ -0,0 +1,59 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+require('@flipdish/ui-library/components/atoms/Input');
+var Tooltip = require('@flipdish/ui-library/components/atoms/Tooltip');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var useHotkeyHint = require('../../../../hooks/__internal__/useHotkeyHint/useHotkeyHint.cjs');
+
+const DateFieldContext = React.createContext({});
+const InputDateBase = ({ tooltip, shortcut, groupRef, size = 'md', isInvalid, isDisabled, icon: Icon, wrapperClassName, tooltipClassName, iconClassName, ...inputProps }) => {
+    const shortcutLabel = useHotkeyHint.useHotkeyHint(shortcut === true ? 'mod+k' : shortcut || null);
+    // Check if the input has a leading icon or tooltip
+    const hasTrailingIcon = tooltip || isInvalid;
+    const hasLeadingIcon = Icon;
+    // If the input is inside a `TextFieldContext`, use its context to simplify applying styles
+    const context = React.useContext(DateFieldContext);
+    const inputSize = context?.size || size;
+    const prefix = testIdUtils.useTestIdPrefix();
+    const slot = typeof inputProps.slot === 'string' ? inputProps.slot : undefined;
+    const inputTestId = prefix ? testIdUtils.joinTestId(prefix, slot ? `input-${slot}` : 'input') : undefined;
+    const sizes = cx.sortCx({
+        sm: {
+            root: cx.cx('px-3 py-2 text-sm', hasTrailingIcon && 'pr-9', hasLeadingIcon && 'pl-8.5'),
+            iconLeading: 'left-3 size-4 stroke-[2.25px]',
+            iconTrailing: 'right-3',
+            shortcut: 'pr-2.5',
+        },
+        md: {
+            root: cx.cx('px-3 py-2 text-md', hasTrailingIcon && 'pr-9', hasLeadingIcon && 'pl-10'),
+            iconLeading: 'left-3 size-5',
+            iconTrailing: 'right-3',
+            shortcut: 'pr-2.5',
+        },
+        lg: {
+            root: cx.cx('px-3.5 py-2.5 text-md', hasTrailingIcon && 'pr-9.5', hasLeadingIcon && 'pl-10.5'),
+            iconLeading: 'left-3.5 size-5',
+            iconTrailing: 'right-3.5',
+            shortcut: 'pr-3',
+        },
+    });
+    return (jsxRuntime.jsxs(reactAriaComponents.Group, { isDisabled, isInvalid, ref: groupRef, "data-testid": inputTestId, className: ({ isFocusWithin, isDisabled, isInvalid }) => cx.cx('group/input relative flex w-full flex-row place-content-center place-items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset', isFocusWithin && !isDisabled && 'ring-2 ring-brand', 
+        // Disabled state styles
+        isDisabled && 'cursor-not-allowed opacity-50 in-data-input-wrapper:opacity-100', 'group-disabled:cursor-not-allowed group-disabled:opacity-50 in-data-input-wrapper:group-disabled:opacity-100', 
+        // Invalid state styles
+        isInvalid && 'ring-error_subtle', 'group-invalid:ring-error_subtle', 
+        // Invalid state with focus-within styles
+        isInvalid && isFocusWithin && 'ring-2 ring-error', isFocusWithin && 'group-invalid:ring-2 group-invalid:ring-error', context?.wrapperClassName, wrapperClassName), children: [Icon && (jsxRuntime.jsx(Icon, { className: cx.cx('pointer-events-none absolute text-fg-quaternary', sizes[inputSize].iconLeading, context?.iconClassName, iconClassName) })), jsxRuntime.jsx(reactAriaComponents.DateInput, { ...inputProps, className: cx.cx('flex w-full', sizes[size].root, typeof inputProps.className === 'string' && inputProps.className), children: (segment) => (jsxRuntime.jsx(reactAriaComponents.DateSegment, { segment: segment, className: cx.cx('rounded px-0.5 text-primary tabular-nums caret-transparent focus:bg-brand-solid focus:font-medium focus:text-white focus:outline-hidden', 
+                    // The placeholder segment.
+                    segment.isPlaceholder && 'text-placeholder uppercase', 
+                    // The separator "/" segment.
+                    segment.type === 'literal' && 'text-fg-quaternary') })) }), tooltip && (jsxRuntime.jsx(Tooltip.Tooltip, { title: tooltip, placement: "top", children: jsxRuntime.jsx(Tooltip.TooltipTrigger, { className: cx.cx('absolute cursor-pointer text-fg-quaternary transition duration-200 group-invalid/input:hidden hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName), children: jsxRuntime.jsx(uiIcons.HelpCircle, { className: "size-4 stroke-[2.25px]" }) }) })), jsxRuntime.jsx(uiIcons.InfoCircle, { className: cx.cx('pointer-events-none absolute hidden size-4 stroke-[2.25px] text-fg-error-secondary group-invalid/input:block', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName) }), shortcut && (jsxRuntime.jsx("div", { className: cx.cx('pointer-events-none absolute inset-y-0.5 right-0.5 z-10 flex items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8', sizes[inputSize].shortcut), children: jsxRuntime.jsx("span", { "aria-hidden": "true", className: "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset", children: shortcutLabel }) }))] }));
+};
+
+exports.InputDateBase = InputDateBase;
+//# sourceMappingURL=InputDate.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputDate.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/InputDate.tsx"],"sourcesContent":[null],"names":["createContext","useHotkeyHint","useContext","useTestIdPrefix","joinTestId","sortCx","cx","_jsxs","AriaGroup","_jsx","AriaDateInput","AriaDateSegment","Tooltip","TooltipTrigger","HelpCircle","InfoCircle"],"mappings":"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"}

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

@@ -0,0 +1,46 @@
+import { type ComponentType, type HTMLAttributes, type ReactNode, type Ref } from 'react';
+import type { DateInputProps as AriaDateInputProps } from 'react-aria-components';
+import { type DateFieldProps as AriaDateFieldProps, type DateValue } from 'react-aria-components';
+export interface InputDateBaseProps extends Omit<AriaDateInputProps, 'children'> {
+    /** Tooltip message on hover. */
+    tooltip?: string;
+    /**
+     * Input size.
+     * @default "sm"
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /** Placeholder text. */
+    placeholder?: string;
+    /** Class name for the icon. */
+    iconClassName?: string;
+    /** Class name for the input wrapper. */
+    wrapperClassName?: string;
+    /** Class name for the tooltip. */
+    tooltipClassName?: string;
+    /**
+     * Keyboard shortcut to display. `true` shows the search shortcut (⌘K on macOS, Ctrl K elsewhere). A
+     * shortcut (`⌘J`, `mod+j`, `Ctrl+J`) is drawn for the user's platform; text that is not a shortcut is shown
+     * as written.
+     */
+    shortcut?: string | boolean;
+    ref?: Ref<HTMLInputElement>;
+    groupRef?: Ref<HTMLDivElement>;
+    /** Icon component to display on the left side of the input. */
+    icon?: ComponentType<HTMLAttributes<HTMLOrSVGElement>>;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+}
+export declare const InputDateBase: ({ tooltip, shortcut, groupRef, size, isInvalid, isDisabled, icon: Icon, wrapperClassName, tooltipClassName, iconClassName, ...inputProps }: Omit<InputDateBaseProps, "label" | "hint">) => import("react").JSX.Element;
+interface InputProps extends AriaDateFieldProps<DateValue>, Pick<InputDateBaseProps, 'ref' | 'size' | 'placeholder' | 'icon' | 'shortcut' | 'tooltip' | 'groupRef' | 'iconClassName' | 'wrapperClassName' | 'tooltipClassName'> {
+    /** Label text for the input */
+    label?: string;
+    /** Helper text displayed below the input */
+    hint?: ReactNode;
+    /** Whether to hide required indicator from label */
+    hideRequiredIndicator?: boolean;
+    /** Class name for the input. */
+    inputClassName?: string;
+}
+export declare const InputDate: ({ size, placeholder, icon: Icon, label, hint, shortcut, hideRequiredIndicator, className, ref, groupRef, tooltip, iconClassName, inputClassName, wrapperClassName, tooltipClassName, ...props }: InputProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=InputDate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputDate.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/InputDate.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,aAAa,EAAiB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAc,MAAM,OAAO,CAAC;AACrH,OAAO,KAAK,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAEL,KAAK,cAAc,IAAI,kBAAkB,EAIzC,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAC;AAW/B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IAC9E,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,GAAI,4IAY3B,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,MAAM,CAAC,gCAsI5C,CAAC;AAEF,UAAU,UACR,SAAQ,kBAAkB,CAAC,SAAS,CAAC,EACnC,IAAI,CACF,kBAAkB,EAClB,KAAK,GAAG,MAAM,GAAG,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,eAAe,GAAG,kBAAkB,GAAG,kBAAkB,CAC1I;IACH,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,GAAI,iMAiBvB,UAAU,gCAyCZ,CAAC"}

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

@@ -0,0 +1,57 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { HelpCircle, InfoCircle } from '@flipdish/ui-icons';
+import '@flipdish/ui-library/components/atoms/Input';
+import { Tooltip, TooltipTrigger } from '@flipdish/ui-library/components/atoms/Tooltip';
+import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
+import { useTestIdPrefix, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { createContext, useContext } from 'react';
+import { Group, DateInput, DateSegment } from 'react-aria-components';
+import { useHotkeyHint } from '../../../../hooks/__internal__/useHotkeyHint/useHotkeyHint.js';
+
+const DateFieldContext = createContext({});
+const InputDateBase = ({ tooltip, shortcut, groupRef, size = 'md', isInvalid, isDisabled, icon: Icon, wrapperClassName, tooltipClassName, iconClassName, ...inputProps }) => {
+    const shortcutLabel = useHotkeyHint(shortcut === true ? 'mod+k' : shortcut || null);
+    // Check if the input has a leading icon or tooltip
+    const hasTrailingIcon = tooltip || isInvalid;
+    const hasLeadingIcon = Icon;
+    // If the input is inside a `TextFieldContext`, use its context to simplify applying styles
+    const context = useContext(DateFieldContext);
+    const inputSize = context?.size || size;
+    const prefix = useTestIdPrefix();
+    const slot = typeof inputProps.slot === 'string' ? inputProps.slot : undefined;
+    const inputTestId = prefix ? joinTestId(prefix, slot ? `input-${slot}` : 'input') : undefined;
+    const sizes = sortCx({
+        sm: {
+            root: cx('px-3 py-2 text-sm', hasTrailingIcon && 'pr-9', hasLeadingIcon && 'pl-8.5'),
+            iconLeading: 'left-3 size-4 stroke-[2.25px]',
+            iconTrailing: 'right-3',
+            shortcut: 'pr-2.5',
+        },
+        md: {
+            root: cx('px-3 py-2 text-md', hasTrailingIcon && 'pr-9', hasLeadingIcon && 'pl-10'),
+            iconLeading: 'left-3 size-5',
+            iconTrailing: 'right-3',
+            shortcut: 'pr-2.5',
+        },
+        lg: {
+            root: cx('px-3.5 py-2.5 text-md', hasTrailingIcon && 'pr-9.5', hasLeadingIcon && 'pl-10.5'),
+            iconLeading: 'left-3.5 size-5',
+            iconTrailing: 'right-3.5',
+            shortcut: 'pr-3',
+        },
+    });
+    return (jsxs(Group, { isDisabled, isInvalid, ref: groupRef, "data-testid": inputTestId, className: ({ isFocusWithin, isDisabled, isInvalid }) => cx('group/input relative flex w-full flex-row place-content-center place-items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset', isFocusWithin && !isDisabled && 'ring-2 ring-brand', 
+        // Disabled state styles
+        isDisabled && 'cursor-not-allowed opacity-50 in-data-input-wrapper:opacity-100', 'group-disabled:cursor-not-allowed group-disabled:opacity-50 in-data-input-wrapper:group-disabled:opacity-100', 
+        // Invalid state styles
+        isInvalid && 'ring-error_subtle', 'group-invalid:ring-error_subtle', 
+        // Invalid state with focus-within styles
+        isInvalid && isFocusWithin && 'ring-2 ring-error', isFocusWithin && 'group-invalid:ring-2 group-invalid:ring-error', context?.wrapperClassName, wrapperClassName), children: [Icon && (jsx(Icon, { className: cx('pointer-events-none absolute text-fg-quaternary', sizes[inputSize].iconLeading, context?.iconClassName, iconClassName) })), jsx(DateInput, { ...inputProps, className: cx('flex w-full', sizes[size].root, typeof inputProps.className === 'string' && inputProps.className), children: (segment) => (jsx(DateSegment, { segment: segment, className: cx('rounded px-0.5 text-primary tabular-nums caret-transparent focus:bg-brand-solid focus:font-medium focus:text-white focus:outline-hidden', 
+                    // The placeholder segment.
+                    segment.isPlaceholder && 'text-placeholder uppercase', 
+                    // The separator "/" segment.
+                    segment.type === 'literal' && 'text-fg-quaternary') })) }), tooltip && (jsx(Tooltip, { title: tooltip, placement: "top", children: jsx(TooltipTrigger, { className: cx('absolute cursor-pointer text-fg-quaternary transition duration-200 group-invalid/input:hidden hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName), children: jsx(HelpCircle, { className: "size-4 stroke-[2.25px]" }) }) })), jsx(InfoCircle, { className: cx('pointer-events-none absolute hidden size-4 stroke-[2.25px] text-fg-error-secondary group-invalid/input:block', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName) }), shortcut && (jsx("div", { className: cx('pointer-events-none absolute inset-y-0.5 right-0.5 z-10 flex items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8', sizes[inputSize].shortcut), children: jsx("span", { "aria-hidden": "true", className: "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset", children: shortcutLabel }) }))] }));
+};
+
+export { InputDateBase };
+//# sourceMappingURL=InputDate.js.map

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

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

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

@@ -0,0 +1,68 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Button = require('@flipdish/ui-library/components/atoms/Button');
+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 i18n = require('@react-aria/i18n');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var Cell = require('./Cell.cjs');
+var InputDate = require('./InputDate.cjs');
+
+const RangeCalendarTitle = ({ part }) => {
+    const context = React.useContext(reactAriaComponents.RangeCalendarStateContext);
+    if (!context) {
+        throw new Error('<RangeCalendarTitle /> must be used within a <RangeCalendar /> component.');
+    }
+    const formatter = i18n.useDateFormatter({
+        month: 'long',
+        year: 'numeric',
+        calendar: context.visibleRange.start.calendar.identifier,
+        timeZone: context.timeZone,
+    });
+    return part === 'start'
+        ? formatter.format(context.visibleRange.start.toDate(context.timeZone))
+        : formatter.format(context.visibleRange.end.toDate(context.timeZone));
+};
+const RangePresetButton = ({ value, className, children, 'data-testid': dataTestId, ...props }) => {
+    const context = reactAriaComponents.useSlottedContext(reactAriaComponents.RangeCalendarContext);
+    const isSelected = context?.value?.start?.compare(value.start) === 0 && context?.value?.end?.compare(value.end) === 0;
+    const prefix = testIdUtils.useTestIdPrefix();
+    const presetTestId = dataTestId ?? (prefix && typeof children === 'string' ? testIdUtils.joinTestId(prefix, `preset-${testIdUtils.slugifyTestId(children)}`) : undefined);
+    return (jsxRuntime.jsx("button", { ...props, "data-testid": presetTestId, className: cx.cx('cursor-pointer rounded-md px-3 py-2 text-left text-sm font-medium outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2', isSelected
+            ? 'bg-secondary text-secondary_hover hover:bg-secondary_hover'
+            : 'text-secondary hover:bg-primary_hover hover:text-secondary_hover', className), children: children }));
+};
+const MobilePresetButton = ({ value, children, ...props }) => {
+    const context = React.useContext(reactAriaComponents.RangeCalendarStateContext);
+    const prefix = testIdUtils.useTestIdPrefix();
+    const presetTestId = prefix && typeof children === 'string' ? testIdUtils.joinTestId(prefix, `preset-${testIdUtils.slugifyTestId(children)}`) : undefined;
+    return (jsxRuntime.jsx(Button.Button, { ...props, slot: null, size: "sm", color: "link-color", "data-testid": presetTestId, onClick: () => {
+            context?.setValue(value);
+            context?.setFocusedDate(value.start);
+        }, children: children }));
+};
+/**
+ * Bare range calendar grid without a trigger or popover: two months on desktop, one on mobile.
+ * Use it embedded in your own surface.
+ *
+ * @summary inline calendar grid for selecting a date range
+ */
+const RangeCalendar = ({ presets, visibleDuration, showOutOfRangeDates = false, showPresetsOnDesktop = false, 'data-testid': dataTestId, ...props }) => {
+    const isDesktop = useBreakpoints.useBreakpoints('md');
+    const visibleDurationMonths = visibleDuration?.months || (isDesktop ? 2 : 1);
+    // Adopt the ambient prefix from an ancestor (e.g. `DateRangePicker`) unchanged so ids stay
+    // flat (`<root>--cell-…`); only fall back to the standalone default when there is none.
+    const ambientPrefix = testIdUtils.useTestIdPrefix();
+    const calendarTestId = dataTestId ?? ambientPrefix ?? testIdUtils.rootTestId('range-calendar');
+    return (jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: calendarTestId, children: jsxRuntime.jsxs(reactAriaComponents.RangeCalendar, { ...props, "data-testid": calendarTestId, className: (state) => cx.cx('flex items-start', typeof props.className === 'function' ? props.className(state) : props.className), visibleDuration: {
+                months: visibleDurationMonths,
+            }, children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 px-6 py-5 md:gap-2", children: [jsxRuntime.jsxs("div", { className: cx.cx('relative flex items-center', visibleDurationMonths > 1 ? 'justify-start' : 'justify-between'), children: [jsxRuntime.jsx(Button.Button, { slot: "previous", iconLeading: uiIcons.ChevronLeft, size: "sm", color: "tertiary", className: "size-8", "data-testid": testIdUtils.joinTestId(calendarTestId, 'prev') }), jsxRuntime.jsx("h2", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm font-semibold text-fg-secondary", children: jsxRuntime.jsx(RangeCalendarTitle, { part: "start" }) }), visibleDurationMonths === 1 && (jsxRuntime.jsx(Button.Button, { slot: "next", iconLeading: uiIcons.ChevronRight, size: "sm", color: "tertiary", className: "size-8", "data-testid": testIdUtils.joinTestId(calendarTestId, 'next') }))] }), !isDesktop && (jsxRuntime.jsxs("div", { className: "flex items-center gap-2 md:hidden", children: [jsxRuntime.jsx(InputDate.InputDateBase, { slot: "start", size: "sm", className: "flex-1" }), jsxRuntime.jsx("div", { className: "text-md text-quaternary", children: "\u2013" }), jsxRuntime.jsx(InputDate.InputDateBase, { slot: "end", size: "sm", className: "flex-1" })] })), (showPresetsOnDesktop || !isDesktop) && presets && (jsxRuntime.jsx("div", { className: "mt-1 flex justify-between gap-3 px-2", children: Object.values(presets).map((preset) => (jsxRuntime.jsx(MobilePresetButton, { value: preset.value, children: preset.label }, preset.label))) })), jsxRuntime.jsxs(reactAriaComponents.CalendarGrid, { weekdayStyle: "short", className: "w-max", children: [jsxRuntime.jsx(reactAriaComponents.CalendarGridHeader, { children: (day) => (jsxRuntime.jsx(reactAriaComponents.CalendarHeaderCell, { className: "border-b-4 border-transparent 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 }) })] })] }), visibleDurationMonths > 1 && (jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 border-l border-secondary px-6 py-5", children: [jsxRuntime.jsxs("div", { className: "relative flex items-center justify-end", children: [jsxRuntime.jsx("h2", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm font-semibold text-fg-secondary", children: jsxRuntime.jsx(RangeCalendarTitle, { part: "end" }) }), jsxRuntime.jsx(Button.Button, { slot: "next", iconLeading: uiIcons.ChevronRight, size: "sm", color: "tertiary", className: "size-8", "data-testid": testIdUtils.joinTestId(calendarTestId, 'next') })] }), jsxRuntime.jsxs(reactAriaComponents.CalendarGrid, { weekdayStyle: "short", offset: { months: 1 }, className: "w-max", children: [jsxRuntime.jsx(reactAriaComponents.CalendarGridHeader, { children: (day) => (jsxRuntime.jsx(reactAriaComponents.CalendarHeaderCell, { className: "border-b-4 border-transparent 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 }) })] })] }))] }) }));
+};
+
+exports.RangeCalendar = RangeCalendar;
+exports.RangePresetButton = RangePresetButton;
+//# sourceMappingURL=RangeCalendar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/RangeCalendar.tsx"],"sourcesContent":[null],"names":["useContext","RangeCalendarStateContext","useDateFormatter","useSlottedContext","RangeCalendarContext","useTestIdPrefix","joinTestId","slugifyTestId","_jsx","cx","Button","useBreakpoints","rootTestId","TestIdProvider","_jsxs","AriaRangeCalendar","ChevronLeft","ChevronRight","InputDateBase","AriaCalendarGrid","AriaCalendarGridHeader","AriaCalendarHeaderCell","AriaCalendarGridBody","CalendarCell"],"mappings":"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"}

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

@@ -0,0 +1,52 @@
+import type { HTMLAttributes, PropsWithChildren } from 'react';
+import type { RangeCalendarProps as AriaRangeCalendarProps, DateValue } from 'react-aria-components';
+/**
+ * Provides an ambient `RangeCalendarContext` for composing `RangeCalendar` slot components
+ * (e.g. `RangePresetButton`) outside of a `RangeCalendar`/`DateRangePicker`. `RangeCalendar`
+ * itself no longer wraps its standalone render in this provider — doing so fed a hard-coded
+ * `value: null` into `AriaRangeCalendar`'s own ambient-context merge, which made the calendar
+ * look "controlled" with a `null` value and silently ignored any `defaultValue`/`value` the
+ * caller passed in. Only reach for this directly if you're composing `RangeCalendar`'s slot
+ * pieces yourself without rendering a `RangeCalendar`.
+ */
+export declare const RangeCalendarContextProvider: ({ children }: PropsWithChildren) => import("react").JSX.Element;
+interface RangePresetButtonProps extends HTMLAttributes<HTMLButtonElement> {
+    value: {
+        start: DateValue;
+        end: DateValue;
+    };
+    /** Overrides the derived `data-testid` (default `<prefix>--preset-<slugified-label>`). */
+    'data-testid'?: string;
+}
+export declare const RangePresetButton: ({ value, className, children, "data-testid": dataTestId, ...props }: RangePresetButtonProps) => import("react").JSX.Element;
+export interface RangeCalendarProps extends AriaRangeCalendarProps<DateValue> {
+    /** The dates to highlight. */
+    highlightedDates?: DateValue[];
+    /** The date presets to display. */
+    presets?: Record<string, {
+        label: string;
+        value: {
+            start: DateValue;
+            end: DateValue;
+        };
+    }>;
+    /** Whether to show out of range dates. */
+    showOutOfRangeDates?: boolean;
+    /** Whether to show presets on desktop. */
+    showPresetsOnDesktop?: boolean;
+    /**
+     * Overrides the `data-testid` prefix used by this calendar's cells, presets, and
+     * navigation. Defaults to `fd-range-calendar` when standalone, or to the ambient
+     * prefix from an ancestor (e.g. `DateRangePicker`) when nested.
+     */
+    'data-testid'?: string;
+}
+/**
+ * Bare range calendar grid without a trigger or popover: two months on desktop, one on mobile.
+ * Use it embedded in your own surface.
+ *
+ * @summary inline calendar grid for selecting a date range
+ */
+export declare const RangeCalendar: ({ presets, visibleDuration, showOutOfRangeDates, showPresetsOnDesktop, "data-testid": dataTestId, ...props }: RangeCalendarProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=RangeCalendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/RangeCalendar.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,KAAK,EAAE,kBAAkB,IAAI,sBAAsB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAcrG;;;;;;;;GAQG;AACH,eAAO,MAAM,4BAA4B,GAAI,cAAc,iBAAiB,gCAQ3E,CAAC;AAqBF,UAAU,sBAAuB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACxE,KAAK,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,GAAG,EAAE,SAAS,CAAA;KAAE,CAAC;IAC5C,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,GAAI,qEAAqE,sBAAsB,gCAuB5H,CAAC;AA6BF,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB,CAAC,SAAS,CAAC;IAC3E,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC;IAC/B,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE;YAAE,KAAK,EAAE,SAAS,CAAC;YAAC,GAAG,EAAE,SAAS,CAAA;SAAE,CAAA;KAAE,CAAC,CAAC;IACzF,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,0CAA0C;IAC1C,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,8GAO3B,kBAAkB,gCAiHpB,CAAC"}

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

@@ -0,0 +1,65 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ChevronLeft, ChevronRight } from '@flipdish/ui-icons';
+import { Button } from '@flipdish/ui-library/components/atoms/Button';
+import { useBreakpoints } from '@flipdish/ui-library/hooks/useBreakpoints';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useTestIdPrefix, rootTestId, TestIdProvider, joinTestId, slugifyTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { useDateFormatter } from '@react-aria/i18n';
+import { useContext } from 'react';
+import { RangeCalendar as RangeCalendar$1, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody, useSlottedContext, RangeCalendarContext, RangeCalendarStateContext } from 'react-aria-components';
+import { CalendarCell } from './Cell.js';
+import { InputDateBase } from './InputDate.js';
+
+const RangeCalendarTitle = ({ part }) => {
+    const context = useContext(RangeCalendarStateContext);
+    if (!context) {
+        throw new Error('<RangeCalendarTitle /> must be used within a <RangeCalendar /> component.');
+    }
+    const formatter = useDateFormatter({
+        month: 'long',
+        year: 'numeric',
+        calendar: context.visibleRange.start.calendar.identifier,
+        timeZone: context.timeZone,
+    });
+    return part === 'start'
+        ? formatter.format(context.visibleRange.start.toDate(context.timeZone))
+        : formatter.format(context.visibleRange.end.toDate(context.timeZone));
+};
+const RangePresetButton = ({ value, className, children, 'data-testid': dataTestId, ...props }) => {
+    const context = useSlottedContext(RangeCalendarContext);
+    const isSelected = context?.value?.start?.compare(value.start) === 0 && context?.value?.end?.compare(value.end) === 0;
+    const prefix = useTestIdPrefix();
+    const presetTestId = dataTestId ?? (prefix && typeof children === 'string' ? joinTestId(prefix, `preset-${slugifyTestId(children)}`) : undefined);
+    return (jsx("button", { ...props, "data-testid": presetTestId, className: cx('cursor-pointer rounded-md px-3 py-2 text-left text-sm font-medium outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2', isSelected
+            ? 'bg-secondary text-secondary_hover hover:bg-secondary_hover'
+            : 'text-secondary hover:bg-primary_hover hover:text-secondary_hover', className), children: children }));
+};
+const MobilePresetButton = ({ value, children, ...props }) => {
+    const context = useContext(RangeCalendarStateContext);
+    const prefix = useTestIdPrefix();
+    const presetTestId = prefix && typeof children === 'string' ? joinTestId(prefix, `preset-${slugifyTestId(children)}`) : undefined;
+    return (jsx(Button, { ...props, slot: null, size: "sm", color: "link-color", "data-testid": presetTestId, onClick: () => {
+            context?.setValue(value);
+            context?.setFocusedDate(value.start);
+        }, children: children }));
+};
+/**
+ * Bare range calendar grid without a trigger or popover: two months on desktop, one on mobile.
+ * Use it embedded in your own surface.
+ *
+ * @summary inline calendar grid for selecting a date range
+ */
+const RangeCalendar = ({ presets, visibleDuration, showOutOfRangeDates = false, showPresetsOnDesktop = false, 'data-testid': dataTestId, ...props }) => {
+    const isDesktop = useBreakpoints('md');
+    const visibleDurationMonths = visibleDuration?.months || (isDesktop ? 2 : 1);
+    // Adopt the ambient prefix from an ancestor (e.g. `DateRangePicker`) unchanged so ids stay
+    // flat (`<root>--cell-…`); only fall back to the standalone default when there is none.
+    const ambientPrefix = useTestIdPrefix();
+    const calendarTestId = dataTestId ?? ambientPrefix ?? rootTestId('range-calendar');
+    return (jsx(TestIdProvider, { value: calendarTestId, children: jsxs(RangeCalendar$1, { ...props, "data-testid": calendarTestId, className: (state) => cx('flex items-start', typeof props.className === 'function' ? props.className(state) : props.className), visibleDuration: {
+                months: visibleDurationMonths,
+            }, children: [jsxs("div", { className: "flex flex-col gap-3 px-6 py-5 md:gap-2", children: [jsxs("div", { className: cx('relative flex items-center', visibleDurationMonths > 1 ? 'justify-start' : 'justify-between'), children: [jsx(Button, { slot: "previous", iconLeading: ChevronLeft, size: "sm", color: "tertiary", className: "size-8", "data-testid": joinTestId(calendarTestId, 'prev') }), jsx("h2", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm font-semibold text-fg-secondary", children: jsx(RangeCalendarTitle, { part: "start" }) }), visibleDurationMonths === 1 && (jsx(Button, { slot: "next", iconLeading: ChevronRight, size: "sm", color: "tertiary", className: "size-8", "data-testid": joinTestId(calendarTestId, 'next') }))] }), !isDesktop && (jsxs("div", { className: "flex items-center gap-2 md:hidden", children: [jsx(InputDateBase, { slot: "start", size: "sm", className: "flex-1" }), jsx("div", { className: "text-md text-quaternary", children: "\u2013" }), jsx(InputDateBase, { slot: "end", size: "sm", className: "flex-1" })] })), (showPresetsOnDesktop || !isDesktop) && presets && (jsx("div", { className: "mt-1 flex justify-between gap-3 px-2", children: Object.values(presets).map((preset) => (jsx(MobilePresetButton, { value: preset.value, children: preset.label }, preset.label))) })), jsxs(CalendarGrid, { weekdayStyle: "short", className: "w-max", children: [jsx(CalendarGridHeader, { children: (day) => (jsx(CalendarHeaderCell, { className: "border-b-4 border-transparent 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 }) })] })] }), visibleDurationMonths > 1 && (jsxs("div", { className: "flex flex-col gap-3 border-l border-secondary px-6 py-5", children: [jsxs("div", { className: "relative flex items-center justify-end", children: [jsx("h2", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm font-semibold text-fg-secondary", children: jsx(RangeCalendarTitle, { part: "end" }) }), jsx(Button, { slot: "next", iconLeading: ChevronRight, size: "sm", color: "tertiary", className: "size-8", "data-testid": joinTestId(calendarTestId, 'next') })] }), jsxs(CalendarGrid, { weekdayStyle: "short", offset: { months: 1 }, className: "w-max", children: [jsx(CalendarGridHeader, { children: (day) => (jsx(CalendarHeaderCell, { className: "border-b-4 border-transparent 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 }) })] })] }))] }) }));
+};
+
+export { RangeCalendar, RangePresetButton };
+//# sourceMappingURL=RangeCalendar.js.map

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

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

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

@@ -10,9 +10,9 @@ var i18n = require('@react-aria/i18n');
 var utils = require('@react-stately/utils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var calendar = require('./components/calendar.cjs');
-var dateRangePicker = require('./components/date-range-picker.cjs');
-var rangeCalendar = require('./components/range-calendar.cjs');
+var Calendar = require('./components/Calendar.cjs');
+var DateRangePicker = require('./components/DateRangePicker.cjs');
+var RangeCalendar = require('./components/RangeCalendar.cjs');
 
 const highlightedDates = [date.today(date.getLocalTimeZone())];
 /**
@@ -45,7 +45,7 @@ const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCance
                 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: formattedDate }) }), jsxRuntime.jsx(reactAriaComponents.Popover, { offset: 8, placement: "bottom right", 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 picker", "data-testid": testIdUtils.joinTestId(rootTestId, 'popover'), className: "rounded-2xl bg-primary shadow-xl ring ring-secondary_alt", children: ({ close }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "flex px-6 py-5", children: jsxRuntime.jsx(calendar.Calendar, { highlightedDates: highlightedDates }) }), jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3 border-t border-secondary p-4", children: [jsxRuntime.jsx(Button.Button, { size: "md", color: "secondary", "data-testid": testIdUtils.joinTestId(rootTestId, 'cancel'), onClick: () => {
+                        '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 picker", "data-testid": testIdUtils.joinTestId(rootTestId, 'popover'), className: "rounded-2xl bg-primary shadow-xl ring ring-secondary_alt", children: ({ close }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "flex px-6 py-5", children: jsxRuntime.jsx(Calendar.Calendar, { highlightedDates: highlightedDates }) }), jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3 border-t border-secondary p-4", children: [jsxRuntime.jsx(Button.Button, { size: "md", color: "secondary", "data-testid": testIdUtils.joinTestId(rootTestId, 'cancel'), onClick: () => {
                                                 onCancel?.();
                                                 close();
                                             }, children: "Cancel" }), jsxRuntime.jsx(Button.Button, { size: "md", color: "primary", "data-testid": testIdUtils.joinTestId(rootTestId, 'apply'), onClick: () => {
@@ -55,7 +55,7 @@ const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCance
                                             }, children: "Apply" })] })] })) }) })] }) }));
 };
 
-exports.DateRangePicker = dateRangePicker.DateRangePicker;
-exports.RangeCalendar = rangeCalendar.RangeCalendar;
+exports.DateRangePicker = DateRangePicker.DateRangePicker;
+exports.RangeCalendar = RangeCalendar.RangeCalendar;
 exports.DatePicker = DatePicker;
 //# sourceMappingURL=index.cjs.map