@persona/design-system 0.2.1 → 0.3.1

package/dist/{Combobox-BgKEHP9p.d.mts → Combobox-Bf_Xe1BG.d.mts}

@@ -1,5 +1,5 @@
-import { n as ComboboxMultiSelectProps } from "./ComboboxMultiSelect-BLKUKNEW.mjs";
-import { n as ComboboxSingleSelectProps } from "./ComboboxSingleSelect-Kpl-iOok.mjs";
+import { n as ComboboxMultiSelectProps } from "./ComboboxMultiSelect-iSuvyOx2.mjs";
+import { n as ComboboxSingleSelectProps } from "./ComboboxSingleSelect-DVRFKPi1.mjs";
 
 //#region components/Combobox/Combobox.d.ts
 type ComboboxProps<T = string> = ComboboxSingleSelectProps<T> | ComboboxMultiSelectProps<T>;
@@ -8,4 +8,4 @@ declare const Combobox: <T = string>(props: ComboboxProps<T> & {
 }) => React.ReactElement;
 //#endregion
 export { ComboboxProps as n, Combobox as t };
-//# sourceMappingURL=Combobox-BgKEHP9p.d.mts.map
+//# sourceMappingURL=Combobox-Bf_Xe1BG.d.mts.map

package/dist/Combobox.d.mts

@@ -1,3 +1,3 @@
-import { t as CaretButton } from "./ComboboxBase-Dmzn8a53.mjs";
-import { n as ComboboxProps, t as Combobox } from "./Combobox-BgKEHP9p.mjs";
+import { t as CaretButton } from "./ComboboxBase-CWzN8GML.mjs";
+import { n as ComboboxProps, t as Combobox } from "./Combobox-Bf_Xe1BG.mjs";
 export { CaretButton, Combobox, Combobox as default, ComboboxProps };

package/dist/{ComboboxBase-Dmzn8a53.d.mts → ComboboxBase-CWzN8GML.d.mts}

@@ -1,12 +1,12 @@
-import { r as ButtonProps } from "./Button-DkjwN_Op.mjs";
-import { c as ParagraphProps, u as SpanProps } from "./Text-CfIFUyHt.mjs";
-import { n as InputSizes } from "./input-D3Qd6dI8.mjs";
-import { a as InputProps } from "./Input-DsS4J78T.mjs";
-import { o as StickerProps } from "./Sticker-BIVuastf.mjs";
+import { r as ButtonProps } from "./Button-CKzNTpPL.mjs";
+import { c as ParagraphProps, u as SpanProps } from "./Text-BIgrwIdS.mjs";
+import { n as InputSizes } from "./input-D9FuQmlI.mjs";
+import { a as InputProps } from "./Input-BHHWpSKN.mjs";
+import { o as StickerProps } from "./Sticker-DnSemOcW.mjs";
 import { Spacing } from "@persona/design-tokens";
-import * as _$styled_components0 from "styled-components";
 import * as _$react from "react";
 import { CSSProperties, ReactNode } from "react";
+import * as _$styled_components0 from "styled-components";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { Virtualizer } from "@tanstack/react-virtual";
 
@@ -363,4 +363,4 @@ declare function DropdownPortalWrapper({
 }: DropdownPortalWrapperProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { isNestedGroup as A, SearchInputContainer as C, flattenOptions as D, flattenLeafOptions as E, renderOptionsWithGroups as M, useDropdownPosition as N, getNavigableItemsAtLevel as O, useFilteredOptions as P, SearchInput as S, containsNestedGroup as T, LoadingContainer as _, ComboboxOptionGroup as a, OptionLabel as b, Description as c, DropdownPortalWrapperProps as d, EmptyState as f, LeafOptionEntry as g, InputContainer as h, ComboboxOption as i, isOptionGroup as j, getOptionsAtPath as k, DropdownContainer as l, FooterActionRow as m, ComboboxBaseProps as n, ComboboxOptionsOrGroups as o, FooterAction as p, ComboboxInput as r, Container as s, CaretButton as t, DropdownPortalWrapper as u, MAX_DROPDOWN_HEIGHT as v, buildVirtualRows as w, ScrollableMenuList as x, NavigableItem as y };
-//# sourceMappingURL=ComboboxBase-Dmzn8a53.d.mts.map
+//# sourceMappingURL=ComboboxBase-CWzN8GML.d.mts.map

package/dist/ComboboxBase.d.mts

@@ -1,2 +1,2 @@
-import { A as isNestedGroup, C as SearchInputContainer, D as flattenOptions, E as flattenLeafOptions, M as renderOptionsWithGroups, N as useDropdownPosition, O as getNavigableItemsAtLevel, P as useFilteredOptions, S as SearchInput, T as containsNestedGroup, _ as LoadingContainer, a as ComboboxOptionGroup, b as OptionLabel, c as Description, d as DropdownPortalWrapperProps, f as EmptyState, g as LeafOptionEntry, h as InputContainer, i as ComboboxOption, j as isOptionGroup, k as getOptionsAtPath, l as DropdownContainer, m as FooterActionRow, n as ComboboxBaseProps, o as ComboboxOptionsOrGroups, p as FooterAction, r as ComboboxInput, s as Container, t as CaretButton, u as DropdownPortalWrapper, v as MAX_DROPDOWN_HEIGHT, w as buildVirtualRows, x as ScrollableMenuList, y as NavigableItem } from "./ComboboxBase-Dmzn8a53.mjs";
+import { A as isNestedGroup, C as SearchInputContainer, D as flattenOptions, E as flattenLeafOptions, M as renderOptionsWithGroups, N as useDropdownPosition, O as getNavigableItemsAtLevel, P as useFilteredOptions, S as SearchInput, T as containsNestedGroup, _ as LoadingContainer, a as ComboboxOptionGroup, b as OptionLabel, c as Description, d as DropdownPortalWrapperProps, f as EmptyState, g as LeafOptionEntry, h as InputContainer, i as ComboboxOption, j as isOptionGroup, k as getOptionsAtPath, l as DropdownContainer, m as FooterActionRow, n as ComboboxBaseProps, o as ComboboxOptionsOrGroups, p as FooterAction, r as ComboboxInput, s as Container, t as CaretButton, u as DropdownPortalWrapper, v as MAX_DROPDOWN_HEIGHT, w as buildVirtualRows, x as ScrollableMenuList, y as NavigableItem } from "./ComboboxBase-CWzN8GML.mjs";
 export { CaretButton, ComboboxBaseProps, ComboboxInput, ComboboxOption, ComboboxOptionGroup, ComboboxOptionsOrGroups, Container, Description, DropdownContainer, DropdownPortalWrapper, DropdownPortalWrapperProps, EmptyState, FooterAction, FooterActionRow, InputContainer, LeafOptionEntry, LoadingContainer, MAX_DROPDOWN_HEIGHT, NavigableItem, OptionLabel, ScrollableMenuList, SearchInput, SearchInputContainer, buildVirtualRows, containsNestedGroup, flattenLeafOptions, flattenOptions, getNavigableItemsAtLevel, getOptionsAtPath, isNestedGroup, isOptionGroup, renderOptionsWithGroups, useDropdownPosition, useFilteredOptions };

package/dist/{ComboboxMultiSelect-BLKUKNEW.d.mts → ComboboxMultiSelect-iSuvyOx2.d.mts}

@@ -1,4 +1,4 @@
-import { n as ComboboxBaseProps } from "./ComboboxBase-Dmzn8a53.mjs";
+import { n as ComboboxBaseProps } from "./ComboboxBase-CWzN8GML.mjs";
 
 //#region components/Combobox/ComboboxMultiSelect.d.ts
 interface ComboboxMultiSelectProps<T = string> extends ComboboxBaseProps<T> {
@@ -44,4 +44,4 @@ declare const ComboboxMultiSelect: <T = string>(props: ComboboxMultiSelectProps<
 }) => React.ReactElement;
 //#endregion
 export { ComboboxMultiSelectProps as n, ComboboxMultiSelect as t };
-//# sourceMappingURL=ComboboxMultiSelect-BLKUKNEW.d.mts.map
+//# sourceMappingURL=ComboboxMultiSelect-iSuvyOx2.d.mts.map

package/dist/ComboboxMultiSelect.d.mts

@@ -1,2 +1,2 @@
-import { n as ComboboxMultiSelectProps, t as ComboboxMultiSelect } from "./ComboboxMultiSelect-BLKUKNEW.mjs";
+import { n as ComboboxMultiSelectProps, t as ComboboxMultiSelect } from "./ComboboxMultiSelect-iSuvyOx2.mjs";
 export { ComboboxMultiSelect, ComboboxMultiSelect as default, ComboboxMultiSelectProps };

package/dist/{ComboboxSingleSelect-Kpl-iOok.d.mts → ComboboxSingleSelect-DVRFKPi1.d.mts}

@@ -1,6 +1,6 @@
-import { n as InputSizes } from "./input-D3Qd6dI8.mjs";
-import { n as ComboboxBaseProps } from "./ComboboxBase-Dmzn8a53.mjs";
-import { u as MenuItemType } from "./Menu-DM9OoZ71.mjs";
+import { n as InputSizes } from "./input-D9FuQmlI.mjs";
+import { n as ComboboxBaseProps } from "./ComboboxBase-CWzN8GML.mjs";
+import { u as MenuItemType } from "./Menu-D4Y_J-QI.mjs";
 import * as _$styled_components0 from "styled-components";
 
 //#region components/Combobox/ComboboxSingleSelect.d.ts
@@ -32,4 +32,4 @@ declare const ComboboxSingleSelect: <T = string>(props: ComboboxSingleSelectProp
 }) => React.ReactElement;
 //#endregion
 export { ComboboxSingleSelectProps as n, StyledMenuItem as r, ComboboxSingleSelect as t };
-//# sourceMappingURL=ComboboxSingleSelect-Kpl-iOok.d.mts.map
+//# sourceMappingURL=ComboboxSingleSelect-DVRFKPi1.d.mts.map

package/dist/ComboboxSingleSelect.d.mts

@@ -1,2 +1,2 @@
-import { n as ComboboxSingleSelectProps, r as StyledMenuItem, t as ComboboxSingleSelect } from "./ComboboxSingleSelect-Kpl-iOok.mjs";
+import { n as ComboboxSingleSelectProps, r as StyledMenuItem, t as ComboboxSingleSelect } from "./ComboboxSingleSelect-DVRFKPi1.mjs";
 export { ComboboxSingleSelect, ComboboxSingleSelect as default, ComboboxSingleSelectProps, StyledMenuItem };

package/dist/{CompactBar-E9hPDRvI.d.mts → CompactBar-C_61pgp7.d.mts}

@@ -1,5 +1,5 @@
-import { n as HStackProps } from "./Stack-CbcJykx9.mjs";
-import { n as ControlBarProps } from "./ControlBar-DYrjBDzu.mjs";
+import { n as HStackProps } from "./Stack-DHaK1-dw.mjs";
+import { n as ControlBarProps } from "./ControlBar-0XwbM4yC.mjs";
 import * as _$styled_components0 from "styled-components";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -18,4 +18,4 @@ type CompactBarProps = Pick<ControlBarProps, 'title' | 'searchProps' | 'showFilt
 declare const CompactBar: React.FC<CompactBarProps>;
 //#endregion
 export { DataTableCompactBar as n, CompactBar as t };
-//# sourceMappingURL=CompactBar-E9hPDRvI.d.mts.map
+//# sourceMappingURL=CompactBar-C_61pgp7.d.mts.map

package/dist/CompactBar.d.mts

@@ -1,2 +1,2 @@
-import { n as DataTableCompactBar, t as CompactBar } from "./CompactBar-E9hPDRvI.mjs";
+import { n as DataTableCompactBar, t as CompactBar } from "./CompactBar-C_61pgp7.mjs";
 export { DataTableCompactBar, CompactBar as default };

package/dist/{ConfigFormGroup-GgzSDzgL.mjs → ConfigFormGroup-DGCTW3by.mjs}

@@ -1,6 +1,6 @@
-import { t as FormGroupContext } from "./useFormGroup-BMukAMAd.mjs";
+import { a as styled } from "./styledComponentsInterop-8zScIQyC.mjs";
+import { t as FormGroupContext } from "./useFormGroup-CaTiD_Yt.mjs";
 import { Spacing } from "@persona/design-tokens";
-import styled from "styled-components";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region components/ConfigFormGroup/ConfigFormGroup.tsx
@@ -25,4 +25,4 @@ const ConfigFormGroup = forwardRef(function ConfigFormGroup(props, ref) {
 //#endregion
 export { ConfigFormGroup as t };
 
-//# sourceMappingURL=ConfigFormGroup-GgzSDzgL.mjs.map
+//# sourceMappingURL=ConfigFormGroup-DGCTW3by.mjs.map

package/dist/{ConfigFormGroup-GgzSDzgL.mjs.map → ConfigFormGroup-DGCTW3by.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ConfigFormGroup-GgzSDzgL.mjs","names":[],"sources":["../components/ConfigFormGroup/ConfigFormGroup.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport { Spacing } from '@persona/design-tokens';\n\nimport { FormGroupContext } from './useFormGroup';\n\n/**\n * Use to wrap a group of config fields.\n * Provides consistent spacing between the fields.\n */\nconst FormGroup = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: ${Spacing[5]};\n`;\n\nexport const ConfigFormGroup = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  function ConfigFormGroup(props, ref) {\n    return (\n      <FormGroupContext.Provider value={{ configField: true }}>\n        <FormGroup ref={ref} {...props} />\n      </FormGroupContext.Provider>\n    );\n  },\n);\n\nexport default ConfigFormGroup;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,YAAY,OAAO,GAAG;;;SAGnB,QAAQ,GAAG;;AAGpB,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,OAAO,KAAK;AACnC,QACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO,EAAE,aAAa,MAAM;YACrD,oBAAC,WAAD;GAAgB;GAAK,GAAI;GAAS,CAAA;EACR,CAAA;EAGjC"}
+{"version":3,"file":"ConfigFormGroup-DGCTW3by.mjs","names":[],"sources":["../components/ConfigFormGroup/ConfigFormGroup.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport { Spacing } from '@persona/design-tokens';\n\nimport { FormGroupContext } from './useFormGroup';\n\n/**\n * Use to wrap a group of config fields.\n * Provides consistent spacing between the fields.\n */\nconst FormGroup = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: ${Spacing[5]};\n`;\n\nexport const ConfigFormGroup = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  function ConfigFormGroup(props, ref) {\n    return (\n      <FormGroupContext.Provider value={{ configField: true }}>\n        <FormGroup ref={ref} {...props} />\n      </FormGroupContext.Provider>\n    );\n  },\n);\n\nexport default ConfigFormGroup;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,YAAY,OAAO,GAAG;;;SAGnB,QAAQ,GAAG;;AAGpB,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,OAAO,KAAK;AACnC,QACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO,EAAE,aAAa,MAAM;YACrD,oBAAC,WAAD;GAAgB;GAAK,GAAI;GAAS,CAAA;EACR,CAAA;EAGjC"}

package/dist/{ControlBar-DYrjBDzu.d.mts → ControlBar-0XwbM4yC.d.mts}

@@ -1,4 +1,4 @@
-import { t as OmniSearchProps } from "./SearchInput-Try11aJD.mjs";
+import { t as OmniSearchProps } from "./SearchInput-CaKHRC_s.mjs";
 import { FC } from "react";
 
 //#region components/DataTable/TableControls/ControlBar.d.ts
@@ -148,4 +148,4 @@ interface ControlBarProps extends EventHandlers {
 declare const ControlBar: FC<ControlBarProps>;
 //#endregion
 export { ControlBarProps as n, ControlBar as t };
-//# sourceMappingURL=ControlBar-DYrjBDzu.d.mts.map
+//# sourceMappingURL=ControlBar-0XwbM4yC.d.mts.map

package/dist/ControlBar.d.mts

@@ -1,2 +1,2 @@
-import { n as ControlBarProps, t as ControlBar } from "./ControlBar-DYrjBDzu.mjs";
+import { n as ControlBarProps, t as ControlBar } from "./ControlBar-0XwbM4yC.mjs";
 export { ControlBarProps, ControlBar as default };

package/dist/DataTable.d.mts

@@ -1,10 +1,10 @@
-import { t as AttributeColumn } from "./types-CjHuZoVJ.mjs";
-import { n as TableControlsProps, t as TableControls } from "./TableControls-DscP6fyt.mjs";
+import { t as AttributeColumn } from "./types-0_9G0kWg.mjs";
+import { n as TableControlsProps, t as TableControls } from "./TableControls-CrGGlkEG.mjs";
 import { t as Pagination } from "./Pagination-Dcmv7bVe.mjs";
 import { BulkAction, DataTableColumnFormat, DataTableColumns, RowAction, SortProps } from "./components/DataTable/types.mjs";
 import { RenderFormatFn } from "./useTableColumns.mjs";
-import * as _$styled_components0 from "styled-components";
 import { ComponentProps } from "react";
+import * as _$styled_components0 from "styled-components";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ColumnFiltersState, RowData } from "@tanstack/react-table";
 

package/dist/DateField-CKeSIhGy.d.mts

@@ -0,0 +1,23 @@
+import { n as InputSizes } from "./input-D9FuQmlI.mjs";
+import * as _$react from "react";
+import { DateValue } from "@internationalized/date";
+import { AriaDateFieldProps } from "@react-aria/datepicker";
+
+//#region components/DatePicker/DateField.d.ts
+interface DateFieldProps extends AriaDateFieldProps<DateValue> {
+  inputPosition?: 'start' | 'end';
+  focused?: boolean;
+  readOnly?: boolean;
+  value?: DateValue;
+  disabled?: boolean;
+  size?: InputSizes;
+  style?: React.CSSProperties;
+  dateFieldProps?: {
+    style?: React.CSSProperties;
+  };
+  hasError?: boolean;
+}
+declare const DateField: _$react.ForwardRefExoticComponent<DateFieldProps & _$react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { DateField as t };
+//# sourceMappingURL=DateField-CKeSIhGy.d.mts.map

package/dist/DateField.d.mts

@@ -1,23 +1,2 @@
-import { n as InputSizes } from "./input-D3Qd6dI8.mjs";
-import * as _$react from "react";
-import { DateValue } from "@internationalized/date";
-import { AriaDateFieldProps } from "@react-aria/datepicker";
-
-//#region components/DatePicker/DateField.d.ts
-interface DateFieldProps extends AriaDateFieldProps<DateValue> {
-  inputPosition?: 'start' | 'end';
-  focused?: boolean;
-  readOnly?: boolean;
-  value?: DateValue;
-  disabled?: boolean;
-  size?: InputSizes;
-  style?: React.CSSProperties;
-  dateFieldProps?: {
-    style?: React.CSSProperties;
-  };
-  hasError?: boolean;
-}
-declare const DateField: _$react.ForwardRefExoticComponent<DateFieldProps & _$react.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { DateField, DateField as default };
-//# sourceMappingURL=DateField.d.mts.map
+import { t as DateField } from "./DateField-CKeSIhGy.mjs";
+export { DateField, DateField as default };

package/dist/DatePicker-B1iWrqR5.d.mts

@@ -0,0 +1,19 @@
+import { n as InputSizes } from "./input-D9FuQmlI.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { DateValue } from "@internationalized/date";
+import { DatePickerProps } from "@react-types/datepicker";
+
+//#region components/DatePicker/DatePicker.d.ts
+interface DatePickerProps$1 extends DatePickerProps<DateValue> {
+  id?: string;
+  dateFieldProps?: {
+    style?: React.CSSProperties;
+  };
+  disabled?: boolean;
+  size?: InputSizes;
+  useModalZIndex?: boolean;
+}
+declare const DatePicker: (props: DatePickerProps$1) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DatePickerProps$1 as n, DatePicker as t };
+//# sourceMappingURL=DatePicker-B1iWrqR5.d.mts.map

package/dist/{DatePicker-DpGvo7Bd.mjs → DatePicker-BNnZ6L1y.mjs}

@@ -1,24 +1,24 @@
+import { a as styled, r as css } from "./styledComponentsInterop-8zScIQyC.mjs";
+import { t as Card_default } from "./Card-CKrJtn1f.mjs";
 import { isDisabled, isFocused, isFocusedVisible, isHovered, isNotDisabled } from "./lib/pseudoClass.mjs";
+import { Z_INDICES } from "./lib/zindex.mjs";
 import { focusWithinOutline } from "./mixins/focus.mjs";
 import inputMixin from "./mixins/input.mjs";
-import { t as Card_default } from "./Card-CLTkZLKr.mjs";
-import { Z_INDICES } from "./lib/zindex.mjs";
-import { t as IconButton } from "./IconButton-DC4rh6ow.mjs";
-import { t as ClearButton } from "./Input-PWfwMSJ7.mjs";
-import { c as MenuList, s as MenuItem } from "./Menu-DpM8o234.mjs";
-import { s as Popover_default } from "./Popover-BZ5Bs80y.mjs";
-import { a as FormLabel } from "./FormControl-BIXJ-FPI.mjs";
+import { t as IconButton } from "./IconButton-BgL3QUVO.mjs";
+import { t as ClearButton } from "./Input-DoB8YswA.mjs";
+import { c as MenuList, s as MenuItem } from "./Menu-CHbUf9PQ.mjs";
+import { s as Popover_default } from "./Popover-DNH8Jx1-.mjs";
+import { a as FormLabel } from "./FormControl-D1HIqDKm.mjs";
 import { BorderRadius, Color, Spacing, Typography } from "@persona/design-tokens";
-import styled, { css } from "styled-components";
 import { forwardRef, memo, useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowLeftIcon, ArrowRightIcon, CircleXInverseIcon } from "@persona/icons";
-import { range } from "lodash/fp.js";
+import { range } from "lodash-es";
 import { VisuallyHidden, mergeProps, useButton, useCalendar, useCalendarCell, useCalendarGrid, useDateFormatter, useDatePicker, useDateRangePicker, useFocusWithin, useLocale, usePress, useRangeCalendar } from "react-aria";
 import { useCalendarState, useDatePickerState, useDateRangePickerState, useRangeCalendarState } from "react-stately";
-import { Settings } from "luxon";
+import { DateTime, Settings } from "luxon";
 import { mergeRefs } from "@react-aria/utils";
-import { CalendarDate, GregorianCalendar, endOfMonth, endOfYear, getWeeksInMonth, isSameDay, isSameMonth, parseAbsolute, startOfMonth, startOfYear, toCalendarDateTime, today } from "@internationalized/date";
+import { CalendarDate, GregorianCalendar, endOfMonth, endOfYear, getWeeksInMonth, isSameDay, isSameMonth, now, parseAbsolute, startOfMonth, startOfYear, toCalendarDateTime, today } from "@internationalized/date";
 import { useDateField, useDateSegment } from "@react-aria/datepicker";
 import { useLocale as useLocale$1 } from "@react-aria/i18n";
 import { useDateFieldState } from "@react-stately/datepicker";
@@ -581,6 +581,23 @@ const RangeCalendarContainer = styled.div`
 const PresetsContainer = styled(Card_default.Body)`
   border-right: 1px solid ${Color.BorderHairline};
 `;
+const hasTimeComponent = (date) => "hour" in date;
+const earliest = (a, b) => a.compare(b) <= 0 ? a : b;
+/**
+* Reaches the end of the preset's final day, but never past the present — filters
+* reject a future bound and drop the range entirely. The present is floored to the
+* minute, the finest the picker can express, so the bound is a stable value rather
+* than the sub-second noise of whenever the click landed.
+*/
+const presetEnd = (end) => earliest(end.set({
+	hour: 23,
+	minute: 59,
+	second: 59,
+	millisecond: 999
+}), toCalendarDateTime(now(Settings.defaultZone.name)).set({
+	second: 0,
+	millisecond: 0
+}));
 const RangeCalendar = ({ calendarRef, onSelectDate, minDate, maxDate, hidePresets, visibleMonths = 2, setDateMode, setValue, granularity, ...props }) => {
 	const { locale } = useLocale();
 	const timezoneName = Settings.defaultZone.name;
@@ -601,7 +618,7 @@ const RangeCalendar = ({ calendarRef, onSelectDate, minDate, maxDate, hidePreset
 			}
 			setValue({
 				start: toCalendarDateTime(value.start),
-				end: toCalendarDateTime(value.end)
+				end: hasTimeComponent(value.end) ? toCalendarDateTime(value.end) : presetEnd(toCalendarDateTime(value.end))
 			});
 		},
 		selectDate: (date) => {
@@ -729,11 +746,12 @@ const DateRangePicker = ({ granularity = "day", hideTimeZone = true, className,
 		openCalendar();
 		focusCalendar();
 	}, [focusCalendar, openCalendar]);
+	const startInstant = props.dateRange.startDate?.isValid ? props.dateRange.startDate.toMillis() : void 0;
+	const endInstant = props.dateRange.endDate?.isValid ? props.dateRange.endDate.toMillis() : void 0;
 	useEffect(() => {
-		if (!props.dateRange.startDate || !props.dateRange.endDate) return;
-		if (!props.dateRange.startDate.isValid || !props.dateRange.endDate.isValid) return;
-		const startDate = props.dateRange.startDate.setZone(Settings.defaultZone);
-		const endDate = props.dateRange.endDate.setZone(Settings.defaultZone);
+		if (startInstant == null || endInstant == null) return;
+		const startDate = DateTime.fromMillis(startInstant).setZone(Settings.defaultZone);
+		const endDate = DateTime.fromMillis(endInstant).setZone(Settings.defaultZone);
 		if (!startDate.isValid || !endDate.isValid) return;
 		const dateRangeV2 = {
 			start: state.hasTime ? parseAbsolute(startDate.toISO(), Settings.defaultZone.name) : new CalendarDate(startDate.year, startDate.month, startDate.day),
@@ -741,8 +759,8 @@ const DateRangePicker = ({ granularity = "day", hideTimeZone = true, className,
 		};
 		state.setValue(dateRangeV2);
 	}, [
-		props.dateRange.startDate,
-		props.dateRange.endDate,
+		startInstant,
+		endInstant,
 		granularity
 	]);
 	const prevValueRef = useRef(state.value);
@@ -919,4 +937,4 @@ const DateRangePicker = ({ granularity = "day", hideTimeZone = true, className,
 //#endregion
 export { Calendar as i, DatePicker as n, DateField as r, DateRangePicker as t };
 
-//# sourceMappingURL=DatePicker-DpGvo7Bd.mjs.map
+//# sourceMappingURL=DatePicker-BNnZ6L1y.mjs.map

package/dist/DatePicker-BNnZ6L1y.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker-BNnZ6L1y.mjs","names":["useLocale","OpenButton","Popover","Card","RangeCalendarPresets","Popover"],"sources":["../components/DatePicker/Calendar/CalendarBase.tsx","../components/DatePicker/Calendar/CalendarCell.tsx","../components/DatePicker/Calendar/CalendarGrid.tsx","../components/DatePicker/common.ts","../components/DatePicker/Calendar/Calendar.tsx","../components/DatePicker/DateField.tsx","../components/DatePicker/DatePicker.tsx","../components/DatePicker/Calendar/RangeCalendarPresets.tsx","../components/DatePicker/Calendar/RangeCalendar.tsx","../components/DatePicker/DateRangePicker.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { useButton } from 'react-aria';\nimport styled from 'styled-components';\n\nimport { Spacing, Typography } from '@persona/design-tokens';\nimport { IconButton } from 'design-system/components/Button';\nimport type { IconButtonProps } from 'design-system/components/Button/IconButton';\n\nexport const CalendarContainer = styled.div`\n  display: inline-block;\n`;\n\nexport const CalendarHeader = styled.div`\n  display: flex;\n  align-items: center;\n  margin-bottom: ${Spacing[2]};\n`;\n\nexport const CalendarHeading = styled.div`\n  ${Typography.TextLargeBold};\n  flex: 1;\n  text-align: center;\n`;\n\nconst StyledCalendarButton = styled(IconButton)`\n  width: 32px;\n  height: 32px;\n`;\n\nexport const CalendarButton = (props: IconButtonProps) => {\n  const ref = useRef();\n  /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n  const { buttonProps } = useButton(props, ref);\n\n  return (\n    /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n    <StyledCalendarButton {...buttonProps} className={props.className} ref={ref}>\n      {props.children}\n    </StyledCalendarButton>\n  );\n};\n","import { type CalendarDate, type DateValue, isSameDay, isSameMonth } from '@internationalized/date';\nimport { useRef } from 'react';\nimport { useCalendarCell } from 'react-aria';\nimport type { CalendarState, RangeCalendarState } from 'react-stately';\nimport styled, { css } from 'styled-components';\n\nimport { BorderRadius, Color, Typography } from '@persona/design-tokens';\n\nconst CalendarCellContainer = styled.td`\n  text-align: center;\n  width: 38px;\n  height: 38px;\n  padding: 0px;\n`;\n\ninterface CalendarCellButtonProps {\n  isSelected?: boolean;\n  isSelectionStart?: boolean;\n  isSelectionEnd?: boolean;\n  isInvalid?: boolean;\n  isDisabled?: boolean;\n}\n\nconst CalendarCellButton = styled.button<CalendarCellButtonProps>`\n  ${Typography.TextMedium};\n  border-style: none;\n  padding: 0;\n  background: none;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  position: relative;\n\n  ${({ isSelected }) =>\n    isSelected &&\n    css`\n      background: ${Color.CorePurple100};\n    `}\n\n  ${({ isSelectionStart }) =>\n    isSelectionStart &&\n    css`\n      background: ${Color.BackgroundButtonPrimary};\n      color: ${Color.TextInverse};\n      border-top-left-radius: ${BorderRadius.Sm};\n      border-bottom-left-radius: ${BorderRadius.Sm};\n    `}\n\n  ${({ isSelectionEnd }) =>\n    isSelectionEnd &&\n    css`\n      background: ${Color.BackgroundButtonPrimary};\n      color: ${Color.TextInverse};\n      border-top-right-radius: ${BorderRadius.Sm};\n      border-bottom-right-radius: ${BorderRadius.Sm};\n    `}\n\n  ${({ isDisabled }) =>\n    isDisabled &&\n    css`\n      color: ${Color.CoreSlate300};\n    `}\n\n  ${({ isInvalid }) =>\n    isInvalid &&\n    css`\n      background: ${Color.BackgroundButtonDanger};\n      color: ${Color.TextInverse};\n    `}\n\n  &:focus-visible {\n    outline: 2px solid ${Color.BorderFocus};\n    outline-offset: -2px;\n    box-shadow: ${Color.PrimaryWhite} 0px 0px 0px 3px inset;\n    z-index: 1;\n  }\n`;\n\ninterface CalendarCellProps {\n  state: CalendarState | RangeCalendarState;\n  date: CalendarDate;\n  currentMonth: DateValue;\n}\n\nconst CalendarCell = ({ state, date, currentMonth }: CalendarCellProps) => {\n  const ref = useRef();\n  const { cellProps, buttonProps, isSelected, isInvalid, isDisabled, formattedDate } =\n    /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n    useCalendarCell({ date }, state, ref);\n\n  const highlightedRange = 'highlightedRange' in state && state.highlightedRange;\n\n  const isOutsideMonth = !isSameMonth(currentMonth, date);\n  const isSelectionStart = highlightedRange ? isSameDay(date, highlightedRange.start) : isSelected;\n  const isSelectionEnd = highlightedRange ? isSameDay(date, highlightedRange.end) : isSelected;\n\n  return (\n    <CalendarCellContainer {...cellProps}>\n      <CalendarCellButton\n        {...buttonProps}\n        hidden={isOutsideMonth}\n        isSelected={isSelected}\n        isSelectionStart={isSelectionStart}\n        isSelectionEnd={isSelectionEnd}\n        isInvalid={isInvalid}\n        isDisabled={isDisabled}\n        /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n        ref={ref}\n      >\n        {formattedDate}\n      </CalendarCellButton>\n    </CalendarCellContainer>\n  );\n};\n\nexport default CalendarCell;\n","import { type DateDuration, endOfMonth, getWeeksInMonth } from '@internationalized/date';\nimport { useCalendarGrid, useLocale } from 'react-aria';\nimport type { CalendarState, RangeCalendarState } from 'react-stately';\nimport styled from 'styled-components';\n\nimport { Color, Typography } from '@persona/design-tokens';\n\nimport CalendarCell from './CalendarCell';\n\nconst CalendarGridContainer = styled.table`\n  width: 266px;\n  border-spacing: 0px;\n  border-collapse: collapse;\n\n  &:focus-visible {\n    outline: 2px solid ${Color.BorderFocus};\n    outline-offset: 1px;\n  }\n`;\n\nconst CalendarGridDayHeader = styled.th`\n  ${Typography.TextMedium};\n  color: ${Color.TextSecondary};\n`;\n\ninterface CalendarGridProps {\n  state: CalendarState | RangeCalendarState;\n  offset?: DateDuration;\n  skipFromTabOrder?: boolean;\n}\n\nconst CalendarGrid = ({ state, offset = {}, skipFromTabOrder = false }: CalendarGridProps) => {\n  const { locale } = useLocale();\n  const startDate = state.visibleRange.start.add(offset);\n  const endDate = endOfMonth(startDate);\n\n  const { gridProps, headerProps, weekDays } = useCalendarGrid(\n    {\n      startDate,\n      endDate,\n    },\n    state,\n  );\n\n  const weeksInMonth = getWeeksInMonth(startDate, locale);\n\n  // Remove second calendar grid from tab order - use arrow keys to navigate between months\n  const modifiedGridProps = skipFromTabOrder ? { ...gridProps, tabIndex: -1 } : gridProps;\n\n  return (\n    <CalendarGridContainer {...modifiedGridProps}>\n      <thead {...headerProps}>\n        <tr>\n          {weekDays.map((day, index) => (\n            <CalendarGridDayHeader key={index}>{day}</CalendarGridDayHeader>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {[...new Array(weeksInMonth).keys()].map((weekIndex) => (\n          <tr key={weekIndex}>\n            {state\n              .getDatesInWeek(weekIndex, startDate)\n              .map((date, i) =>\n                date ? (\n                  <CalendarCell key={i} state={state} date={date} currentMonth={startDate} />\n                ) : (\n                  <td key={i} />\n                ),\n              )}\n          </tr>\n        ))}\n      </tbody>\n    </CalendarGridContainer>\n  );\n};\n\nexport default CalendarGrid;\n","import { GregorianCalendar } from '@internationalized/date';\n\nexport const createCalendar = () => new GregorianCalendar();\n","import type { Ref } from 'react';\nimport { type AriaCalendarProps, type DateValue, useCalendar, useLocale } from 'react-aria';\nimport { useCalendarState } from 'react-stately';\n\nimport { ArrowLeftIcon, ArrowRightIcon } from '@persona/icons';\nimport {\n  CalendarButton,\n  CalendarContainer,\n  CalendarHeader,\n  CalendarHeading,\n} from 'design-system/components/DatePicker/Calendar/CalendarBase';\nimport CalendarGrid from 'design-system/components/DatePicker/Calendar/CalendarGrid';\nimport { createCalendar } from 'design-system/components/DatePicker/common';\n\ninterface CalendarProps extends AriaCalendarProps<DateValue> {\n  calendarRef?: Ref<HTMLDivElement>;\n}\n\nconst Calendar = (props: CalendarProps) => {\n  const { locale } = useLocale();\n  const state = useCalendarState({ ...props, locale, createCalendar });\n  const { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar(props, state);\n\n  return (\n    <CalendarContainer {...calendarProps} ref={props.calendarRef}>\n      <CalendarHeader>\n        <CalendarButton {...prevButtonProps}>\n          <ArrowLeftIcon />\n        </CalendarButton>\n        <CalendarHeading>{title}</CalendarHeading>\n        <CalendarButton {...nextButtonProps}>\n          <ArrowRightIcon />\n        </CalendarButton>\n      </CalendarHeader>\n      <CalendarGrid state={state} />\n    </CalendarContainer>\n  );\n};\n\nexport default Calendar;\n","import type { DateValue } from '@internationalized/date';\nimport { type AriaDateFieldProps, useDateField, useDateSegment } from '@react-aria/datepicker';\nimport { useLocale } from '@react-aria/i18n';\nimport { mergeRefs } from '@react-aria/utils';\nimport {\n  type DateFieldState,\n  type DateSegment as DateSegmentObj,\n  type SegmentType,\n  useDateFieldState,\n} from '@react-stately/datepicker';\nimport { forwardRef, useRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { createCalendar } from 'design-system/components/DatePicker/common';\nimport { isFocused, isFocusedVisible, isNotDisabled } from 'design-system/lib/pseudoClass';\nimport { focusWithinOutline } from 'design-system/mixins/focus';\nimport inputMixin, { type InputMixinProps, type InputSizes } from 'design-system/mixins/input';\nimport type PseudoClassProps from 'design-system/types/PseudoClassProps';\n\ntype DateSegmentContainerProps = { $isComma?: boolean; $isTimezone?: boolean } & PseudoClassProps;\nconst DateSegmentContainer = styled.div<DateSegmentContainerProps>`\n  font-variant-numeric: tabular-nums;\n  box-sizing: content-box;\n  text-align: end;\n\n  ${isFocused} {\n    outline: 2px solid ${Color.BorderFocus};\n    outline-offset: 1px;\n    background-color: ${Color.CorePurple200};\n  }\n\n  ${({ $isComma, $isTimezone }) =>\n    ($isComma || $isTimezone) &&\n    css`\n      margin-left: 0.25ch;\n      margin-right: 0.25ch;\n    `}\n\n  ${({ $isTimezone }) =>\n    $isTimezone &&\n    css`\n      color: ${Color.TextSecondary};\n      pointer-events: none;\n\n      &:focus {\n        outline: none;\n        background-color: transparent;\n      }\n    `}\n`;\n\ntype DateSegmentPlaceholderProps = { isPlaceholder?: boolean; type: SegmentType };\nconst DateSegmentPlaceholder = styled.span<DateSegmentPlaceholderProps>`\n  display: block;\n  width: 100%;\n  pointer-events: none;\n\n  &:focus {\n    outline: none;\n  }\n\n  ${({ isPlaceholder }) =>\n    isPlaceholder\n      ? css`\n          height: 100%;\n          color: ${({ theme }) => theme.color.text.tertiary};\n        `\n      : css`\n          visibility: hidden;\n          height: 0;\n        `}\n  ${({ type }) =>\n    type === 'literal' &&\n    css`\n      padding-left: ${Spacing[1]};\n      padding-right: ${Spacing[1]};\n    `}\n  ${({ type, isPlaceholder }) =>\n    type === 'month' &&\n    isPlaceholder &&\n    css`\n      width: 3ch;\n    `}\n`;\n\ninterface DateSegmentProps {\n  segment: DateSegmentObj;\n  state: DateFieldState;\n}\n\nfunction DateSegment({ segment, state }: DateSegmentProps) {\n  const ref = useRef();\n  /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n  const { segmentProps } = useDateSegment(segment, state, ref);\n\n  let minWidth: string;\n\n  switch (segment.type) {\n    case 'dayPeriod': {\n      minWidth = '2.75ch';\n      break;\n    }\n    default: {\n      minWidth = `${segment.maxValue != null && String(segment.maxValue).length + 0.25}ch`;\n      break;\n    }\n  }\n\n  const isComma = segment.type === 'literal' && segment.text === ', ';\n  const isTimezone = segment.type === 'timeZoneName';\n\n  return (\n    <DateSegmentContainer\n      {...segmentProps}\n      /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n      ref={ref}\n      style={{\n        ...segmentProps.style,\n        minWidth,\n      }}\n      $isComma={isComma}\n      $isTimezone={isTimezone}\n      {...(isTimezone && { tabIndex: -1, role: 'presentation' })}\n    >\n      {/* Always reserve space for the placeholder, to prevent layout shift when editing. */}\n      {segment.placeholder && (\n        <DateSegmentPlaceholder\n          aria-hidden='true'\n          isPlaceholder={segment.isPlaceholder}\n          type={segment.type}\n        >\n          {segment.placeholder}\n        </DateSegmentPlaceholder>\n      )}\n      {segment.isPlaceholder ? '' : segment.text}\n    </DateSegmentContainer>\n  );\n}\n\nconst InputBox = styled.div<InputMixinProps & { $inputPosition: 'start' | 'end' }>`\n  ${inputMixin};\n  display: flex;\n  padding-left: ${Spacing[2]};\n  padding-right: ${Spacing[2]};\n  line-height: 1;\n  position: relative;\n\n  &${isFocusedVisible}${isNotDisabled} {\n    position: relative;\n    z-index: 1;\n  }\n\n  ${focusWithinOutline}\n\n  ${({ $inputPosition }) => {\n    switch ($inputPosition) {\n      case 'start': {\n        return css`\n          border-top-right-radius: 0px;\n          border-bottom-right-radius: 0px;\n        `;\n      }\n      case 'end': {\n        return css`\n          margin-left: -1px;\n          border-top-left-radius: 0px;\n          border-bottom-left-radius: 0px;\n        `;\n      }\n    }\n  }}\n`;\n\ninterface DateFieldProps extends AriaDateFieldProps<DateValue> {\n  inputPosition?: 'start' | 'end';\n  focused?: boolean;\n  readOnly?: boolean;\n  value?: DateValue;\n  disabled?: boolean;\n  size?: InputSizes;\n  style?: React.CSSProperties;\n  dateFieldProps?: {\n    style?: React.CSSProperties;\n  };\n  hasError?: boolean;\n}\n\nexport const DateField = forwardRef<HTMLDivElement, DateFieldProps>(function DateField(\n  props: DateFieldProps,\n  forwardedRef,\n) {\n  const { locale } = useLocale();\n  const state = useDateFieldState({\n    ...props,\n    locale,\n    createCalendar,\n  });\n\n  const ref = useRef<HTMLDivElement>();\n  /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n  const { fieldProps } = useDateField(props, state, ref);\n\n  return (\n    <InputBox\n      {...fieldProps}\n      {...(props.dateFieldProps || {})}\n      /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n      ref={mergeRefs<HTMLDivElement>(ref, forwardedRef)}\n      focused={props.focused}\n      disabled={props.disabled}\n      aria-label={props['aria-label']}\n      $size={props.size ?? 'md'}\n      /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n      $inputPosition={props.inputPosition}\n      hasError={props.hasError}\n    >\n      {state.segments.map((segment, i) => (\n        <DateSegment key={i} segment={segment} state={state} />\n      ))}\n    </InputBox>\n  );\n});\n\nexport default DateField;\n","import type { DateValue } from '@internationalized/date';\nimport type { DatePickerProps as DatePickerBase } from '@react-types/datepicker';\nimport { type RefObject, useCallback, useRef } from 'react';\nimport { mergeProps, useButton, useDatePicker, useFocusWithin, VisuallyHidden } from 'react-aria';\nimport { useDatePickerState } from 'react-stately';\n\nimport Calendar from 'design-system/components/DatePicker/Calendar/Calendar';\nimport DateField from 'design-system/components/DatePicker/DateField';\nimport Popover from 'design-system/components/Popover';\nimport { Z_INDICES } from 'design-system/lib/zindex';\nimport type { InputSizes } from 'design-system/mixins/input';\n\nexport interface DatePickerProps extends DatePickerBase<DateValue> {\n  id?: string;\n  dateFieldProps?: {\n    style?: React.CSSProperties;\n  };\n  disabled?: boolean;\n  size?: InputSizes;\n  useModalZIndex?: boolean;\n}\n\nconst OpenButton = ({ calendarRef }: { calendarRef: RefObject<HTMLElement> }) => {\n  const openCalBtnRef = useRef<HTMLButtonElement>(null);\n  const { buttonProps } = useButton(\n    {\n      onPress: () => {\n        if (calendarRef.current) {\n          (\n            calendarRef.current.querySelector('button[aria-label=\"Previous\"]') as HTMLButtonElement\n          ).focus();\n        }\n      },\n    },\n    openCalBtnRef,\n  );\n\n  return <button {...buttonProps} ref={openCalBtnRef} aria-label='Open calendar' />;\n};\n\nexport const DatePicker = (props: DatePickerProps) => {\n  const state = useDatePickerState(props);\n  const ref = useRef<HTMLDivElement>(null);\n  const fieldRef = useRef<HTMLDivElement>(null);\n  const { groupProps, fieldProps, calendarProps } = useDatePicker(props, state, ref);\n  const calendarRef = useRef<HTMLDivElement>(null);\n  // A ref, not state: the close sequence focuses the field before a state update would commit.\n  const isClosingRef = useRef(false);\n\n  const { focusWithinProps } = useFocusWithin({\n    onFocusWithin: () => {\n      if (!state.isOpen && !isClosingRef.current) {\n        state.setOpen(true);\n      }\n    },\n    onBlurWithin: (e) => {\n      // Close calendar if next target is not within the calendar\n      if (e.relatedTarget && !calendarRef?.current?.contains(e.relatedTarget) && state.isOpen) {\n        state.setOpen(false);\n      }\n    },\n  });\n\n  const handleOutsideClick = (e: Event) => {\n    const target = e.target as Node;\n    // Don't close if clicking on the date input itself\n    if (ref.current?.contains(target)) {\n      return;\n    }\n    if (state.isOpen) {\n      state.setOpen(false);\n    }\n  };\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === 'Enter' && !state.isOpen) {\n        event.preventDefault();\n        state.setOpen(true);\n      }\n    },\n    [state],\n  );\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column' }}>\n      <Popover\n        open={state.isOpen}\n        modal={false}\n        contentProps={{\n          style: { zIndex: props.useModalZIndex ? Z_INDICES.modalDropdown : Z_INDICES.dropdown },\n          align: 'start',\n          'aria-modal': true,\n          onInteractOutside: handleOutsideClick,\n          onEscapeKeyDown: () => {\n            state.setOpen(false);\n          },\n          onCloseAutoFocus: (e: Event) => {\n            // Prevent Radix's default focus restoration\n            e.preventDefault();\n            isClosingRef.current = true;\n\n            // Manually restore focus to the date field\n            if (fieldRef.current) {\n              const firstEditableSegment = fieldRef.current.querySelector('[tabindex=\"0\"]');\n              if (firstEditableSegment instanceof HTMLElement) {\n                firstEditableSegment.focus();\n              }\n            }\n\n            // Reset flag after focus is done\n            requestAnimationFrame(() => {\n              isClosingRef.current = false;\n            });\n          },\n          noPadding: true,\n        }}\n      >\n        <Popover.Trigger asChild>\n          <div\n            {...mergeProps(groupProps, focusWithinProps)}\n            ref={ref}\n            style={{ display: 'flex', position: 'relative' }}\n          >\n            <DateField\n              ref={fieldRef}\n              id={props.id}\n              dateFieldProps={props.dateFieldProps}\n              disabled={props.disabled}\n              size={props.size}\n              {...mergeProps(fieldProps, { onKeyDown: handleKeyDown })}\n              value={fieldProps.value ?? undefined}\n            />\n            <VisuallyHidden>\n              <OpenButton calendarRef={calendarRef} />\n            </VisuallyHidden>\n          </div>\n        </Popover.Trigger>\n        <Calendar\n          {...{ ...calendarProps, autoFocus: undefined }}\n          calendarRef={calendarRef}\n          id='calendar-popover'\n        />\n      </Popover>\n    </div>\n  );\n};\n\nexport default DatePicker;\n","import {\n  type CalendarDate,\n  type DateValue,\n  endOfMonth,\n  endOfYear,\n  startOfMonth,\n  startOfYear,\n  today,\n} from '@internationalized/date';\nimport type { RangeValue } from '@react-types/shared';\nimport { Settings } from 'luxon';\nimport { memo, useRef } from 'react';\nimport { mergeProps, useButton } from 'react-aria';\nimport type { RangeCalendarState } from 'react-stately';\nimport styled, { css } from 'styled-components';\n\nimport { Color } from '@persona/design-tokens';\nimport { MenuItem, MenuList } from 'design-system/components/Menu';\nimport { isFocused, isHovered, isNotDisabled } from 'design-system/lib/pseudoClass';\n\ninterface DateRangePreset {\n  label: string;\n  range: RangeValue<CalendarDate>;\n}\n\nconst getDefaultPresets = (tz: string) => {\n  const now = today(tz);\n  return [\n    {\n      label: 'Last 7 days',\n      range: {\n        start: now.subtract({ days: 7 }),\n        end: now,\n      },\n    },\n    {\n      label: 'Last 14 days',\n      range: {\n        start: now.subtract({ days: 14 }),\n        end: now,\n      },\n    },\n    {\n      label: 'Last 30 days',\n      range: {\n        start: now.subtract({ days: 30 }),\n        end: now,\n      },\n    },\n    {\n      label: 'This month',\n      range: {\n        start: startOfMonth(now),\n        // Effectively, this should always be today, since we can't look forward\n        end: now,\n      },\n    },\n    {\n      label: 'Last month',\n      range: {\n        start: startOfMonth(now.subtract({ months: 1 })),\n        end: endOfMonth(now.subtract({ months: 1 })),\n      },\n    },\n    {\n      label: 'This year',\n      range: {\n        start: startOfYear(now),\n        end: now,\n      },\n    },\n    {\n      label: 'Last year',\n      range: {\n        start: startOfYear(now.subtract({ years: 1 })),\n        end: endOfYear(now.subtract({ years: 1 })),\n      },\n    },\n  ];\n};\n\n/**\n * Compare two date values by year/month/day only, ignoring time components.\n */\nconst datesMatchByDay = (a: CalendarDate, b: DateValue): boolean =>\n  a.year === b.year && a.month === b.month && a.day === b.day;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\ninterface PresetButtonProps {\n  state: RangeCalendarState;\n  preset: DateRangePreset;\n  isSelected: boolean;\n  setDateMode: (mode: 'start' | 'end' | null) => void;\n}\n\nconst StyledPresetButton = styled(MenuItem)`\n  ${({ selected }) =>\n    !selected &&\n    css`\n      &${isNotDisabled}${isHovered}, &${isNotDisabled}${isFocused} {\n        background-color: transparent;\n      }\n    `}\n\n  &:focus-visible {\n    // MenuItems default to outline: none, so we need to override it here.\n    outline: 2px solid ${Color.BorderFocus} !important;\n    outline-offset: 1px;\n  }\n`;\n\ninterface DateRangePickerPresetsProps {\n  presetsFn?: (tz: string) => DateRangePreset[];\n  state: RangeCalendarState;\n  setDateMode: (mode: 'start' | 'end' | null) => void;\n}\n\nconst PresetButton = ({ state, preset, isSelected, setDateMode, ...props }: PresetButtonProps) => {\n  const ref = useRef<HTMLDivElement>();\n  const { buttonProps } = useButton(\n    {\n      onPress: () => {\n        state.setValue(preset.range);\n        setDateMode(null);\n      },\n    },\n    /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n    ref,\n  );\n\n  // Strip aria-current from useButton's props so it doesn't override MenuItem's.\n  const { 'aria-current': _ariaCurrent, ...mergedProps } = mergeProps(props, buttonProps);\n\n  return (\n    <StyledPresetButton\n      selected={isSelected}\n      {...mergedProps}\n      /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n      ref={ref}\n    >\n      {preset.label}\n    </StyledPresetButton>\n  );\n};\n\nconst DateRangePickerPresets = ({\n  presetsFn = getDefaultPresets,\n  state,\n  setDateMode,\n  ...props\n}: DateRangePickerPresetsProps) => {\n  // The reason that we need to do this at render time is because the default timezone for moment is set after\n  // the current User's timezone is loaded. Thus we woudln't be getting the right timezone unless if we defer getting\n  // the timezone.\n  const presets = presetsFn(Settings.defaultZone.name);\n\n  // First match wins — prevents multiple presets appearing selected when ranges overlap.\n  const { value } = state;\n  const selectedPresetIndex = value\n    ? presets.findIndex(\n        (preset) =>\n          datesMatchByDay(preset.range.start, value.start) &&\n          datesMatchByDay(preset.range.end, value.end),\n      )\n    : -1;\n\n  return (\n    <Container {...props}>\n      <MenuList aria-label='Date range presets'>\n        {presets.map((preset, i) => (\n          <PresetButton\n            key={i}\n            preset={preset}\n            state={state}\n            setDateMode={setDateMode}\n            isSelected={i === selectedPresetIndex}\n          />\n        ))}\n      </MenuList>\n    </Container>\n  );\n};\n\n// Memoize to prevent re-renders when irrelevant state properties change\n// Only re-render when the actual selected date range (state.value) changes\nconst arePropsEqual = (\n  prevProps: DateRangePickerPresetsProps,\n  nextProps: DateRangePickerPresetsProps,\n) => {\n  // Only care about the selected date range, not internal calendar state like isInvalid, visibleRange, etc.\n  const prevValue = prevProps.state.value;\n  const nextValue = nextProps.state.value;\n\n  // If both are null/undefined, they're equal\n  if (!prevValue && !nextValue) {\n    return true;\n  }\n  // If only one is null/undefined, they're different\n  if (!prevValue || !nextValue) {\n    return false;\n  }\n\n  // Compare the actual date values\n  return (\n    prevValue.start.compare(nextValue.start) === 0 && prevValue.end.compare(nextValue.end) === 0\n  );\n};\n\nexport default memo(DateRangePickerPresets, arePropsEqual);\n","import {\n  type CalendarDate,\n  type CalendarDateTime,\n  type DateValue,\n  now,\n  toCalendarDateTime,\n} from '@internationalized/date';\nimport { range } from 'lodash-es';\nimport { Settings } from 'luxon';\nimport { type Ref, useRef } from 'react';\nimport {\n  type DateRange,\n  type RangeCalendarProps as RangeCalendarBaseProps,\n  useDateFormatter,\n  useLocale,\n  useRangeCalendar,\n  VisuallyHidden,\n} from 'react-aria';\nimport { type RangeCalendarState, useRangeCalendarState } from 'react-stately';\nimport styled from 'styled-components';\n\nimport { BorderRadius, Color, Spacing } from '@persona/design-tokens';\nimport { ArrowLeftIcon, ArrowRightIcon } from '@persona/icons';\nimport Card from 'design-system/components/Card';\nimport {\n  CalendarButton,\n  CalendarContainer,\n  CalendarHeader,\n  CalendarHeading,\n} from 'design-system/components/DatePicker/Calendar/CalendarBase';\nimport CalendarGrid from 'design-system/components/DatePicker/Calendar/CalendarGrid';\nimport RangeCalendarPresets from 'design-system/components/DatePicker/Calendar/RangeCalendarPresets';\nimport { createCalendar } from 'design-system/components/DatePicker/common';\n\nconst RangeCalendarHeader = styled(CalendarHeader)`\n  gap: ${Spacing[5]};\n`;\n\nconst CalendarHeaderMonth = styled.div`\n  display: grid;\n  grid-template-columns: minmax(auto, 1fr) auto minmax(auto, 1fr);\n  grid-template-areas: 'prev title next';\n  width: 266px;\n  align-items: center;\n`;\n\nconst CalendarGrids = styled.div`\n  display: flex;\n  gap: ${Spacing[5]};\n  align-items: start;\n`;\n\nconst PrevButton = styled(CalendarButton)`\n  grid-area: prev;\n  justify-self: start;\n  border-radius: ${BorderRadius.Sm};\n`;\n\nconst NextButton = styled(CalendarButton)`\n  grid-area: next;\n  justify-self: end;\n  border-radius: ${BorderRadius.Sm};\n`;\n\nconst RangeCalendarHeading = styled(CalendarHeading)`\n  grid-area: title;\n`;\n\nconst RangeCalendarContainer = styled.div`\n  display: flex;\n`;\n\nconst PresetsContainer = styled(Card.Body)`\n  border-right: 1px solid ${Color.BorderHairline};\n`;\n\nexport interface RangeCalendarProps extends RangeCalendarBaseProps<DateValue> {\n  minDate?: RangeCalendarBaseProps<DateValue>['minValue'];\n  maxDate?: RangeCalendarBaseProps<DateValue>['maxValue'];\n  calendarRef?: Ref<HTMLDivElement>;\n  hidePresets?: boolean;\n  visibleMonths?: 1 | 2;\n  onSelectDate?: (d: CalendarDate) => void;\n  setDateMode: (mode: 'start' | 'end' | null) => void;\n  /**\n   * From setValue of DateRangePicker\n   */\n  setValue: (value: DateRange | null) => void;\n  granularity: 'day' | 'hour' | 'minute' | 'second';\n}\n\nconst hasTimeComponent = (date: DateValue) => 'hour' in date;\n\nconst earliest = (a: CalendarDateTime, b: CalendarDateTime) => (a.compare(b) <= 0 ? a : b);\n\n/**\n * Reaches the end of the preset's final day, but never past the present — filters\n * reject a future bound and drop the range entirely. The present is floored to the\n * minute, the finest the picker can express, so the bound is a stable value rather\n * than the sub-second noise of whenever the click landed.\n */\nconst presetEnd = (end: CalendarDateTime) =>\n  earliest(\n    end.set({ hour: 23, minute: 59, second: 59, millisecond: 999 }),\n    toCalendarDateTime(now(Settings.defaultZone.name)).set({ second: 0, millisecond: 0 }),\n  );\n\nconst RangeCalendar = ({\n  calendarRef,\n  onSelectDate,\n  minDate,\n  maxDate,\n  hidePresets,\n  visibleMonths = 2,\n  setDateMode,\n  setValue,\n  granularity,\n  ...props\n}: RangeCalendarProps) => {\n  const { locale } = useLocale();\n  // Must gather the TZ from the user's settings.\n  const timezoneName = Settings.defaultZone.name;\n  const rangeCalendarState = useRangeCalendarState({\n    ...props,\n    minValue: minDate,\n    maxValue: maxDate,\n    visibleDuration: {\n      months: visibleMonths,\n    },\n    locale,\n    createCalendar,\n  });\n\n  const state: RangeCalendarState = {\n    ...rangeCalendarState,\n    setValue: (value) => {\n      if (!value || granularity === 'day') {\n        rangeCalendarState.setValue(value);\n        return;\n      }\n\n      setValue({\n        start: toCalendarDateTime(value.start),\n        // A date-only end comes from a preset, where the end date is inclusive.\n        end: hasTimeComponent(value.end)\n          ? toCalendarDateTime(value.end)\n          : presetEnd(toCalendarDateTime(value.end)),\n      });\n    },\n    selectDate: (date) => {\n      if (onSelectDate) {\n        onSelectDate(date);\n        rangeCalendarState.setAnchorDate(null);\n      } else {\n        rangeCalendarState.selectDate(date);\n      }\n    },\n  };\n\n  const ref = useRef();\n\n  /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n  const { calendarProps, prevButtonProps, nextButtonProps } = useRangeCalendar(props, state, ref);\n\n  const monthDateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    timeZone: timezoneName,\n  });\n\n  const monthHeaders = range(0, visibleMonths).map((i) => {\n    return (\n      <CalendarHeaderMonth key={`calendar-month-${i}`}>\n        {i === 0 && (\n          <PrevButton {...prevButtonProps}>\n            <ArrowLeftIcon />\n          </PrevButton>\n        )}\n        <RangeCalendarHeading aria-hidden>\n          {monthDateFormatter.format(\n            state.visibleRange.start.add({ months: i }).toDate(timezoneName),\n          )}\n        </RangeCalendarHeading>\n        {i === visibleMonths - 1 && (\n          <NextButton {...nextButtonProps}>\n            <ArrowRightIcon />\n          </NextButton>\n        )}\n      </CalendarHeaderMonth>\n    );\n  });\n\n  const monthGrids = range(0, visibleMonths).map((i) => {\n    return (\n      <CalendarGrid\n        key={`calendar-grid-${i}`}\n        state={state}\n        offset={{ months: i }}\n        skipFromTabOrder={i > 0}\n      />\n    );\n  });\n\n  return (\n    <RangeCalendarContainer ref={calendarRef}>\n      {!hidePresets && (\n        <PresetsContainer padding={Spacing[3]}>\n          <RangeCalendarPresets state={state} setDateMode={setDateMode} />\n        </PresetsContainer>\n      )}\n      <Card.Body padding={Spacing[3]}>\n        {/* @ts-expect-error [strict-migration] The following line is not strict; please fix! */}\n        <CalendarContainer {...calendarProps} ref={ref}>\n          {/* Calendar header is separate from grid like this to facilitate a11y. */}\n          <RangeCalendarHeader>\n            <VisuallyHidden isFocusable={false}>{calendarProps['aria-label']}</VisuallyHidden>\n            {monthHeaders}\n          </RangeCalendarHeader>\n          <CalendarGrids>{monthGrids}</CalendarGrids>\n        </CalendarContainer>\n      </Card.Body>\n    </RangeCalendarContainer>\n  );\n};\n\nexport default RangeCalendar;\n","import {\n  CalendarDate,\n  type DateValue,\n  parseAbsolute,\n  toCalendarDateTime,\n} from '@internationalized/date';\nimport type { DateRangePickerProps as DateRangePickerBase } from '@react-types/datepicker';\nimport type { AriaLabelingProps, RangeValue } from '@react-types/shared';\nimport { DateTime, Settings } from 'luxon';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  mergeProps,\n  useButton,\n  useDateRangePicker,\n  useFocusWithin,\n  usePress,\n  VisuallyHidden,\n} from 'react-aria';\nimport { useDateRangePickerState } from 'react-stately';\nimport styled from 'styled-components';\n\nimport { Spacing, Typography } from '@persona/design-tokens';\nimport { CircleXInverseIcon } from '@persona/icons';\nimport RangeCalendar from 'design-system/components/DatePicker/Calendar/RangeCalendar';\nimport DateField from 'design-system/components/DatePicker/DateField';\nimport { FormLabel } from 'design-system/components/FormControl';\nimport { ClearButton } from 'design-system/components/Input';\nimport Popover from 'design-system/components/Popover';\nimport { isDisabled } from 'design-system/lib/pseudoClass';\nimport type { InputSizes } from 'design-system/mixins/input';\n\nconst DateRangeContainer = styled.div`\n  display: inline-flex;\n  flex-direction: column;\n  width: 100%;\n`;\n\nconst DateRangeInputs = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst CustomFormLabel = styled(FormLabel)`\n  margin-bottom: ${Spacing[2]};\n  ${Typography.TextMediumBold};\n`;\n\nexport type DateRange = {\n  startDate?: DateTime;\n  endDate?: DateTime;\n};\n\nexport interface DateRangePickerProps extends DateRangePickerBase<DateValue>, AriaLabelingProps {\n  dateRange: DateRange;\n  onChange: (range: RangeValue<DateValue> | null) => void;\n  disabled?: boolean;\n  size?: InputSizes;\n  minDate?: DateValue;\n  maxDate?: DateValue;\n  label?: string | null;\n  dataTest?: string;\n  id?: string;\n  hidePresets?: boolean;\n  visibleMonths?: 1 | 2;\n  className?: string;\n  /**\n   * Whether or not to display clear button\n   */\n  showClear?: boolean;\n  /**\n   * Called when the clear button is clicked/pressed\n   */\n  onClear?: () => void;\n  /**\n   * z-index of the calendar popover\n   */\n  calendarZIndex?: number;\n  /**\n   * Element that should contain the calendar portal.\n   */\n  portalContainer?: HTMLElement | null;\n}\n\nconst OpenButton = ({ onOpen, disabled }: { onOpen: () => void; disabled?: boolean }) => {\n  const openCalBtnRef = useRef<HTMLButtonElement>(null);\n  const { buttonProps } = useButton(\n    {\n      isDisabled: disabled,\n      onPress: onOpen,\n    },\n    openCalBtnRef,\n  );\n\n  return (\n    <button\n      {...buttonProps}\n      type='button'\n      ref={openCalBtnRef}\n      aria-label='Open calendar'\n      tabIndex={-1}\n    />\n  );\n};\n\nconst ClearRangeButton = styled(ClearButton)`\n  height: 16px;\n  width: 16px;\n  margin-left: ${Spacing[2]};\n\n  &${isDisabled}, &:disabled {\n    background-color: transparent;\n  }\n`;\n\nconst DateRangePicker = ({\n  granularity = 'day',\n  hideTimeZone = true,\n  className,\n  calendarZIndex,\n  portalContainer,\n  ...props\n}: DateRangePickerProps) => {\n  const state = useDateRangePickerState({ granularity, hideTimeZone, ...props });\n  const ref = useRef<HTMLDivElement>(null);\n  const startFieldRef = useRef<HTMLDivElement>(null);\n  const endFieldRef = useRef<HTMLDivElement>(null);\n  const calendarRef = useRef<HTMLDivElement>(null);\n  const [dateMode, setDateMode] = useState<'start' | 'end' | null>(null);\n  // A ref, not state: focus can return to a field before a state update would commit.\n  const isClosingRef = useRef(false);\n  const { groupProps, startFieldProps, endFieldProps, calendarProps, labelProps } =\n    useDateRangePicker({ granularity, hideTimeZone, ...props }, state, ref);\n\n  const focusCalendar = useCallback(() => {\n    requestAnimationFrame(() => {\n      const firstFocusableCalendarElement = calendarRef.current?.querySelector<HTMLElement>(\n        '[role=\"menuitem\"], button:not(:disabled), [tabindex=\"0\"]',\n      );\n      firstFocusableCalendarElement?.focus();\n    });\n  }, []);\n\n  const openCalendar = useCallback(() => {\n    if (!props.disabled && !state.isOpen && !isClosingRef.current) {\n      state.setOpen(true);\n    }\n  }, [props.disabled, state]);\n\n  const openCalendarWithFocus = useCallback(() => {\n    openCalendar();\n    focusCalendar();\n  }, [focusCalendar, openCalendar]);\n\n  // Keyed on instants rather than the `DateTime` identities: a caller that parses\n  // its range during render hands us new objects every commit, and syncing on that\n  // would call `setValue` -> `onChange` -> re-render without end.\n  const startInstant = props.dateRange.startDate?.isValid\n    ? props.dateRange.startDate.toMillis()\n    : undefined;\n  const endInstant = props.dateRange.endDate?.isValid\n    ? props.dateRange.endDate.toMillis()\n    : undefined;\n\n  useEffect(() => {\n    // If not set, return early\n    if (startInstant == null || endInstant == null) {\n      return;\n    }\n\n    // Find out the real time by adjusting the date to the user's timezone\n    const startDate = DateTime.fromMillis(startInstant).setZone(Settings.defaultZone);\n    const endDate = DateTime.fromMillis(endInstant).setZone(Settings.defaultZone);\n\n    if (!startDate.isValid || !endDate.isValid) {\n      return;\n    }\n\n    // Months are 1-indexed, no translations need to happen to CalendarDates\n    const startCalendar = state.hasTime\n      ? parseAbsolute(startDate.toISO(), Settings.defaultZone.name)\n      : new CalendarDate(startDate.year, startDate.month, startDate.day);\n    const endCalendar = state.hasTime\n      ? parseAbsolute(endDate.toISO(), Settings.defaultZone.name)\n      : new CalendarDate(endDate.year, endDate.month, endDate.day);\n\n    const dateRangeV2: RangeValue<DateValue> = {\n      start: startCalendar,\n      end: endCalendar,\n    };\n\n    state.setValue(dateRangeV2);\n  }, [startInstant, endInstant, granularity]);\n\n  // Auto-close overlay when a complete range is selected (e.g., from presets with time enabled)\n  const prevValueRef = useRef<RangeValue<DateValue | null> | null>(state.value);\n  useEffect(() => {\n    const prevValue = prevValueRef.current;\n    const currentValue = state.value;\n\n    // Update ref for next comparison\n    prevValueRef.current = currentValue;\n\n    // Close overlay only if BOTH start and end changed simultaneously to DIFFERENT dates (e.g., preset selection)\n    // Do not close during manual date selection where:\n    // 1. Only one date changes at a time, OR\n    // 2. Both dates are set to the same value (initial selection from empty state)\n    // Use value comparison (.compare) instead of object identity to handle controlled component re-renders\n    const startChanged =\n      prevValue?.start && currentValue?.start\n        ? prevValue.start.compare(currentValue.start) !== 0\n        : prevValue?.start !== currentValue?.start;\n    const endChanged =\n      prevValue?.end && currentValue?.end\n        ? prevValue.end.compare(currentValue.end) !== 0\n        : prevValue?.end !== currentValue?.end;\n    const datesAreDifferent =\n      currentValue?.start &&\n      currentValue?.end &&\n      currentValue.start.compare(currentValue.end) !== 0;\n\n    if (state.isOpen && startChanged && endChanged && datesAreDifferent) {\n      state.setOpen(false);\n    }\n  }, [state.value, state.isOpen]);\n\n  const { focusWithinProps: startFocusWithinProps } = useFocusWithin({\n    onFocusWithin: () => {\n      setDateMode('start');\n      openCalendar();\n    },\n  });\n\n  const { focusWithinProps: endFocusWithinProps } = useFocusWithin({\n    onFocusWithin: () => {\n      setDateMode('end');\n      openCalendar();\n    },\n  });\n\n  const { focusWithinProps: containerFocusProps } = useFocusWithin({\n    onBlurWithin: () => {\n      requestAnimationFrame(() => {\n        // Wait for popover focus transitions to settle before closing.\n        const activeElement = document.activeElement;\n        const isFocusInDateRangeInput =\n          activeElement instanceof Node && ref.current?.contains(activeElement);\n        const isFocusInCalendar =\n          activeElement instanceof Node && calendarRef.current?.contains(activeElement);\n\n        if (isFocusInDateRangeInput || isFocusInCalendar) {\n          return;\n        }\n\n        setDateMode(null);\n        if (state.isOpen) {\n          state.setOpen(false);\n        }\n      });\n    },\n  });\n\n  const handleOutsideClick = (e: Event) => {\n    const target = e.target as Node;\n    // Don't close if clicking on the date inputs themselves\n    if (ref.current?.contains(target)) {\n      return;\n    }\n\n    // When there's a click outside of the containers + calendars, reset the highlighted date\n    // Only close the calendar if it's open\n    // Note: Radix UI's onInteractOutside already ensures the interaction is outside the popover content\n    if (state.isOpen) {\n      setDateMode(null);\n      state.setOpen(false);\n    }\n  };\n\n  const { pressProps: pressClearProps } = usePress({\n    onPress: () => {\n      state.setValue(null);\n\n      if (props.onClear) {\n        props.onClear();\n      }\n    },\n  });\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === 'Enter') {\n        event.preventDefault(); // Prevent form submission\n        openCalendarWithFocus();\n      }\n    },\n    [openCalendarWithFocus],\n  );\n\n  const isValueNull = state.value && state.value.start == null && state.value.end == null;\n\n  return (\n    <DateRangeContainer data-test={props.dataTest} className={className}>\n      {props.label && <CustomFormLabel {...labelProps}>{props.label}</CustomFormLabel>}\n      <Popover\n        open={state.isOpen}\n        modal={false}\n        portalProps={portalContainer ? { container: portalContainer } : undefined}\n        contentProps={{\n          align: 'start',\n          'aria-modal': true,\n          'aria-label': props['aria-label'] ?? undefined,\n          onInteractOutside: handleOutsideClick,\n          onOpenAutoFocus: (e: Event) => {\n            // Field focus opens the calendar for editing, while Enter/Open calendar moves focus inside.\n            e.preventDefault();\n          },\n          onEscapeKeyDown: () => {\n            state.setOpen(false);\n            // Restore focus to the date field for keyboard users\n            if (dateMode) {\n              const fieldRef = dateMode === 'start' ? startFieldRef : endFieldRef;\n              const seg = fieldRef.current?.querySelector('[tabindex=\"0\"]');\n              if (seg instanceof HTMLElement) {\n                seg.focus();\n              }\n            }\n          },\n          onCloseAutoFocus: (e: Event) => {\n            // Prevent Radix's default focus restoration — Escape handles its own above.\n            e.preventDefault();\n            isClosingRef.current = true;\n            requestAnimationFrame(() => {\n              isClosingRef.current = false;\n            });\n          },\n          noPadding: true,\n          style: { zIndex: calendarZIndex },\n          zIndex: calendarZIndex,\n        }}\n      >\n        <Popover.Trigger asChild>\n          <DateRangeInputs {...mergeProps(groupProps, containerFocusProps)} ref={ref}>\n            {/* @ts-expect-error [strict-migration] The following line is not strict; please fix! */}\n            <DateField\n              ref={startFieldRef}\n              inputPosition='start'\n              focused={dateMode === 'start'}\n              disabled={props.disabled}\n              size={props.size}\n              {...mergeProps(startFieldProps, startFocusWithinProps, { onKeyDown: handleKeyDown })}\n            />\n            {/* @ts-expect-error [strict-migration] The following line is not strict; please fix! */}\n            <DateField\n              ref={endFieldRef}\n              inputPosition='end'\n              focused={dateMode === 'end'}\n              disabled={props.disabled}\n              size={props.size}\n              {...mergeProps(endFieldProps, endFocusWithinProps, { onKeyDown: handleKeyDown })}\n            />\n            {props.showClear && (\n              <ClearRangeButton\n                {...pressClearProps}\n                type='button'\n                disabled={isValueNull}\n                aria-label='Clear date range'\n              >\n                <CircleXInverseIcon />\n              </ClearRangeButton>\n            )}\n            <VisuallyHidden>\n              <OpenButton onOpen={openCalendarWithFocus} disabled={props.disabled} />\n            </VisuallyHidden>\n          </DateRangeInputs>\n        </Popover.Trigger>\n        <RangeCalendar\n          {...{ ...calendarProps, autoFocus: undefined }}\n          calendarRef={calendarRef}\n          setDateMode={setDateMode}\n          setValue={state.setValue}\n          granularity={granularity}\n          hidePresets={props.hidePresets}\n          visibleMonths={props.visibleMonths}\n          onSelectDate={(dateVal) => {\n            /**\n             * Please use caution when editing the logic below.\n             * It is specific to react-aria's date picker and can be brittle.\n             */\n            if (dateVal) {\n              const date = state.hasTime ? toCalendarDateTime(dateVal) : dateVal;\n\n              if (dateMode === 'start') {\n                // Handle a case where we've deleted both dates\n                if (state.value.end == null && state.value.start == null) {\n                  state.setValue({\n                    start: date,\n                    end: date,\n                  });\n                }\n                // If end becomes the start\n                else if (state.value.end && date.compare(state.value.end) > 0) {\n                  state.setValue({\n                    start: state.value.end,\n                    end: state.value.end.set(dateVal), // Preserve time\n                  });\n                } else {\n                  state.setValue({\n                    // if start is not set, set it to the date or date + time value, otherwise set the dateVal to preserve time\n                    start: state.value.start == null ? date : state.value.start.set(dateVal),\n                    /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n\n                    end: state.value.end,\n                  });\n                }\n                setDateMode('end');\n              } else {\n                // Handle a case where we've deleted both dates\n                if (state.value.end == null && state.value.start == null) {\n                  state.setValue({\n                    start: date,\n                    end: date,\n                  });\n                }\n                // If start becomes the end\n                else if (state.value.start && date.compare(state.value.start) < 0) {\n                  state.setValue({\n                    start: state.value.start.set(dateVal),\n                    end: state.value.start,\n                  });\n                } else {\n                  state.setValue({\n                    /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n                    start: state.value.start,\n                    // if end is not set, set it to the date or date + time value, otherwise set the dateVal to preserve time\n                    end: state.value.end == null ? date : state.value.end.set(dateVal),\n                  });\n                }\n                // Close popover and keep focus on end field\n                state.setOpen(false);\n              }\n            }\n          }}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n        />\n      </Popover>\n    </DateRangeContainer>\n  );\n};\n\nexport default DateRangePicker;\n"],"mappings":"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"}

package/dist/DatePicker.d.mts

@@ -1,19 +1,2 @@
-import { n as InputSizes } from "./input-D3Qd6dI8.mjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import { DateValue } from "@internationalized/date";
-import { DatePickerProps as DatePickerProps$1 } from "@react-types/datepicker";
-
-//#region components/DatePicker/DatePicker.d.ts
-interface DatePickerProps extends DatePickerProps$1<DateValue> {
-  id?: string;
-  dateFieldProps?: {
-    style?: React.CSSProperties;
-  };
-  disabled?: boolean;
-  size?: InputSizes;
-  useModalZIndex?: boolean;
-}
-declare const DatePicker: (props: DatePickerProps) => _$react_jsx_runtime0.JSX.Element;
-//#endregion
-export { DatePicker, DatePicker as default, DatePickerProps };
-//# sourceMappingURL=DatePicker.d.mts.map
+import { n as DatePickerProps, t as DatePicker } from "./DatePicker-B1iWrqR5.mjs";
+export { DatePicker, DatePicker as default, DatePickerProps };

package/dist/DateRangePicker-BmF9eH9R.d.mts

@@ -0,0 +1,53 @@
+import { n as InputSizes } from "./input-D9FuQmlI.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { DateTime } from "luxon";
+import { DateValue } from "@internationalized/date";
+import { DateRangePickerProps } from "@react-types/datepicker";
+import { AriaLabelingProps, RangeValue } from "@react-types/shared";
+
+//#region components/DatePicker/DateRangePicker.d.ts
+type DateRange = {
+  startDate?: DateTime;
+  endDate?: DateTime;
+};
+interface DateRangePickerProps$1 extends DateRangePickerProps<DateValue>, AriaLabelingProps {
+  dateRange: DateRange;
+  onChange: (range: RangeValue<DateValue> | null) => void;
+  disabled?: boolean;
+  size?: InputSizes;
+  minDate?: DateValue;
+  maxDate?: DateValue;
+  label?: string | null;
+  dataTest?: string;
+  id?: string;
+  hidePresets?: boolean;
+  visibleMonths?: 1 | 2;
+  className?: string;
+  /**
+   * Whether or not to display clear button
+   */
+  showClear?: boolean;
+  /**
+   * Called when the clear button is clicked/pressed
+   */
+  onClear?: () => void;
+  /**
+   * z-index of the calendar popover
+   */
+  calendarZIndex?: number;
+  /**
+   * Element that should contain the calendar portal.
+   */
+  portalContainer?: HTMLElement | null;
+}
+declare const DateRangePicker: ({
+  granularity,
+  hideTimeZone,
+  className,
+  calendarZIndex,
+  portalContainer,
+  ...props
+}: DateRangePickerProps$1) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DateRangePicker as n, DateRangePickerProps$1 as r, DateRange as t };
+//# sourceMappingURL=DateRangePicker-BmF9eH9R.d.mts.map