@servicetitan/anvil2 2.6.0 → 2.7.0

package/dist/DataTable.css

@@ -289,8 +289,8 @@ table[data-anv=simple-table-base] ._table-body_zx1bt_2 {
   line-height: revert-layer;
 }@layer starter, reset, base, state, application;
 @layer reset {
-  ._data-table-body-cell_1rxk3_2,
-  ._data-table-body-cell-input_1rxk3_3 {
+  ._data-table-body-cell_kmr30_2,
+  ._data-table-body-cell-input_kmr30_3 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -305,91 +305,104 @@ table[data-anv=simple-table-base] ._table-body_zx1bt_2 {
   }
 }
 @layer base {
-  ._table-body-cell_1rxk3_18,
-  ._table-header-cell_1rxk3_19,
-  ._table-footer-cell_1rxk3_20 {
+  ._table-body-cell_kmr30_18,
+  ._table-header-cell_kmr30_19,
+  ._table-footer-cell_kmr30_20 {
     display: flex;
     align-items: center;
   }
-  ._table-header-cell_1rxk3_19 {
+  ._table-header-cell_kmr30_19 {
     align-items: flex-end;
   }
-  ._data-table-body-cell_1rxk3_2 {
+  ._data-table-body-cell_kmr30_2 {
     align-items: center;
   }
 }
 @layer state {
-  ._data-table-body-cell_1rxk3_2:focus, ._data-table-body-cell_1rxk3_2:focus-within, ._data-table-body-cell_1rxk3_2._data-table-body-cell-editing_1rxk3_32,
-  ._data-table-header-cell_1rxk3_33:focus,
-  ._data-table-header-cell_1rxk3_33:focus-within,
-  ._data-table-header-cell_1rxk3_33._data-table-body-cell-editing_1rxk3_32,
-  ._data-table-footer-cell_1rxk3_36:focus,
-  ._data-table-footer-cell_1rxk3_36:focus-within,
-  ._data-table-footer-cell_1rxk3_36._data-table-body-cell-editing_1rxk3_32 {
+  ._data-table-body-cell_kmr30_2:focus, ._data-table-body-cell_kmr30_2:focus-within, ._data-table-body-cell_kmr30_2._data-table-body-cell-editing_kmr30_32,
+  ._data-table-header-cell_kmr30_33:focus,
+  ._data-table-header-cell_kmr30_33:focus-within,
+  ._data-table-header-cell_kmr30_33._data-table-body-cell-editing_kmr30_32,
+  ._data-table-footer-cell_kmr30_36:focus,
+  ._data-table-footer-cell_kmr30_36:focus-within,
+  ._data-table-footer-cell_kmr30_36._data-table-body-cell-editing_kmr30_32 {
     outline: 2px solid var(--focus-ring-color);
     outline-offset: -2px;
     position: relative;
   }
-  ._data-table-body-cell_1rxk3_2:focus button:focus-visible, ._data-table-body-cell_1rxk3_2:focus button:focus-visible ~ *,
-  ._data-table-body-cell_1rxk3_2:focus input:focus-visible,
-  ._data-table-body-cell_1rxk3_2:focus input:focus-visible ~ *, ._data-table-body-cell_1rxk3_2:focus-within button:focus-visible, ._data-table-body-cell_1rxk3_2:focus-within button:focus-visible ~ *,
-  ._data-table-body-cell_1rxk3_2:focus-within input:focus-visible,
-  ._data-table-body-cell_1rxk3_2:focus-within input:focus-visible ~ *, ._data-table-body-cell_1rxk3_2._data-table-body-cell-editing_1rxk3_32 button:focus-visible, ._data-table-body-cell_1rxk3_2._data-table-body-cell-editing_1rxk3_32 button:focus-visible ~ *,
-  ._data-table-body-cell_1rxk3_2._data-table-body-cell-editing_1rxk3_32 input:focus-visible,
-  ._data-table-body-cell_1rxk3_2._data-table-body-cell-editing_1rxk3_32 input:focus-visible ~ *,
-  ._data-table-header-cell_1rxk3_33:focus button:focus-visible,
-  ._data-table-header-cell_1rxk3_33:focus button:focus-visible ~ *,
-  ._data-table-header-cell_1rxk3_33:focus input:focus-visible,
-  ._data-table-header-cell_1rxk3_33:focus input:focus-visible ~ *,
-  ._data-table-header-cell_1rxk3_33:focus-within button:focus-visible,
-  ._data-table-header-cell_1rxk3_33:focus-within button:focus-visible ~ *,
-  ._data-table-header-cell_1rxk3_33:focus-within input:focus-visible,
-  ._data-table-header-cell_1rxk3_33:focus-within input:focus-visible ~ *,
-  ._data-table-header-cell_1rxk3_33._data-table-body-cell-editing_1rxk3_32 button:focus-visible,
-  ._data-table-header-cell_1rxk3_33._data-table-body-cell-editing_1rxk3_32 button:focus-visible ~ *,
-  ._data-table-header-cell_1rxk3_33._data-table-body-cell-editing_1rxk3_32 input:focus-visible,
-  ._data-table-header-cell_1rxk3_33._data-table-body-cell-editing_1rxk3_32 input:focus-visible ~ *,
-  ._data-table-footer-cell_1rxk3_36:focus button:focus-visible,
-  ._data-table-footer-cell_1rxk3_36:focus button:focus-visible ~ *,
-  ._data-table-footer-cell_1rxk3_36:focus input:focus-visible,
-  ._data-table-footer-cell_1rxk3_36:focus input:focus-visible ~ *,
-  ._data-table-footer-cell_1rxk3_36:focus-within button:focus-visible,
-  ._data-table-footer-cell_1rxk3_36:focus-within button:focus-visible ~ *,
-  ._data-table-footer-cell_1rxk3_36:focus-within input:focus-visible,
-  ._data-table-footer-cell_1rxk3_36:focus-within input:focus-visible ~ *,
-  ._data-table-footer-cell_1rxk3_36._data-table-body-cell-editing_1rxk3_32 button:focus-visible,
-  ._data-table-footer-cell_1rxk3_36._data-table-body-cell-editing_1rxk3_32 button:focus-visible ~ *,
-  ._data-table-footer-cell_1rxk3_36._data-table-body-cell-editing_1rxk3_32 input:focus-visible,
-  ._data-table-footer-cell_1rxk3_36._data-table-body-cell-editing_1rxk3_32 input:focus-visible ~ * {
+  ._data-table-body-cell_kmr30_2:focus button:focus-visible, ._data-table-body-cell_kmr30_2:focus button:focus-visible ~ *,
+  ._data-table-body-cell_kmr30_2:focus input:focus-visible,
+  ._data-table-body-cell_kmr30_2:focus input:focus-visible ~ *, ._data-table-body-cell_kmr30_2:focus-within button:focus-visible, ._data-table-body-cell_kmr30_2:focus-within button:focus-visible ~ *,
+  ._data-table-body-cell_kmr30_2:focus-within input:focus-visible,
+  ._data-table-body-cell_kmr30_2:focus-within input:focus-visible ~ *, ._data-table-body-cell_kmr30_2._data-table-body-cell-editing_kmr30_32 button:focus-visible, ._data-table-body-cell_kmr30_2._data-table-body-cell-editing_kmr30_32 button:focus-visible ~ *,
+  ._data-table-body-cell_kmr30_2._data-table-body-cell-editing_kmr30_32 input:focus-visible,
+  ._data-table-body-cell_kmr30_2._data-table-body-cell-editing_kmr30_32 input:focus-visible ~ *,
+  ._data-table-header-cell_kmr30_33:focus button:focus-visible,
+  ._data-table-header-cell_kmr30_33:focus button:focus-visible ~ *,
+  ._data-table-header-cell_kmr30_33:focus input:focus-visible,
+  ._data-table-header-cell_kmr30_33:focus input:focus-visible ~ *,
+  ._data-table-header-cell_kmr30_33:focus-within button:focus-visible,
+  ._data-table-header-cell_kmr30_33:focus-within button:focus-visible ~ *,
+  ._data-table-header-cell_kmr30_33:focus-within input:focus-visible,
+  ._data-table-header-cell_kmr30_33:focus-within input:focus-visible ~ *,
+  ._data-table-header-cell_kmr30_33._data-table-body-cell-editing_kmr30_32 button:focus-visible,
+  ._data-table-header-cell_kmr30_33._data-table-body-cell-editing_kmr30_32 button:focus-visible ~ *,
+  ._data-table-header-cell_kmr30_33._data-table-body-cell-editing_kmr30_32 input:focus-visible,
+  ._data-table-header-cell_kmr30_33._data-table-body-cell-editing_kmr30_32 input:focus-visible ~ *,
+  ._data-table-footer-cell_kmr30_36:focus button:focus-visible,
+  ._data-table-footer-cell_kmr30_36:focus button:focus-visible ~ *,
+  ._data-table-footer-cell_kmr30_36:focus input:focus-visible,
+  ._data-table-footer-cell_kmr30_36:focus input:focus-visible ~ *,
+  ._data-table-footer-cell_kmr30_36:focus-within button:focus-visible,
+  ._data-table-footer-cell_kmr30_36:focus-within button:focus-visible ~ *,
+  ._data-table-footer-cell_kmr30_36:focus-within input:focus-visible,
+  ._data-table-footer-cell_kmr30_36:focus-within input:focus-visible ~ *,
+  ._data-table-footer-cell_kmr30_36._data-table-body-cell-editing_kmr30_32 button:focus-visible,
+  ._data-table-footer-cell_kmr30_36._data-table-body-cell-editing_kmr30_32 button:focus-visible ~ *,
+  ._data-table-footer-cell_kmr30_36._data-table-body-cell-editing_kmr30_32 input:focus-visible,
+  ._data-table-footer-cell_kmr30_36._data-table-body-cell-editing_kmr30_32 input:focus-visible ~ * {
     outline: none;
   }
-  ._data-table-body-cell_1rxk3_2._data-table-body-cell-editing_1rxk3_32,
-  ._data-table-header-cell_1rxk3_33._data-table-body-cell-editing_1rxk3_32,
-  ._data-table-footer-cell_1rxk3_36._data-table-body-cell-editing_1rxk3_32 {
+  ._data-table-body-cell_kmr30_2._data-table-body-cell-editing_kmr30_32,
+  ._data-table-header-cell_kmr30_33._data-table-body-cell-editing_kmr30_32,
+  ._data-table-footer-cell_kmr30_36._data-table-body-cell-editing_kmr30_32 {
     box-shadow: inset 0px 0px 4px 1px var(--focus-ring-color);
   }
-  ._data-table-body-cell_1rxk3_2._data-table-body-cell-hovered_1rxk3_81 {
+  ._data-table-body-cell_kmr30_2._data-table-body-cell-hovered_kmr30_81 {
     --a2-table-cell-background-color: var(--a2-table-background-color);
   }
-  ._data-table-body-cell_1rxk3_2._data-table-body-cell-error_1rxk3_84 {
+  ._data-table-body-cell_kmr30_2._data-table-body-cell-error_kmr30_84 {
     outline: 2px solid var(--border-color-danger, #e13212);
     outline-offset: -2px;
     --a2-table-cell-font-color: var(--foreground-color-danger, #e13212);
     --a2-table-cell-empty-font-color: var(--foreground-color-danger, #e13212);
   }
-  ._data-table-body-cell_1rxk3_2._data-table-body-cell-error_1rxk3_84 > [data-anv=flex] {
+  ._data-table-body-cell_kmr30_2._data-table-body-cell-error_kmr30_84 > [data-anv=flex] {
     color: inherit;
   }
-  ._data-table-body-cell_1rxk3_2._data-table-body-cell-error_1rxk3_84:focus, ._data-table-body-cell_1rxk3_2._data-table-body-cell-error_1rxk3_84:focus-within {
+  ._data-table-body-cell_kmr30_2._data-table-body-cell-error_kmr30_84:focus, ._data-table-body-cell_kmr30_2._data-table-body-cell-error_kmr30_84:focus-within {
     outline: 2px solid var(--focus-ring-color);
   }
-  ._data-table-body-cell_1rxk3_2._data-table-body-cell-error_1rxk3_84._data-table-body-cell-editing_1rxk3_32 {
+  ._data-table-body-cell_kmr30_2._data-table-body-cell-error_kmr30_84._data-table-body-cell-editing_kmr30_32 {
     --a2-table-cell-font-color: inherit;
   }
-  ._cell-error-icon_1rxk3_99 {
-    color: var(--foreground-color-danger, #e13212);
+  ._data-table-body-cell_kmr30_2._data-table-body-cell-warning_kmr30_99 {
+    outline: 2px solid var(--status-color-warning, #ffbe00);
+    outline-offset: -2px;
+  }
+  ._data-table-body-cell_kmr30_2._data-table-body-cell-warning_kmr30_99:focus, ._data-table-body-cell_kmr30_2._data-table-body-cell-warning_kmr30_99:focus-within {
+    outline: 2px solid var(--focus-ring-color);
+  }
+  ._cell-error-icon_kmr30_106,
+  ._cell-warning-icon_kmr30_107 {
     flex-shrink: 0;
   }
+  ._cell-error-icon_kmr30_106 {
+    color: var(--foreground-color-danger, #e13212);
+  }
+  ._cell-warning-icon_kmr30_107 {
+    color: var(--status-color-warning, #ffbe00);
+  }
 }@layer starter, reset, base, state, application;
 @layer reset {
   ._data-table-body-row_3jgem_2 {

package/dist/{DateFieldRange-B1BR8K7C.js → DateFieldRange-C8Uzrboc.js}

@@ -1,17 +1,17 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { c as maskitoDateRangeOptionsGenerator, a as maskitoWithPlaceholder, u as useMaskito, b as maskitoParseDate } from './index.esm-C2ZhC_8d.js';
-import { T as TextField } from './TextField-Dn6HWZoH.js';
+import { T as TextField } from './TextField-DeHpgPag.js';
 import { forwardRef, useState, useRef, useEffect, useMemo, useImperativeHandle, useCallback } from 'react';
-import { u as useMergeRefs } from './floating-ui.react-S01OoTc9.js';
-import { I as Icon } from './Icon-Bgkq1egx.js';
+import { u as useMergeRefs } from './floating-ui.react-C_s3_nEb.js';
+import { I as Icon } from './Icon-DuIlne4x.js';
 import { D as DateModeToPlaceholderMap, a as DateModeToFormatMap, S as SvgEvent, j as jsDateToUtcDateTime, c as convertStringToDate, T as TimezoneMessage, i as isoToUtcDate, v as validateDate } from './TimezoneMessage-Cnsl4cHT.js';
 import { m as makeZeroShortcutPreprocessor } from './makeZeroShortcutPreprocessor-CxsiGTRW.js';
 import { u as usePrevious } from './usePrevious-Bvq-5auG.js';
 import { D as DateTime } from './luxon-wpz4A-OQ.js';
-import { a as Calendar } from './Calendar-M8K2O28r.js';
+import { a as Calendar } from './Calendar-SGlTt-bs.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
-import { P as Popover } from './Popover-CsVesD9_.js';
 import { m as mergeRefs } from './useMergeRefs-Dfmtq9cI.js';
+import { P as Popover } from './Popover-DxZF6lbJ.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 import { u as useFocusWithin } from './useFocusWithin-hi77jsrB.js';
@@ -517,57 +517,48 @@ const DateFieldRange = (props) => {
   if (disableCalendar) {
     return justTheField;
   }
-  return /* @__PURE__ */ jsx("div", { ...wrapperProps, children: /* @__PURE__ */ jsxs(
-    Popover,
-    {
-      ref: popoverRef,
-      placement: "bottom-start",
-      disableFlipFallback: true,
-      disableAutoUpdate: true,
-      children: [
-        /* @__PURE__ */ jsx(Popover.Trigger, { children: ({ ref: iRef, onKeyDown }) => {
-          const mergedRef = mergeRefs([
-            inputRef,
-            iRef
-          ]);
-          return /* @__PURE__ */ jsx(
-            MaskedDateRangeInput,
-            {
-              ...commonFieldProps,
-              ref: mergedRef,
-              onKeyDown: (ev) => {
-                onKeyDown?.(ev);
-                handleInputKeyDown(ev);
-              },
-              onClick: () => popoverRef.current?.openPopover(),
-              onFocus,
-              onBlur
-            }
-          );
-        } }),
-        /* @__PURE__ */ jsx(Popover.Content, { ref: popoverContentRef, "data-testid": "calendar-popover", children: /* @__PURE__ */ jsx(
-          DateFieldRangeCalendar,
-          {
-            startDate,
-            endDate,
-            onSelection: (v) => {
-              if (v.endDate) {
-                inputRef.current?.focus();
-                popoverRef.current?.closePopover();
-              }
-              handleCalendarSelection(v);
-            },
-            minDate,
-            maxDate,
-            unavailable,
-            timezone
+  return /* @__PURE__ */ jsx("div", { ...wrapperProps, children: /* @__PURE__ */ jsxs(Popover, { ref: popoverRef, placement: "bottom-start", role: "grid", children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { children: ({ ref: iRef, onKeyDown }) => {
+      const mergedRef = mergeRefs([
+        inputRef,
+        iRef
+      ]);
+      return /* @__PURE__ */ jsx(
+        MaskedDateRangeInput,
+        {
+          ...commonFieldProps,
+          ref: mergedRef,
+          onKeyDown: (ev) => {
+            onKeyDown?.(ev);
+            handleInputKeyDown(ev);
+          },
+          onClick: () => popoverRef.current?.openPopover(),
+          onFocus,
+          onBlur
+        }
+      );
+    } }),
+    /* @__PURE__ */ jsx(Popover.Content, { ref: popoverContentRef, "data-testid": "calendar-popover", children: /* @__PURE__ */ jsx(
+      DateFieldRangeCalendar,
+      {
+        startDate,
+        endDate,
+        onSelection: (v) => {
+          if (v.endDate) {
+            inputRef.current?.focus();
+            popoverRef.current?.closePopover();
           }
-        ) })
-      ]
-    }
-  ) });
+          handleCalendarSelection(v);
+        },
+        minDate,
+        maxDate,
+        unavailable,
+        timezone
+      }
+    ) })
+  ] }) });
 };
 DateFieldRange.displayName = "DateFieldRange";
 
 export { DateFieldRange as D, MaskedDateRangeInput as M, useDateFieldRangeState as a, DateFieldRangeCalendar as b, useDateFieldRangeConversion as u };
-//# sourceMappingURL=DateFieldRange-B1BR8K7C.js.map
+//# sourceMappingURL=DateFieldRange-C8Uzrboc.js.map

package/dist/DateFieldRange-C8Uzrboc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFieldRange-C8Uzrboc.js","sources":["../src/components/DateFieldRange/internal/maskito/dateRangePlaceholderMask.ts","../src/components/DateFieldRange/internal/MaskedDateRangeInput.tsx","../src/components/DateFieldRange/internal/useDateFieldRangeConversion.ts","../src/components/DateFieldRange/internal/useDateFieldRangeState.ts","../src/components/DateFieldRange/internal/DateFieldRangeCalendar.tsx","../src/components/DateFieldRange/internal/utils.ts","../src/components/DateFieldRange/DateFieldRange.tsx"],"sourcesContent":["import type { MaskitoOptions } from \"@maskito/core\";\nimport {\n  MaskitoDateMode,\n  maskitoDateRangeOptionsGenerator,\n  maskitoWithPlaceholder,\n} from \"@maskito/kit\";\nimport { makeZeroShortcutPreprocessor } from \"../../../DateFieldSingle/internal/maskito/makeZeroShortcutPreprocessor\";\n\nexport type DateMode = Extract<\n  MaskitoDateMode,\n  \"dd/mm/yyyy\" | \"mm/dd/yyyy\" | \"yyyy/mm/dd\"\n>;\n\nconst datePlaceholderMask = ({\n  mode,\n  dateSeparator = \"/\",\n  rangeSeparator = \" - \",\n  placeholder,\n}: {\n  mode: DateMode;\n  dateSeparator?: string;\n  rangeSeparator?: string;\n  placeholder: string;\n}) => {\n  const dateRangeOptions = maskitoDateRangeOptionsGenerator({\n    mode,\n    dateSeparator,\n    rangeSeparator,\n  });\n\n  const { plugins, removePlaceholder, ...placeholderOptions } =\n    maskitoWithPlaceholder(placeholder);\n\n  const datePlaceholderMask = {\n    ...dateRangeOptions,\n    plugins: plugins.concat(dateRangeOptions.plugins || []),\n    preprocessors: [\n      ...placeholderOptions.preprocessors,\n      ...dateRangeOptions.preprocessors,\n      makeZeroShortcutPreprocessor(placeholder, dateSeparator),\n    ],\n    postprocessors: [\n      // NOTE this is super fragile. If Maskito maintainers change the order of the post-processors, this will break.\n      // The last postprocessor is the date swap postprocessor, which we don't want to run.\n      // A unit test is added to ensure this doesn't break on a dependency update.\n      ...dateRangeOptions.postprocessors.slice(0, -1),\n      ...placeholderOptions.postprocessors,\n    ],\n  } satisfies Required<MaskitoOptions>;\n\n  return { options: datePlaceholderMask, removePlaceholder };\n};\n\nexport default datePlaceholderMask;\n","import { maskitoParseDate } from \"@maskito/kit\";\nimport { useMaskito } from \"@maskito/react\";\nimport { TextField, TextFieldProps } from \"../../TextField/internal/TextField\";\nimport {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useMergeRefs } from \"@floating-ui/react\";\nimport { DateTime } from \"luxon\";\nimport { Icon } from \"../../Icon\";\nimport Event from \"@servicetitan/hammer-icon/mdi/round/event.svg\";\nimport dateRangePlaceholderMask from \"./maskito/dateRangePlaceholderMask\";\nimport {\n  DateModeToFormatMap,\n  DateModeToPlaceholderMap,\n} from \"../../DateFieldSingle/internal/constants\";\nimport { DateMode } from \"../../DateFieldSingle/types\";\nimport { usePrevious } from \"../../../internal/hooks\";\nimport { jsDateToUtcDateTime } from \"../../DateFieldSingle/internal/utils\";\n\nconst RANGE_SEPARATOR = \" - \";\n\nexport type MaskedDateRangeInputChange = {\n  startDate: DateTime | null;\n  endDate: DateTime | null;\n  isInputValid: boolean;\n  isInputEmpty: boolean;\n};\n\nexport type MaskedDateRangeInputChangeHandler = (\n  change: MaskedDateRangeInputChange,\n) => void;\n\nexport type MaskedDateRangeInputProps = Omit<\n  TextFieldProps,\n  \"onChange\" | \"value\" | \"ref\" | \"showCounter\" | \"hint\" | \"prefix\"\n> & {\n  onChange: MaskedDateRangeInputChangeHandler;\n  mode?: DateMode;\n  startDate: DateTime | null;\n  endDate: DateTime | null;\n  disableHint?: boolean;\n};\n\nexport type MaskedDateRangeInputRef = HTMLInputElement & {\n  setDateRange: (startDate: DateTime | null, endDate: DateTime | null) => void;\n};\n\n/**\n * A masked date input component that allows for the input of a date in a specific format.\n *\n * Provides a `setDates` method that can be used to set the date from outside the component (e.g from a calendar).\n *\n * @internal This component is not intended to be used directly in consumer code.\n *\n * @param props - The props for the MaskedDateRangeInput component.\n * @param props.onChange - The function to call when the date changes.\n * @param props.mode - The mode of the date input.\n * @param props.startDate - The start date.\n * @param props.endDate - The end date.\n * @param props.disableHint - Whether to disable the hint.\n */\nexport const MaskedDateRangeInput = forwardRef<\n  MaskedDateRangeInputRef,\n  MaskedDateRangeInputProps\n>(\n  (\n    {\n      onChange,\n      mode = \"mm/dd/yyyy\",\n      startDate,\n      endDate,\n      disableHint = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const halfPlaceholder = DateModeToPlaceholderMap[mode];\n    const fullPlaceholder = `${halfPlaceholder}${RANGE_SEPARATOR}${halfPlaceholder}`;\n\n    // Tracks the value of the input as it is being typed.\n    const [inputValue, setInputValue] = useState(fullPlaceholder);\n\n    const { options, removePlaceholder } = dateRangePlaceholderMask({\n      mode,\n      placeholder: fullPlaceholder,\n      dateSeparator: \"/\",\n      rangeSeparator: RANGE_SEPARATOR,\n    });\n    const maskedInputRef = useMaskito({ options });\n    const inputRef = useRef<HTMLInputElement>(null);\n    const combinedRef = useMergeRefs([maskedInputRef, inputRef, ref]);\n    const previousStartDate = usePrevious(startDate);\n    const previousEndDate = usePrevious(endDate);\n    const previousMode = usePrevious(mode);\n\n    // Update the input value when the mode changes.\n    useEffect(() => {\n      if (mode !== previousMode) {\n        setInputValue((previousInputValue) =>\n          swapMode(previousInputValue, previousMode ?? mode, mode),\n        );\n      }\n    }, [mode, fullPlaceholder, previousMode]);\n\n    // Update the input value when the parent's start date or end date changes.\n    useEffect(() => {\n      if (startDate === undefined || endDate === undefined) return;\n      // Return early if the values haven't actually changed.\n      if (startDate === previousStartDate && endDate === previousEndDate)\n        return;\n      if (\n        // plus one just represents a date that is guaranteed to be different.\n        startDate?.equals(previousStartDate ?? startDate?.plus({ days: 1 })) &&\n        (endDate?.equals(previousEndDate ?? endDate?.plus({ days: 1 })) ||\n          endDate === previousEndDate)\n      )\n        return;\n      const startDateString =\n        startDate?.toFormat(DateModeToFormatMap[mode]) ?? halfPlaceholder;\n      const endDateString =\n        endDate?.toFormat(DateModeToFormatMap[mode]) ?? halfPlaceholder;\n      const newInputValue = `${startDateString}${RANGE_SEPARATOR}${endDateString}`;\n      setInputValue(newInputValue);\n    }, [\n      startDate,\n      endDate,\n      mode,\n      halfPlaceholder,\n      previousStartDate,\n      previousEndDate,\n    ]);\n\n    const currentParsedData = useMemo(() => {\n      return parseRangeInputValue(inputValue, mode, removePlaceholder);\n    }, [inputValue, mode, removePlaceholder]);\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      setInputValue(event.target.value);\n      const {\n        startDate: newlyParsedStartDate,\n        endDate: newlyParsedEndDate,\n        isInputValid,\n        isInputEmpty,\n        isHalfEmpty,\n      } = parseRangeInputValue(event.target.value, mode, removePlaceholder);\n\n      // We only want to call onChange for substantive changes.\n      // This is to avoid unnecessary re-renders of upstream components.\n      const isValueDifferent =\n        isInputValid !== currentParsedData.isInputValid || // The input has changed validity\n        isInputEmpty !== currentParsedData.isInputEmpty || // The input has changed emptiness\n        (newlyParsedStartDate === null) !==\n          (currentParsedData.startDate === null) || // The start date has changed from empty to non-empty or vice versa\n        (newlyParsedEndDate === null) !==\n          (currentParsedData.endDate === null) || // The end date has changed from empty to non-empty or vice versa\n        isHalfEmpty !== currentParsedData.isHalfEmpty || // The half has changed from empty to non-empty or vice versa\n        (newlyParsedStartDate !== null &&\n          currentParsedData.startDate !== null &&\n          !newlyParsedStartDate.equals(currentParsedData.startDate)) || // The start date has changed\n        (newlyParsedEndDate !== null &&\n          currentParsedData.endDate !== null &&\n          !newlyParsedEndDate.equals(currentParsedData.endDate)); // The end date has changed\n\n      // If the value has not changed, we do not need to call onChange.\n      if (!isValueDifferent) return;\n      onChange?.({\n        startDate: isInputEmpty\n          ? null\n          : (newlyParsedStartDate ?? startDate ?? null),\n        endDate:\n          isInputEmpty || isHalfEmpty\n            ? null\n            : (newlyParsedEndDate ?? endDate ?? null),\n        isInputValid,\n        isInputEmpty,\n      });\n    };\n\n    // Extend the input ref with additional methods.\n    // This provides a way to set the input value from outside the component.\n    useImperativeHandle(ref, () => {\n      const input = inputRef.current;\n      if (!input) return null as unknown as MaskedDateRangeInputRef;\n      return Object.assign(input, {\n        setDateRange: (\n          startDate: DateTime | null,\n          endDate: DateTime | null,\n        ) => {\n          const startDateString = startDate?.toFormat(\n            DateModeToFormatMap[mode],\n          );\n          const endDateString = endDate?.toFormat(DateModeToFormatMap[mode]);\n          const newInputValue = `${startDateString ?? halfPlaceholder}${RANGE_SEPARATOR}${endDateString ?? halfPlaceholder}`;\n          setInputValue(newInputValue);\n        },\n      });\n    }, [mode, halfPlaceholder]);\n\n    return (\n      <TextField\n        ref={combinedRef}\n        data-start-date={startDate?.toISODate() ?? \"\"}\n        data-end-date={endDate?.toISODate() ?? \"\"}\n        data-input-valid={currentParsedData.isInputValid}\n        data-input-empty={currentParsedData.isInputEmpty}\n        {...props}\n        showCounter={false}\n        value={inputValue}\n        onChange={handleChange}\n        prefix={<Icon svg={Event} />}\n        hint={disableHint ? undefined : `Format: ${mode}`}\n      />\n    );\n  },\n);\n\nMaskedDateRangeInput.displayName = \"MaskedDateRangeInput\";\n\nfunction parseRangeInputValue(\n  value: string,\n  mode: DateMode,\n  removePlaceholder: (value: string) => string,\n) {\n  const valueMinusPlaceholder = removePlaceholder(value);\n  const [startDate, endDate] = valueMinusPlaceholder.split(RANGE_SEPARATOR);\n  const startJsDate = maskitoParseDate(startDate, { mode });\n  const endJsDate = endDate ? maskitoParseDate(endDate, { mode }) : null;\n  const startLuxonDate = startJsDate ? jsDateToUtcDateTime(startJsDate) : null;\n  const endLuxonDate = endJsDate ? jsDateToUtcDateTime(endJsDate) : null;\n  return {\n    startDate: startLuxonDate,\n    endDate: endLuxonDate,\n    isInputValid: !!(startLuxonDate && endLuxonDate), // input valid if both dates are filled\n    isInputEmpty: valueMinusPlaceholder === \"\", // input empty if nothing is typed\n    isHalfEmpty: endDate === undefined,\n  };\n}\n\nfunction swapMode(inputString: string, previousMode: DateMode, mode: DateMode) {\n  const halves = inputString.split(RANGE_SEPARATOR);\n  const segments = halves.map((half) => half.split(\"/\"));\n\n  let startDay, startMonth, startYear, endDay, endMonth, endYear;\n  if (previousMode === \"mm/dd/yyyy\") {\n    startDay = segments[0][1];\n    startMonth = segments[0][0];\n    startYear = segments[0][2];\n    endDay = segments[1][1];\n    endMonth = segments[1][0];\n    endYear = segments[1][2];\n  }\n  if (previousMode === \"dd/mm/yyyy\") {\n    startDay = segments[0][0];\n    startMonth = segments[0][1];\n    startYear = segments[0][2];\n    endDay = segments[1][0];\n    endMonth = segments[1][1];\n    endYear = segments[1][2];\n  }\n  if (previousMode === \"yyyy/mm/dd\") {\n    startDay = segments[0][2];\n    startMonth = segments[0][1];\n    startYear = segments[0][0];\n    endDay = segments[1][2];\n    endMonth = segments[1][1];\n    endYear = segments[1][0];\n  }\n\n  if (mode === \"mm/dd/yyyy\") {\n    return `${startMonth}/${startDay}/${startYear}${RANGE_SEPARATOR}${endMonth}/${endDay}/${endYear}`;\n  }\n  if (mode === \"dd/mm/yyyy\") {\n    return `${startDay}/${startMonth}/${startYear}${RANGE_SEPARATOR}${endDay}/${endMonth}/${endYear}`;\n  }\n  if (mode === \"yyyy/mm/dd\") {\n    return `${startYear}/${startMonth}/${startDay}${RANGE_SEPARATOR}${endYear}/${endMonth}/${endDay}`;\n  }\n\n  return inputString;\n}\n","import { useCallback, useMemo } from \"react\";\nimport { DateFieldRangeChange, DateFieldRangeProps } from \"../DateFieldRange\";\nimport { convertStringToDate } from \"../../DateFieldSingle/internal/utils\";\nimport { DateTime } from \"luxon\";\n\n/**\n * This hook is used to convert the string props of a DateFieldRange component to a DateTime format.\n *\n * @param props - The props of the DateFieldRange component.\n * @returns The normalized value, defaultValue, minDate, maxDate, and unavailable dates in DateTime format.\n * @internal This hook is not intended to be used directly in consumer code.\n */\nexport const useDateFieldRangeConversion = (props: DateFieldRangeProps) => {\n  const { value, defaultValue, minDate, maxDate, unavailable, onChange } =\n    props;\n\n  const normalizedValue = useMemo(() => {\n    if (value === null || value === undefined) return value;\n    return {\n      startDate: convertStringToDate(value.startDate) ?? null,\n      endDate: convertStringToDate(value.endDate) ?? null,\n    };\n  }, [value]);\n\n  const normalizedDefaultValue = useMemo(() => {\n    if (defaultValue === null || defaultValue === undefined)\n      return defaultValue;\n    return {\n      startDate: convertStringToDate(defaultValue.startDate) ?? null,\n      endDate: convertStringToDate(defaultValue.endDate) ?? null,\n    };\n  }, [defaultValue]);\n\n  const normalizedMinDate = useMemo(\n    () => convertStringToDate(minDate),\n    [minDate],\n  );\n  const normalizedMaxDate = useMemo(\n    () => convertStringToDate(maxDate),\n    [maxDate],\n  );\n\n  const normalizedUnavailableDates = useMemo(() => {\n    return unavailable?.dates\n      ?.map((date) => convertStringToDate(date))\n      .filter((date) => date !== null && date !== undefined);\n  }, [unavailable?.dates]);\n\n  const handleChange = useCallback(\n    (\n      change: Omit<DateFieldRangeChange, \"startDate\" | \"endDate\"> & {\n        startDate: DateTime | null;\n        endDate: DateTime | null;\n      },\n    ) => {\n      onChange?.({\n        ...change,\n        startDate: change.startDate?.toISODate() ?? null,\n        endDate: change.endDate?.toISODate() ?? null,\n      });\n    },\n    [onChange],\n  );\n\n  return {\n    value: normalizedValue,\n    defaultValue: normalizedDefaultValue,\n    minDate: normalizedMinDate,\n    maxDate: normalizedMaxDate,\n    unavailable: {\n      dates: normalizedUnavailableDates,\n      daysOfWeek: unavailable?.daysOfWeek,\n    },\n    onChange: handleChange,\n  };\n};\n","import { DateTime } from \"luxon\";\nimport { useOptionallyControlledState } from \"../../../internal/hooks\";\nimport { MaskedDateRangeInputChange } from \"./MaskedDateRangeInput\";\n\nexport type DateFieldRangeStateChange = {\n  startDate: DateTime | null;\n  endDate: DateTime | null;\n  isInputValid: boolean;\n  isInputEmpty: boolean;\n};\n\nexport type DateFieldRangeStateChangeHandler = (\n  change: DateFieldRangeStateChange,\n) => void;\n\nexport type DateFieldRangeStateParam = {\n  /**\n   * The controlled value of the start date.\n   */\n  valueProp?: {\n    startDate: DateTime | null;\n    endDate: DateTime | null;\n  } | null;\n  /**\n   * The default value of the start date.\n   */\n  defaultValueProp?: {\n    startDate: DateTime | null;\n    endDate: DateTime | null;\n  } | null;\n  /**\n   * The function to call when the state changes.\n   */\n  onChange: DateFieldRangeStateChangeHandler;\n};\n\n/**\n * This hook is used to keep the state of a DateFieldRange component in sync with the input and calendar.\n */\nexport type DateFieldRangeState = {\n  /**\n   * The start date.\n   */\n  startDate: DateTime | null;\n  /**\n   * The end date.\n   */\n  endDate: DateTime | null;\n  /**\n   * The function to set the start date.\n   */\n  setStartDate: (date: DateTime | null) => void;\n  /**\n   * The function to set the end date.\n   */\n  setEndDate: (date: DateTime | null) => void;\n  /**\n   * The function to handle the input change.\n   */\n  handleInputChange: (change: MaskedDateRangeInputChange) => void;\n  /**\n   * The function to handle the calendar selection.\n   */\n  handleCalendarSelection: ({\n    startDate,\n    endDate,\n  }: {\n    startDate: DateTime | null;\n    endDate: DateTime | null;\n  }) => void;\n};\n\n/**\n * This is a hook for keeping state in sync between a date input and calendar.\n */\nexport function useDateFieldRangeState({\n  valueProp,\n  defaultValueProp,\n  onChange,\n}: DateFieldRangeStateParam): DateFieldRangeState {\n  const [startDate, setStartDate] =\n    useOptionallyControlledState<DateTime | null>({\n      controlledValue:\n        valueProp !== undefined ? valueProp?.startDate : undefined,\n      defaultValue:\n        defaultValueProp !== undefined\n          ? defaultValueProp?.startDate\n          : undefined,\n    });\n  const [endDate, setEndDate] = useOptionallyControlledState<DateTime | null>({\n    controlledValue: valueProp !== undefined ? valueProp?.endDate : undefined,\n    defaultValue:\n      defaultValueProp !== undefined ? defaultValueProp?.endDate : undefined,\n  });\n\n  const setSharedValue = (value: {\n    startDate: DateTime | null;\n    endDate: DateTime | null;\n  }) => {\n    setStartDate(value.startDate);\n    setEndDate(value.endDate);\n  };\n\n  const handleInputChange = (change: MaskedDateRangeInputChange) => {\n    const range = change.isInputEmpty\n      ? null\n      : {\n          startDate: change.startDate?.startOf(\"day\") ?? null,\n          endDate: change.endDate?.startOf(\"day\") ?? null,\n        };\n\n    onChange?.({\n      startDate: range?.startDate ?? null,\n      endDate: range?.endDate ?? null,\n      isInputValid: change.isInputValid,\n      isInputEmpty: change.isInputEmpty,\n    });\n\n    setStartDate(range?.startDate ?? null);\n    setEndDate(range?.endDate ?? null);\n  };\n\n  const handleCalendarSelection = ({\n    startDate,\n    endDate,\n  }: {\n    startDate: DateTime | null;\n    endDate: DateTime | null;\n  }) => {\n    setSharedValue({ startDate, endDate });\n    onChange?.({\n      startDate,\n      endDate,\n      isInputValid: true,\n      isInputEmpty: false,\n    });\n  };\n\n  return {\n    startDate,\n    endDate,\n    setStartDate,\n    setEndDate,\n    handleInputChange,\n    handleCalendarSelection,\n  };\n}\n","import { DateTime, WeekdayNumbers } from \"luxon\";\nimport { Calendar, CalendarRangeValue } from \"../../Calendar/Calendar\";\nimport { useMemo } from \"react\";\nimport { usePrevious } from \"../../../internal/hooks\";\nimport { IanaZone } from \"../../../types\";\nimport { TimezoneMessage } from \"../../DateFieldSingle/internal/TimezoneMessage\";\nimport { isoToUtcDate } from \"../../DateFieldSingle/internal/utils\";\n\nexport type DateFieldRangeCalendarProps = {\n  startDate: DateTime | null;\n  endDate: DateTime | null;\n  onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;\n  onSelection: ({\n    startDate,\n    endDate,\n  }: {\n    startDate: DateTime | null;\n    endDate: DateTime | null;\n  }) => void;\n  minDate?: DateTime | null;\n  maxDate?: DateTime | null;\n  unavailable?: {\n    dates?: DateTime[];\n    daysOfWeek?: WeekdayNumbers[];\n  };\n  timezone?: IanaZone;\n};\n\nexport const DateFieldRangeCalendar = ({\n  startDate,\n  endDate,\n  onKeyDown,\n  onSelection,\n  minDate,\n  maxDate,\n  unavailable,\n  timezone: timezoneProp,\n}: DateFieldRangeCalendarProps) => {\n  const previousStartDate = usePrevious(startDate);\n  const previousEndDate = usePrevious(endDate);\n\n  const timezone: IanaZone = useMemo(() => {\n    return (\n      timezoneProp ??\n      (Intl.DateTimeFormat().resolvedOptions().timeZone as IanaZone)\n    );\n  }, [timezoneProp]);\n\n  const handleCalendarSelection = (data: { value: CalendarRangeValue }) => {\n    if (!data.value) return;\n    const calStartDate = data.value.start\n      ? isoToUtcDate(data.value.start)\n      : null;\n    const calEndDate = data.value.end ? isoToUtcDate(data.value.end) : null;\n    onSelection({\n      startDate: calStartDate,\n      endDate: calEndDate,\n    });\n  };\n\n  const defaultFocusedDate = useMemo(() => {\n    const todayISODate = DateTime.now().setZone(timezone).toISODate();\n    // Nothing selected, focus today\n    if (!startDate && !endDate) return todayISODate;\n    if (!startDate) return endDate?.toISODate();\n    if (!endDate) return startDate?.toISODate();\n    if (endDate && !previousEndDate?.equals(endDate)) {\n      return endDate.toISODate();\n    } else if (startDate && !previousStartDate?.equals(startDate)) {\n      return startDate.toISODate();\n    }\n\n    if (endDate) return endDate.toISODate();\n    if (startDate) return startDate.toISODate();\n    return todayISODate;\n  }, [previousStartDate, previousEndDate, startDate, endDate, timezone]);\n\n  return (\n    <>\n      <Calendar\n        // Crappy hack because the Calendar does not update when the value changes.\n        key={`${startDate?.toISODate()}-${endDate?.toISODate()}`}\n        range={true}\n        onKeyDown={onKeyDown}\n        defaultFocusedDate={defaultFocusedDate}\n        value={{\n          start: startDate?.toISODate() || undefined,\n          end: endDate?.toISODate() || undefined,\n        }}\n        onSelection={handleCalendarSelection}\n        defaultTimeZone={timezone ?? \"UTC\"}\n        minDate={minDate?.toISODate() ?? undefined}\n        maxDate={maxDate?.toISODate() ?? undefined}\n        unavailable={\n          unavailable\n            ? {\n                dates: unavailable.dates?.map((d) => d.toISODate() ?? \"\"),\n                daysOfWeek: unavailable.daysOfWeek,\n              }\n            : undefined\n        }\n        _disableAutofocus\n        _disableFocus\n      />\n      <TimezoneMessage timezone={timezone} />\n    </>\n  );\n};\n","import { DateTime } from \"luxon\";\nimport { validateDate } from \"../../DateFieldSingle/internal/utils\";\n\ntype DateConstraints = {\n  unavailable?: {\n    dates?: DateTime[];\n    daysOfWeek?: number[];\n  };\n  minDate?: DateTime;\n  maxDate?: DateTime;\n};\n\nexport function validateDateRange({\n  required,\n  startDate,\n  endDate,\n  startDateConstraints,\n  endDateConstraints,\n}: {\n  required?: boolean;\n  startDate: DateTime | null;\n  endDate: DateTime | null;\n  startDateConstraints: DateConstraints;\n  endDateConstraints: DateConstraints;\n}) {\n  if (!required && !startDate && !endDate) return true;\n  return (\n    validateDate({\n      date: startDate,\n      constraints: { ...startDateConstraints, required: true },\n    }) &&\n    validateDate({\n      date: endDate,\n      constraints: { ...endDateConstraints, required: true },\n    }) &&\n    (!startDate || !endDate || startDate <= endDate)\n  );\n}\n","import { childrenToString } from \"../../internal/functions\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId, IanaZone } from \"../../types\";\nimport {\n  MaskedDateRangeInput,\n  MaskedDateRangeInputProps,\n  MaskedDateRangeInputRef,\n} from \"./internal/MaskedDateRangeInput\";\nimport { DateMode } from \"../DateFieldSingle/types\";\nimport { DateFieldRangeCalendar } from \"./internal/DateFieldRangeCalendar\";\nimport { Ref, useMemo, useRef } from \"react\";\nimport { useDateFieldRangeConversion } from \"./internal/useDateFieldRangeConversion\";\nimport {\n  DateFieldRangeStateChange,\n  useDateFieldRangeState,\n} from \"./internal/useDateFieldRangeState\";\nimport { useFocusWithin } from \"../../internal/hooks\";\nimport { validateDateRange } from \"./internal/utils\";\nimport Popover from \"../../internal/components/Popover\";\nimport { mergeRefs } from \"../../hooks/useMergeRefs/useMergeRefs\";\n\nexport type DateFieldRangeChange = {\n  /**\n   * The start date in ISO 8601 format.\n   * @example \"2025-03-22\"\n   */\n  startDate: string | null;\n  /**\n   * The end date in ISO 8601 format.\n   * @example \"2025-07-02\"\n   */\n  endDate: string | null;\n  /**\n   * Whether the input field contains two parsable dates.\n   * This is not the same as the date range being valid.\n   *\n   */\n  isInputValid: boolean;\n  /**\n   * Whether the input field is empty.\n   */\n  isInputEmpty: boolean;\n  /**\n   * Whether the start and end dates are valid according to the constraints.\n   * Constraints include:\n   * - Required\n   * - Unavailable dates\n   * - Unavailable days of the week\n   * - Min date\n   * - Max date\n   */\n  isDateRangeValid: boolean;\n};\n\nexport type DateFieldRangeChangeHandler = (\n  change: DateFieldRangeChange,\n) => void;\n\nexport type DateFieldRangeValue = {\n  startDate: string | null;\n  endDate: string | null;\n} | null;\n\nexport type DateFieldRangeProps = Omit<\n  MaskedDateRangeInputProps,\n  | \"onChange\"\n  | \"value\"\n  | \"autoComplete\"\n  | \"onClick\"\n  | \"onKeyDown\"\n  | \"ref\"\n  | \"required\"\n  | \"startDate\"\n  | \"endDate\"\n  | \"defaultValue\"\n  | \"onFocus\"\n  | \"onBlur\"\n> & {\n  value?: DateFieldRangeValue;\n  defaultValue?: DateFieldRangeValue;\n  onChange?: DateFieldRangeChangeHandler;\n  mode?: Extract<DateMode, \"mm/dd/yyyy\" | \"dd/mm/yyyy\">;\n  disableHint?: boolean;\n  disableCalendar?: boolean;\n  unavailable?: {\n    dates?: string[];\n    daysOfWeek?: (1 | 2 | 3 | 4 | 5 | 6 | 7)[];\n  };\n  minDate?: string;\n  maxDate?: string;\n  required?: boolean;\n  onFocus?: (event: React.FocusEvent) => void;\n  onBlur?: (event: React.FocusEvent) => void;\n  /**\n   * The IANA timezone to use for the calendar. Controls the meaning of the \"Today\"\n   * button and which month/year is initially displayed. When the timezone differs\n   * from the user's locale timezone, a disambiguation message is shown below the calendar.\n   * @example \"America/Los_Angeles\"\n   */\n  timezone?: IanaZone;\n} & DataTrackingId;\n\nexport const DateFieldRange = (props: DateFieldRangeProps) => {\n  const data = {\n    label: childrenToString(props.label),\n    labelProps: props.labelProps,\n    description: childrenToString(props.description),\n  };\n\n  const trackingId = useTrackingId({\n    name: \"DateFieldRange\",\n    data,\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n\n  const {\n    onFocus,\n    onBlur,\n    disableCalendar,\n    required,\n    mode,\n    label,\n    value: valueProp,\n    defaultValue: defaultValueProp,\n    minDate: minDateProp,\n    maxDate: maxDateProp,\n    unavailable: unavailableProp,\n    onChange: onChangeProp,\n    timezone,\n    ...rest\n  } = props;\n\n  const popoverRef = useRef<{\n    openPopover: () => void;\n    closePopover: () => void;\n  }>(null);\n\n  const handleInputKeyDown = (ev: React.KeyboardEvent<HTMLInputElement>) => {\n    if (ev.key === \"ArrowDown\") {\n      ev.preventDefault();\n      popoverRef.current?.openPopover();\n      requestAnimationFrame(() => {\n        popoverContentRef.current?.querySelector(\"button\")?.focus();\n      });\n    }\n  };\n\n  const { props: wrapperProps } = useFocusWithin({\n    onBlur: (e) => {\n      onBlur?.(e);\n      popoverRef.current?.closePopover();\n    },\n    onFocus: onFocus,\n  });\n\n  const { value, defaultValue, minDate, maxDate, unavailable, onChange } =\n    useDateFieldRangeConversion({\n      value: valueProp,\n      defaultValue: defaultValueProp,\n      minDate: minDateProp,\n      maxDate: maxDateProp,\n      unavailable: unavailableProp,\n      onChange: onChangeProp,\n    });\n\n  const inputRef = useRef<MaskedDateRangeInputRef>(null);\n  const popoverContentRef = useRef<HTMLDivElement>(null);\n\n  const handleChange = (change: DateFieldRangeStateChange) => {\n    const sharedConstraints = {\n      unavailable,\n      minDate: minDate ?? undefined,\n      maxDate: maxDate ?? undefined,\n    };\n\n    onChange?.({\n      startDate: change.startDate?.startOf(\"day\") ?? null,\n      endDate: change.endDate?.startOf(\"day\") ?? null,\n      isInputValid: change.isInputValid,\n      isInputEmpty: change.isInputEmpty,\n      isDateRangeValid: validateDateRange({\n        required: required,\n        startDate: change.startDate?.startOf(\"day\") ?? null,\n        endDate: change.endDate?.startOf(\"day\") ?? null,\n        startDateConstraints: sharedConstraints,\n        endDateConstraints: sharedConstraints,\n      }),\n    });\n  };\n\n  const { startDate, endDate, handleInputChange, handleCalendarSelection } =\n    useDateFieldRangeState({\n      valueProp: value,\n      defaultValueProp: defaultValue,\n      onChange: handleChange,\n    });\n\n  const currentValidity = useMemo(() => {\n    return validateDateRange({\n      required,\n      startDate,\n      endDate,\n      startDateConstraints: {\n        unavailable,\n        minDate: minDate ?? undefined,\n        maxDate: maxDate ?? undefined,\n      },\n      endDateConstraints: {\n        unavailable,\n        minDate: minDate ?? undefined,\n        maxDate: maxDate ?? undefined,\n      },\n    });\n  }, [required, startDate, endDate, minDate, maxDate, unavailable]);\n\n  const commonFieldProps = {\n    ...rest,\n    mode,\n    label,\n    onChange: handleInputChange,\n    startDate: startDate ?? null,\n    endDate: endDate ?? null,\n    required,\n    autoComplete: \"off\",\n    \"data-date-range-valid\": currentValidity,\n    \"data-tracking-id\": trackingId,\n    \"aria-label\": label ? undefined : \"Select a date range\",\n  };\n\n  const justTheField = (\n    <MaskedDateRangeInput {...commonFieldProps} ref={inputRef} />\n  );\n\n  if (disableCalendar) {\n    return justTheField;\n  }\n\n  return (\n    <div {...wrapperProps}>\n      <Popover ref={popoverRef} placement=\"bottom-start\" role=\"grid\">\n        <Popover.Trigger>\n          {({ ref: iRef, onKeyDown }) => {\n            const mergedRef = mergeRefs([\n              inputRef,\n              iRef as Ref<HTMLInputElement>,\n            ]);\n            return (\n              <MaskedDateRangeInput\n                {...commonFieldProps}\n                ref={mergedRef}\n                onKeyDown={(ev) => {\n                  onKeyDown?.(ev);\n                  handleInputKeyDown(ev);\n                }}\n                onClick={() => popoverRef.current?.openPopover()}\n                onFocus={onFocus}\n                onBlur={onBlur}\n              />\n            );\n          }}\n        </Popover.Trigger>\n        <Popover.Content ref={popoverContentRef} data-testid=\"calendar-popover\">\n          <DateFieldRangeCalendar\n            startDate={startDate}\n            endDate={endDate}\n            onSelection={(v) => {\n              if (v.endDate) {\n                inputRef.current?.focus();\n                popoverRef.current?.closePopover();\n              }\n              handleCalendarSelection(v);\n            }}\n            minDate={minDate}\n            maxDate={maxDate}\n            unavailable={unavailable}\n            timezone={timezone}\n          />\n        </Popover.Content>\n      </Popover>\n    </div>\n  );\n};\n\nDateFieldRange.displayName = \"DateFieldRange\";\n"],"names":["datePlaceholderMask","dateRangePlaceholderMask","startDate","endDate","Event"],"mappings":"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"}

package/dist/DateFieldRange.js

@@ -1,2 +1,2 @@
-export { D as DateFieldRange } from './DateFieldRange-B1BR8K7C.js';
+export { D as DateFieldRange } from './DateFieldRange-C8Uzrboc.js';
 //# sourceMappingURL=DateFieldRange.js.map

package/dist/{DateFieldSingle-CaWruBBO.js → DateFieldSingle-DrhLIjlK.js}

@@ -1,17 +1,17 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { P as Popover } from './Popover-CsVesD9_.js';
 import { forwardRef, useState, useRef, useEffect, useMemo, useImperativeHandle, useCallback } from 'react';
 import { m as maskitoDateOptionsGenerator, a as maskitoWithPlaceholder, u as useMaskito, b as maskitoParseDate } from './index.esm-C2ZhC_8d.js';
-import { T as TextField } from './TextField-Dn6HWZoH.js';
-import { u as useMergeRefs } from './floating-ui.react-S01OoTc9.js';
+import { T as TextField } from './TextField-DeHpgPag.js';
+import { u as useMergeRefs } from './floating-ui.react-C_s3_nEb.js';
 import { D as DateTime } from './luxon-wpz4A-OQ.js';
 import { m as makeZeroShortcutPreprocessor } from './makeZeroShortcutPreprocessor-CxsiGTRW.js';
-import { I as Icon } from './Icon-Bgkq1egx.js';
+import { I as Icon } from './Icon-DuIlne4x.js';
 import { D as DateModeToPlaceholderMap, a as DateModeToFormatMap, S as SvgEvent, j as jsDateToUtcDateTime, c as convertStringToDate, T as TimezoneMessage, i as isoToUtcDate, v as validateDate } from './TimezoneMessage-Cnsl4cHT.js';
 import { u as usePrevious } from './usePrevious-Bvq-5auG.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
-import { a as Calendar } from './Calendar-M8K2O28r.js';
+import { a as Calendar } from './Calendar-SGlTt-bs.js';
 import { m as mergeRefs } from './useMergeRefs-Dfmtq9cI.js';
+import { P as Popover } from './Popover-DxZF6lbJ.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 import { u as useFocusWithin } from './useFocusWithin-hi77jsrB.js';
@@ -405,54 +405,45 @@ const DateFieldSingle = (props) => {
   if (disableCalendar) {
     return /* @__PURE__ */ jsx(MaskedDateInput, { ref: inputRef, ...commonFieldProps });
   }
-  return /* @__PURE__ */ jsx("div", { ...wrapperProps, children: /* @__PURE__ */ jsxs(
-    Popover,
-    {
-      ref: popoverRef,
-      placement: "bottom-start",
-      disableFlipFallback: true,
-      disableAutoUpdate: true,
-      children: [
-        /* @__PURE__ */ jsx(Popover.Trigger, { children: ({ ref: iRef, onKeyDown }) => {
-          const mergedRef = mergeRefs([
-            iRef,
-            inputRef
-          ]);
-          return /* @__PURE__ */ jsx(
-            MaskedDateInput,
-            {
-              ...commonFieldProps,
-              ref: mergedRef,
-              onKeyDown: (ev) => {
-                onKeyDown?.(ev);
-                handleInputKeyDown(ev);
-              },
-              onClick: () => popoverRef.current?.openPopover(),
-              onFocus,
-              onBlur
-            }
-          );
-        } }),
-        /* @__PURE__ */ jsx(Popover.Content, { ref: popoverContentRef, "data-testid": "calendar-popover", children: /* @__PURE__ */ jsx(
-          DateFieldSingleCalendar,
-          {
-            value,
-            onSelection: (v) => {
-              inputRef.current?.focus();
-              handleCalendarSelection(v);
-              popoverRef.current?.closePopover();
-            },
-            minDate,
-            maxDate,
-            unavailable,
-            timezone
-          }
-        ) })
-      ]
-    }
-  ) });
+  return /* @__PURE__ */ jsx("div", { ...wrapperProps, children: /* @__PURE__ */ jsxs(Popover, { ref: popoverRef, placement: "bottom-start", role: "grid", children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { children: ({ ref: iRef, onKeyDown }) => {
+      const mergedRef = mergeRefs([
+        iRef,
+        inputRef
+      ]);
+      return /* @__PURE__ */ jsx(
+        MaskedDateInput,
+        {
+          ...commonFieldProps,
+          ref: mergedRef,
+          onKeyDown: (ev) => {
+            onKeyDown?.(ev);
+            handleInputKeyDown(ev);
+          },
+          onClick: () => popoverRef.current?.openPopover(),
+          onFocus,
+          onBlur
+        }
+      );
+    } }),
+    /* @__PURE__ */ jsx(Popover.Content, { ref: popoverContentRef, "data-testid": "calendar-popover", children: /* @__PURE__ */ jsx(
+      DateFieldSingleCalendar,
+      {
+        value,
+        onSelection: (v) => {
+          inputRef.current?.focus();
+          handleCalendarSelection(v);
+          popoverRef.current?.closePopover();
+        },
+        minDate,
+        maxDate,
+        unavailable,
+        timezone
+      }
+    ) })
+  ] }) });
 };
 DateFieldSingle.displayName = "DateFieldSingle";
 
 export { DateFieldSingle as D, MaskedDateInput as M, useDateFieldSingleState as a, DateFieldSingleCalendar as b, useDateFieldSingleConversion as u };
-//# sourceMappingURL=DateFieldSingle-CaWruBBO.js.map
+//# sourceMappingURL=DateFieldSingle-DrhLIjlK.js.map