linear-react-components-ui 2.1.0-beta.2 → 2.1.0-beta.3

package/lib/inputs2/date/datefield/base.js

@@ -17,12 +17,13 @@ import { Triggers } from "./triggers.js";
 import { DateFieldContext } from "./context.js";
 import v1 from "../../../node_modules/uuid/dist/v1.js";
 const InputBase = React.forwardRef((props, ref) => {
-  const $ = compilerRuntimeExports.c(183);
+  const $ = compilerRuntimeExports.c(186);
   let disabled;
   let errors;
   let label;
   let max;
   let min;
+  let onChange;
   let placeholder;
   let readOnly;
   let rest;
@@ -73,6 +74,7 @@ const InputBase = React.forwardRef((props, ref) => {
       shouldCloseOnSelect,
       min,
       max,
+      onChange,
       readOnly,
       disabled,
       ...rest
@@ -83,58 +85,60 @@ const InputBase = React.forwardRef((props, ref) => {
     $[3] = label;
     $[4] = max;
     $[5] = min;
-    $[6] = placeholder;
-    $[7] = readOnly;
-    $[8] = rest;
-    $[9] = shouldCloseOnSelect;
-    $[10] = t0;
-    $[11] = t1;
-    $[12] = t10;
-    $[13] = t11;
-    $[14] = t12;
-    $[15] = t13;
-    $[16] = t14;
-    $[17] = t15;
-    $[18] = t2;
-    $[19] = t3;
-    $[20] = t4;
-    $[21] = t5;
-    $[22] = t6;
-    $[23] = t7;
-    $[24] = t8;
-    $[25] = t9;
-    $[26] = tooltip;
-    $[27] = tooltipPosition;
-    $[28] = tooltipWidth;
+    $[6] = onChange;
+    $[7] = placeholder;
+    $[8] = readOnly;
+    $[9] = rest;
+    $[10] = shouldCloseOnSelect;
+    $[11] = t0;
+    $[12] = t1;
+    $[13] = t10;
+    $[14] = t11;
+    $[15] = t12;
+    $[16] = t13;
+    $[17] = t14;
+    $[18] = t15;
+    $[19] = t2;
+    $[20] = t3;
+    $[21] = t4;
+    $[22] = t5;
+    $[23] = t6;
+    $[24] = t7;
+    $[25] = t8;
+    $[26] = t9;
+    $[27] = tooltip;
+    $[28] = tooltipPosition;
+    $[29] = tooltipWidth;
   } else {
     disabled = $[1];
     errors = $[2];
     label = $[3];
     max = $[4];
     min = $[5];
-    placeholder = $[6];
-    readOnly = $[7];
-    rest = $[8];
-    shouldCloseOnSelect = $[9];
-    t0 = $[10];
-    t1 = $[11];
-    t10 = $[12];
-    t11 = $[13];
-    t12 = $[14];
-    t13 = $[15];
-    t14 = $[16];
-    t15 = $[17];
-    t2 = $[18];
-    t3 = $[19];
-    t4 = $[20];
-    t5 = $[21];
-    t6 = $[22];
-    t7 = $[23];
-    t8 = $[24];
-    t9 = $[25];
-    tooltip = $[26];
-    tooltipPosition = $[27];
-    tooltipWidth = $[28];
+    onChange = $[6];
+    placeholder = $[7];
+    readOnly = $[8];
+    rest = $[9];
+    shouldCloseOnSelect = $[10];
+    t0 = $[11];
+    t1 = $[12];
+    t10 = $[13];
+    t11 = $[14];
+    t12 = $[15];
+    t13 = $[16];
+    t14 = $[17];
+    t15 = $[18];
+    t2 = $[19];
+    t3 = $[20];
+    t4 = $[21];
+    t5 = $[22];
+    t6 = $[23];
+    t7 = $[24];
+    t8 = $[25];
+    t9 = $[26];
+    tooltip = $[27];
+    tooltipPosition = $[28];
+    tooltipWidth = $[29];
   }
   const returnValueType = t0 === void 0 ? "default" : t0;
   const customClass = t1 === void 0 ? "" : t1;
@@ -161,21 +165,21 @@ const InputBase = React.forwardRef((props, ref) => {
   const shouldCloseCalendarOnSelect = shouldCloseOnSelect ?? !isDateTime;
   const inputPlaceholder = placeholder ?? ptbrFormat;
   let t16;
-  if ($[29] !== min) {
+  if ($[30] !== min) {
     t16 = parseBoundary(min);
-    $[29] = min;
-    $[30] = t16;
+    $[30] = min;
+    $[31] = t16;
   } else {
-    t16 = $[30];
+    t16 = $[31];
   }
   const minDate = t16;
   let t17;
-  if ($[31] !== max) {
+  if ($[32] !== max) {
     t17 = parseBoundary(max);
-    $[31] = max;
-    $[32] = t17;
+    $[32] = max;
+    $[33] = t17;
   } else {
-    t17 = $[32];
+    t17 = $[33];
   }
   const maxDate = t17;
   const hasBounds = Boolean(minDate || maxDate);
@@ -206,44 +210,46 @@ const InputBase = React.forwardRef((props, ref) => {
     unmaskedValue,
     setMaskValue,
     handleOnPaste,
-    handleOnBeforeInput
+    handleOnBeforeInput,
+    handleOnKeyDownCapture
   } = useDateMask({
     inputRef: dateInputRef,
     variant,
     defaultValue: selectedDate?.format(ptbrFormat),
     undigitable,
+    readOnly,
     onCommit: (date) => handleUpdateDateState(date),
     onPaste: props.onPaste,
     onBeforeInput: props.onBeforeInput
   });
   let t18;
-  if ($[33] !== props.id || $[34] !== props.name) {
+  if ($[34] !== props.id || $[35] !== props.name) {
     t18 = props.id || props.name || v1();
-    $[33] = props.id;
-    $[34] = props.name;
-    $[35] = t18;
+    $[34] = props.id;
+    $[35] = props.name;
+    $[36] = t18;
   } else {
-    t18 = $[35];
+    t18 = $[36];
   }
   const inputId = t18;
   let t19;
-  if ($[36] !== props.label) {
+  if ($[37] !== props.label) {
     t19 = _.isEmpty(props?.label);
-    $[36] = props.label;
-    $[37] = t19;
+    $[37] = props.label;
+    $[38] = t19;
   } else {
-    t19 = $[37];
+    t19 = $[38];
   }
   const hasLabel = !t19;
   const hasHintMessages = Boolean(props.hint?.length);
   const hasValidationErrors = Boolean(errors?.length);
   let t20;
-  if ($[38] !== props.value) {
+  if ($[39] !== props.value) {
     t20 = _.isEmpty(props?.value);
-    $[38] = props.value;
-    $[39] = t20;
+    $[39] = props.value;
+    $[40] = t20;
   } else {
-    t20 = $[39];
+    t20 = $[40];
   }
   const hasValidDateSelected = !t20;
   const handleUpdateDateState = (date_0) => {
@@ -252,7 +258,7 @@ const InputBase = React.forwardRef((props, ref) => {
     setSelectedDate(date_0.clone());
     handleChangeActiveDescendant(date_0.format(TOKEN_ISO_FORMAT));
     handleChangeCalendarDisplayDate(date_0.clone());
-    props.onChange?.({
+    onChange?.({
       target: {
         name: props.name,
         value: returnValueType === "default" ? nonIsoDateFormat : isoDateFormat
@@ -263,9 +269,9 @@ const InputBase = React.forwardRef((props, ref) => {
     }
   };
   let t21;
-  if ($[40] !== handleSetCalendarBoxOpen || $[41] !== props || $[42] !== setMaskValue || $[43] !== setSelectedDate) {
+  if ($[41] !== handleSetCalendarBoxOpen || $[42] !== onChange || $[43] !== props.name || $[44] !== setMaskValue || $[45] !== setSelectedDate) {
     t21 = () => {
-      props.onChange?.({
+      onChange?.({
         target: {
           name: props.name,
           value: ""
@@ -275,17 +281,18 @@ const InputBase = React.forwardRef((props, ref) => {
       setMaskValue("");
       handleSetCalendarBoxOpen(false);
     };
-    $[40] = handleSetCalendarBoxOpen;
-    $[41] = props;
-    $[42] = setMaskValue;
-    $[43] = setSelectedDate;
-    $[44] = t21;
+    $[41] = handleSetCalendarBoxOpen;
+    $[42] = onChange;
+    $[43] = props.name;
+    $[44] = setMaskValue;
+    $[45] = setSelectedDate;
+    $[46] = t21;
   } else {
-    t21 = $[44];
+    t21 = $[46];
   }
   const handleOnClickClearSelectedDate = t21;
   let t22;
-  if ($[45] !== digits || $[46] !== handleChangeActiveDescendant || $[47] !== handleChangeCalendarDisplayDate || $[48] !== handleSetCalendarBoxOpen || $[49] !== props || $[50] !== ptbrFormat || $[51] !== selectedDate || $[52] !== setMaskValue || $[53] !== unmaskedValue || $[54] !== variant) {
+  if ($[47] !== digits || $[48] !== handleChangeActiveDescendant || $[49] !== handleChangeCalendarDisplayDate || $[50] !== handleSetCalendarBoxOpen || $[51] !== props || $[52] !== ptbrFormat || $[53] !== selectedDate || $[54] !== setMaskValue || $[55] !== unmaskedValue || $[56] !== variant) {
     t22 = (event) => {
       props?.onBlur?.(event);
       handleSetCalendarBoxOpen(false);
@@ -298,23 +305,23 @@ const InputBase = React.forwardRef((props, ref) => {
         }
       }
     };
-    $[45] = digits;
-    $[46] = handleChangeActiveDescendant;
-    $[47] = handleChangeCalendarDisplayDate;
-    $[48] = handleSetCalendarBoxOpen;
-    $[49] = props;
-    $[50] = ptbrFormat;
-    $[51] = selectedDate;
-    $[52] = setMaskValue;
-    $[53] = unmaskedValue;
-    $[54] = variant;
-    $[55] = t22;
+    $[47] = digits;
+    $[48] = handleChangeActiveDescendant;
+    $[49] = handleChangeCalendarDisplayDate;
+    $[50] = handleSetCalendarBoxOpen;
+    $[51] = props;
+    $[52] = ptbrFormat;
+    $[53] = selectedDate;
+    $[54] = setMaskValue;
+    $[55] = unmaskedValue;
+    $[56] = variant;
+    $[57] = t22;
   } else {
-    t22 = $[55];
+    t22 = $[57];
   }
   const handleOnBlur = t22;
   let t23;
-  if ($[56] !== handleChangeActiveDescendant || $[57] !== handleChangeCalendarDisplayDate || $[58] !== handleSetCalendarBoxOpen || $[59] !== openCalendarOnFocus || $[60] !== props || $[61] !== readOnly || $[62] !== selectedDate) {
+  if ($[58] !== handleChangeActiveDescendant || $[59] !== handleChangeCalendarDisplayDate || $[60] !== handleSetCalendarBoxOpen || $[61] !== openCalendarOnFocus || $[62] !== props || $[63] !== readOnly || $[64] !== selectedDate) {
     t23 = (event_0) => {
       props?.onFocus?.(event_0);
       handleChangeActiveDescendant((selectedDate ?? hooks()).format(TOKEN_ISO_FORMAT));
@@ -323,44 +330,44 @@ const InputBase = React.forwardRef((props, ref) => {
         handleSetCalendarBoxOpen(true);
       }
     };
-    $[56] = handleChangeActiveDescendant;
-    $[57] = handleChangeCalendarDisplayDate;
-    $[58] = handleSetCalendarBoxOpen;
-    $[59] = openCalendarOnFocus;
-    $[60] = props;
-    $[61] = readOnly;
-    $[62] = selectedDate;
-    $[63] = t23;
+    $[58] = handleChangeActiveDescendant;
+    $[59] = handleChangeCalendarDisplayDate;
+    $[60] = handleSetCalendarBoxOpen;
+    $[61] = openCalendarOnFocus;
+    $[62] = props;
+    $[63] = readOnly;
+    $[64] = selectedDate;
+    $[65] = t23;
   } else {
-    t23 = $[63];
+    t23 = $[65];
   }
   const handleOnFocus = t23;
   let t24;
-  if ($[64] !== handleKeyDownNavigation || $[65] !== props) {
+  if ($[66] !== handleKeyDownNavigation || $[67] !== props) {
     t24 = (event_1) => {
       props?.onKeyDown?.(event_1);
       handleKeyDownNavigation(event_1);
     };
-    $[64] = handleKeyDownNavigation;
-    $[65] = props;
-    $[66] = t24;
+    $[66] = handleKeyDownNavigation;
+    $[67] = props;
+    $[68] = t24;
   } else {
-    t24 = $[66];
+    t24 = $[68];
   }
   const handleOnKeyDown = t24;
   let t25;
-  if ($[67] !== handleUpdateDateState || $[68] !== selectedDate) {
+  if ($[69] !== handleUpdateDateState || $[70] !== selectedDate) {
     t25 = (hour, minute) => {
       if (!selectedDate) {
         return;
       }
       handleUpdateDateState(selectedDate.clone().hour(hour).minute(minute).second(0));
     };
-    $[67] = handleUpdateDateState;
-    $[68] = selectedDate;
-    $[69] = t25;
+    $[69] = handleUpdateDateState;
+    $[70] = selectedDate;
+    $[71] = t25;
   } else {
-    t25 = $[69];
+    t25 = $[71];
   }
   const handleSelectTime = t25;
   const handleSelectDay = (day) => {
@@ -368,35 +375,35 @@ const InputBase = React.forwardRef((props, ref) => {
     handleUpdateDateState(clampDateToBounds(dayWithTime, minDate, maxDate));
   };
   let t26;
-  if ($[70] !== props.value || $[71] !== ptbrFormat || $[72] !== setMaskValue || $[73] !== setSelectedDate || $[74] !== variant) {
+  if ($[72] !== props.value || $[73] !== ptbrFormat || $[74] !== setMaskValue || $[75] !== setSelectedDate || $[76] !== variant) {
     t26 = () => {
       const date_2 = parseDateValue(props?.value ?? null, variant);
       setSelectedDate(date_2.isValid() ? date_2 : null);
       setMaskValue(date_2.format(ptbrFormat));
     };
-    $[70] = props.value;
-    $[71] = ptbrFormat;
-    $[72] = setMaskValue;
-    $[73] = setSelectedDate;
-    $[74] = variant;
-    $[75] = t26;
+    $[72] = props.value;
+    $[73] = ptbrFormat;
+    $[74] = setMaskValue;
+    $[75] = setSelectedDate;
+    $[76] = variant;
+    $[77] = t26;
   } else {
-    t26 = $[75];
+    t26 = $[77];
   }
   const t27 = props?.value;
   let t28;
-  if ($[76] !== t27) {
+  if ($[78] !== t27) {
     t28 = [t27];
-    $[76] = t27;
-    $[77] = t28;
+    $[78] = t27;
+    $[79] = t28;
   } else {
-    t28 = $[77];
+    t28 = $[79];
   }
   React.useEffect(t26, t28);
   const t29 = Boolean(readOnly);
   const t30 = Boolean(disabled);
   let t31;
-  if ($[78] !== calendarState || $[79] !== handleOnClickClearSelectedDate || $[80] !== handleUpdateDateState || $[81] !== hasValidDateSelected || $[82] !== inputId || $[83] !== label || $[84] !== maskedValue || $[85] !== selectedDate || $[86] !== showCalendarButton || $[87] !== showClearDateButton || $[88] !== skeletonize || $[89] !== t29 || $[90] !== t30 || $[91] !== unmaskedValue) {
+  if ($[80] !== calendarState || $[81] !== handleOnClickClearSelectedDate || $[82] !== handleUpdateDateState || $[83] !== hasValidDateSelected || $[84] !== inputId || $[85] !== label || $[86] !== maskedValue || $[87] !== selectedDate || $[88] !== showCalendarButton || $[89] !== showClearDateButton || $[90] !== skeletonize || $[91] !== t29 || $[92] !== t30 || $[93] !== unmaskedValue) {
     t31 = {
       ...calendarState,
       label,
@@ -414,157 +421,158 @@ const InputBase = React.forwardRef((props, ref) => {
       handleOnClickClearSelectedDate,
       handleSelectDate: handleUpdateDateState
     };
-    $[78] = calendarState;
-    $[79] = handleOnClickClearSelectedDate;
-    $[80] = handleUpdateDateState;
-    $[81] = hasValidDateSelected;
-    $[82] = inputId;
-    $[83] = label;
-    $[84] = maskedValue;
-    $[85] = selectedDate;
-    $[86] = showCalendarButton;
-    $[87] = showClearDateButton;
-    $[88] = skeletonize;
-    $[89] = t29;
-    $[90] = t30;
-    $[91] = unmaskedValue;
-    $[92] = t31;
+    $[80] = calendarState;
+    $[81] = handleOnClickClearSelectedDate;
+    $[82] = handleUpdateDateState;
+    $[83] = hasValidDateSelected;
+    $[84] = inputId;
+    $[85] = label;
+    $[86] = maskedValue;
+    $[87] = selectedDate;
+    $[88] = showCalendarButton;
+    $[89] = showClearDateButton;
+    $[90] = skeletonize;
+    $[91] = t29;
+    $[92] = t30;
+    $[93] = unmaskedValue;
+    $[94] = t31;
   } else {
-    t31 = $[92];
+    t31 = $[94];
   }
   const contextValues = t31;
   let t32;
-  if ($[93] !== customClassLabel || $[94] !== disabled || $[95] !== hasHintMessages || $[96] !== hasLabel || $[97] !== hintPosition || $[98] !== inputId || $[99] !== label || $[100] !== labelUppercase || $[101] !== popoverAlign || $[102] !== props.hint || $[103] !== props.required || $[104] !== readOnly || $[105] !== skeletonize || $[106] !== themePopover) {
+  if ($[95] !== customClassLabel || $[96] !== disabled || $[97] !== hasHintMessages || $[98] !== hasLabel || $[99] !== hintPosition || $[100] !== inputId || $[101] !== label || $[102] !== labelUppercase || $[103] !== popoverAlign || $[104] !== props.hint || $[105] !== props.required || $[106] !== readOnly || $[107] !== skeletonize || $[108] !== themePopover) {
     t32 = hasLabel && /* @__PURE__ */ jsx(Label, { "data-testid": "test-date-field-label", label, inputId, hint: props?.hint, isDisabled: disabled, isReadOnly: readOnly, skeletonize, required: props?.required, hintPosition, themePopover, popoverAlign, labelUppercase, hasHintMessages, customClassLabel });
-    $[93] = customClassLabel;
-    $[94] = disabled;
-    $[95] = hasHintMessages;
-    $[96] = hasLabel;
-    $[97] = hintPosition;
-    $[98] = inputId;
-    $[99] = label;
-    $[100] = labelUppercase;
-    $[101] = popoverAlign;
-    $[102] = props.hint;
-    $[103] = props.required;
-    $[104] = readOnly;
-    $[105] = skeletonize;
-    $[106] = themePopover;
-    $[107] = t32;
+    $[95] = customClassLabel;
+    $[96] = disabled;
+    $[97] = hasHintMessages;
+    $[98] = hasLabel;
+    $[99] = hintPosition;
+    $[100] = inputId;
+    $[101] = label;
+    $[102] = labelUppercase;
+    $[103] = popoverAlign;
+    $[104] = props.hint;
+    $[105] = props.required;
+    $[106] = readOnly;
+    $[107] = skeletonize;
+    $[108] = themePopover;
+    $[109] = t32;
   } else {
-    t32 = $[107];
+    t32 = $[109];
   }
   let t33;
-  if ($[108] !== ref) {
+  if ($[110] !== ref) {
     t33 = mergeRefs(ref, dateInputRef);
-    $[108] = ref;
-    $[109] = t33;
+    $[110] = ref;
+    $[111] = t33;
   } else {
-    t33 = $[109];
+    t33 = $[111];
   }
   const t34 = props?.name;
   const t35 = !readOnly && !skeletonize ? 0 : -1;
   let t36;
-  if ($[110] !== activeDescendant || $[111] !== calendarBoxOpen || $[112] !== customClass || $[113] !== disabled || $[114] !== handleOnBeforeInput || $[115] !== handleOnBlur || $[116] !== handleOnFocus || $[117] !== handleOnKeyDown || $[118] !== handleOnPaste || $[119] !== hasValidationErrors || $[120] !== inputId || $[121] !== inputPlaceholder || $[122] !== maskedValue || $[123] !== readOnly || $[124] !== rest || $[125] !== skeletonize || $[126] !== t33 || $[127] !== t34 || $[128] !== t35 || $[129] !== textAlign || $[130] !== undigitable) {
-    t36 = /* @__PURE__ */ jsx(Input, { ...rest, ref: t33, id: inputId, name: t34, value: maskedValue, readOnly, disabled, customClass, tabIndex: t35, placeholder: inputPlaceholder, "aria-activedescendant": activeDescendant, "aria-expanded": calendarBoxOpen, "aria-controls": inputId, "aria-labelledby": inputId, "data-state-is-period-input": false, "data-testid": "test-date-field-input", "data-state-error": hasValidationErrors, "data-state-read-only": readOnly, "data-state-text-align": textAlign, "data-state-undigitable": undigitable, "data-state-skeletonize": skeletonize, onBlur: handleOnBlur, onFocus: handleOnFocus, onPaste: handleOnPaste, onKeyDown: handleOnKeyDown, onBeforeInput: handleOnBeforeInput });
-    $[110] = activeDescendant;
-    $[111] = calendarBoxOpen;
-    $[112] = customClass;
-    $[113] = disabled;
-    $[114] = handleOnBeforeInput;
-    $[115] = handleOnBlur;
-    $[116] = handleOnFocus;
-    $[117] = handleOnKeyDown;
-    $[118] = handleOnPaste;
-    $[119] = hasValidationErrors;
-    $[120] = inputId;
-    $[121] = inputPlaceholder;
-    $[122] = maskedValue;
-    $[123] = readOnly;
-    $[124] = rest;
-    $[125] = skeletonize;
-    $[126] = t33;
-    $[127] = t34;
-    $[128] = t35;
-    $[129] = textAlign;
-    $[130] = undigitable;
-    $[131] = t36;
+  if ($[112] !== activeDescendant || $[113] !== calendarBoxOpen || $[114] !== customClass || $[115] !== disabled || $[116] !== handleOnBeforeInput || $[117] !== handleOnBlur || $[118] !== handleOnFocus || $[119] !== handleOnKeyDown || $[120] !== handleOnKeyDownCapture || $[121] !== handleOnPaste || $[122] !== hasValidationErrors || $[123] !== inputId || $[124] !== inputPlaceholder || $[125] !== maskedValue || $[126] !== readOnly || $[127] !== rest || $[128] !== skeletonize || $[129] !== t33 || $[130] !== t34 || $[131] !== t35 || $[132] !== textAlign || $[133] !== undigitable) {
+    t36 = /* @__PURE__ */ jsx(Input, { ...rest, ref: t33, id: inputId, name: t34, value: maskedValue, readOnly, disabled, customClass, tabIndex: t35, placeholder: inputPlaceholder, "aria-activedescendant": activeDescendant, "aria-expanded": calendarBoxOpen, "aria-controls": inputId, "aria-labelledby": inputId, "data-state-is-period-input": false, "data-testid": "test-date-field-input", "data-state-error": hasValidationErrors, "data-state-read-only": readOnly, "data-state-text-align": textAlign, "data-state-undigitable": undigitable, "data-state-skeletonize": skeletonize, onBlur: handleOnBlur, onFocus: handleOnFocus, onPaste: handleOnPaste, onKeyDown: handleOnKeyDown, onKeyDownCapture: handleOnKeyDownCapture, onBeforeInput: handleOnBeforeInput });
+    $[112] = activeDescendant;
+    $[113] = calendarBoxOpen;
+    $[114] = customClass;
+    $[115] = disabled;
+    $[116] = handleOnBeforeInput;
+    $[117] = handleOnBlur;
+    $[118] = handleOnFocus;
+    $[119] = handleOnKeyDown;
+    $[120] = handleOnKeyDownCapture;
+    $[121] = handleOnPaste;
+    $[122] = hasValidationErrors;
+    $[123] = inputId;
+    $[124] = inputPlaceholder;
+    $[125] = maskedValue;
+    $[126] = readOnly;
+    $[127] = rest;
+    $[128] = skeletonize;
+    $[129] = t33;
+    $[130] = t34;
+    $[131] = t35;
+    $[132] = textAlign;
+    $[133] = undigitable;
+    $[134] = t36;
   } else {
-    t36 = $[131];
+    t36 = $[134];
   }
   let t37;
-  if ($[132] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[135] === Symbol.for("react.memo_cache_sentinel")) {
     t37 = /* @__PURE__ */ jsx(Triggers, {});
-    $[132] = t37;
+    $[135] = t37;
   } else {
-    t37 = $[132];
+    t37 = $[135];
   }
   let t38;
-  if ($[133] !== customClassInputContainer || $[134] !== dateContainerRef || $[135] !== skeletonize || $[136] !== t36) {
+  if ($[136] !== customClassInputContainer || $[137] !== dateContainerRef || $[138] !== skeletonize || $[139] !== t36) {
     t38 = /* @__PURE__ */ jsxs(Container, { ref: dateContainerRef, skeletonize, customClassInputContainer, children: [
       t36,
       t37
     ] });
-    $[133] = customClassInputContainer;
-    $[134] = dateContainerRef;
-    $[135] = skeletonize;
-    $[136] = t36;
-    $[137] = t38;
+    $[136] = customClassInputContainer;
+    $[137] = dateContainerRef;
+    $[138] = skeletonize;
+    $[139] = t36;
+    $[140] = t38;
   } else {
-    t38 = $[137];
+    t38 = $[140];
   }
   let t39;
-  if ($[138] !== activeDescendant || $[139] !== calendarBoxOpen || $[140] !== calendarDisplayDate || $[141] !== calendarRef || $[142] !== dateContainerRef || $[143] !== handleNextMonth || $[144] !== handlePreviousMonth || $[145] !== handleSelectDay || $[146] !== handleSelectTime || $[147] !== hasBounds || $[148] !== inputId || $[149] !== isDateTime || $[150] !== maxDate || $[151] !== minDate || $[152] !== selectedDate) {
+  if ($[141] !== activeDescendant || $[142] !== calendarBoxOpen || $[143] !== calendarDisplayDate || $[144] !== calendarRef || $[145] !== dateContainerRef || $[146] !== handleNextMonth || $[147] !== handlePreviousMonth || $[148] !== handleSelectDay || $[149] !== handleSelectTime || $[150] !== hasBounds || $[151] !== inputId || $[152] !== isDateTime || $[153] !== maxDate || $[154] !== minDate || $[155] !== selectedDate) {
     t39 = calendarBoxOpen && createPortal(/* @__PURE__ */ jsx(CalendarBox, { ref: calendarRef, testIdPrefix: "test-date-field", headerId: inputId, calendarBoxOpen, activeDescendant, calendarDisplayDate, containerRef: dateContainerRef, onNextMonth: handleNextMonth, onPreviousMonth: handlePreviousMonth, getDayState: (day_0) => ({
       isSelected: selectedDate ? day_0.isSame(selectedDate, "day") : false,
       ...hasBounds && {
         isDisabled: isDayOutOfBounds(day_0, minDate, maxDate)
       }
     }), onSelectDay: handleSelectDay, children: isDateTime && /* @__PURE__ */ jsx(TimeSelector, { value: selectedDate, onSelectTime: handleSelectTime, min: minDate, max: maxDate, testIdPrefix: "test-date-field" }) }), document.body);
-    $[138] = activeDescendant;
-    $[139] = calendarBoxOpen;
-    $[140] = calendarDisplayDate;
-    $[141] = calendarRef;
-    $[142] = dateContainerRef;
-    $[143] = handleNextMonth;
-    $[144] = handlePreviousMonth;
-    $[145] = handleSelectDay;
-    $[146] = handleSelectTime;
-    $[147] = hasBounds;
-    $[148] = inputId;
-    $[149] = isDateTime;
-    $[150] = maxDate;
-    $[151] = minDate;
-    $[152] = selectedDate;
-    $[153] = t39;
+    $[141] = activeDescendant;
+    $[142] = calendarBoxOpen;
+    $[143] = calendarDisplayDate;
+    $[144] = calendarRef;
+    $[145] = dateContainerRef;
+    $[146] = handleNextMonth;
+    $[147] = handlePreviousMonth;
+    $[148] = handleSelectDay;
+    $[149] = handleSelectTime;
+    $[150] = hasBounds;
+    $[151] = inputId;
+    $[152] = isDateTime;
+    $[153] = maxDate;
+    $[154] = minDate;
+    $[155] = selectedDate;
+    $[156] = t39;
   } else {
-    t39 = $[153];
+    t39 = $[156];
   }
   let t40;
-  if ($[154] !== disabled || $[155] !== hasHintMessages || $[156] !== hintPosition || $[157] !== props.hint || $[158] !== skeletonize) {
+  if ($[157] !== disabled || $[158] !== hasHintMessages || $[159] !== hintPosition || $[160] !== props.hint || $[161] !== skeletonize) {
     t40 = hintPosition === "below" && /* @__PURE__ */ jsx(Hint, { customClass: "hint", description: props.hint, disabled, skeletonize, visible: hasHintMessages });
-    $[154] = disabled;
-    $[155] = hasHintMessages;
-    $[156] = hintPosition;
-    $[157] = props.hint;
-    $[158] = skeletonize;
-    $[159] = t40;
+    $[157] = disabled;
+    $[158] = hasHintMessages;
+    $[159] = hintPosition;
+    $[160] = props.hint;
+    $[161] = skeletonize;
+    $[162] = t40;
   } else {
-    t40 = $[159];
+    t40 = $[162];
   }
   let t41;
-  if ($[160] !== errors || $[161] !== hasValidationErrors || $[162] !== props.name || $[163] !== skeletonize) {
+  if ($[163] !== errors || $[164] !== hasValidationErrors || $[165] !== props.name || $[166] !== skeletonize) {
     t41 = hasValidationErrors && /* @__PURE__ */ jsx("span", { "data-testid": "test-date-field-list-errors", className: "error", "data-state-skeletonize": skeletonize, "aria-describedby": String(props.name).concat("-errors"), children: errors?.map(_temp) });
-    $[160] = errors;
-    $[161] = hasValidationErrors;
-    $[162] = props.name;
-    $[163] = skeletonize;
-    $[164] = t41;
+    $[163] = errors;
+    $[164] = hasValidationErrors;
+    $[165] = props.name;
+    $[166] = skeletonize;
+    $[167] = t41;
   } else {
-    t41 = $[164];
+    t41 = $[167];
   }
   let t42;
-  if ($[165] !== customClassWrapper || $[166] !== hasValidationErrors || $[167] !== t32 || $[168] !== t38 || $[169] !== t39 || $[170] !== t40 || $[171] !== t41) {
+  if ($[168] !== customClassWrapper || $[169] !== hasValidationErrors || $[170] !== t32 || $[171] !== t38 || $[172] !== t39 || $[173] !== t40 || $[174] !== t41) {
     t42 = /* @__PURE__ */ jsxs(Root, { ref: inputRootRef, "data-testid": "test-date-field-root", customClassWrapper, hasValidationErrors, children: [
       t32,
       t38,
@@ -572,47 +580,47 @@ const InputBase = React.forwardRef((props, ref) => {
       t40,
       t41
     ] });
-    $[165] = customClassWrapper;
-    $[166] = hasValidationErrors;
-    $[167] = t32;
-    $[168] = t38;
-    $[169] = t39;
-    $[170] = t40;
-    $[171] = t41;
-    $[172] = t42;
+    $[168] = customClassWrapper;
+    $[169] = hasValidationErrors;
+    $[170] = t32;
+    $[171] = t38;
+    $[172] = t39;
+    $[173] = t40;
+    $[174] = t41;
+    $[175] = t42;
   } else {
-    t42 = $[172];
+    t42 = $[175];
   }
   let t43;
-  if ($[173] !== contextValues || $[174] !== t42) {
+  if ($[176] !== contextValues || $[177] !== t42) {
     t43 = /* @__PURE__ */ jsx(DateFieldContext.Provider, { value: contextValues, children: t42 });
-    $[173] = contextValues;
-    $[174] = t42;
-    $[175] = t43;
+    $[176] = contextValues;
+    $[177] = t42;
+    $[178] = t43;
   } else {
-    t43 = $[175];
+    t43 = $[178];
   }
   let t44;
-  if ($[176] !== tooltip || $[177] !== tooltipPosition || $[178] !== tooltipWidth) {
+  if ($[179] !== tooltip || $[180] !== tooltipPosition || $[181] !== tooltipWidth) {
     t44 = /* @__PURE__ */ jsx(Tooltip, { targetRef: inputRootRef, text: tooltip, width: tooltipWidth, position: tooltipPosition });
-    $[176] = tooltip;
-    $[177] = tooltipPosition;
-    $[178] = tooltipWidth;
-    $[179] = t44;
+    $[179] = tooltip;
+    $[180] = tooltipPosition;
+    $[181] = tooltipWidth;
+    $[182] = t44;
   } else {
-    t44 = $[179];
+    t44 = $[182];
   }
   let t45;
-  if ($[180] !== t43 || $[181] !== t44) {
+  if ($[183] !== t43 || $[184] !== t44) {
     t45 = /* @__PURE__ */ jsxs(React.Fragment, { children: [
       t43,
       t44
     ] });
-    $[180] = t43;
-    $[181] = t44;
-    $[182] = t45;
+    $[183] = t43;
+    $[184] = t44;
+    $[185] = t45;
   } else {
-    t45 = $[182];
+    t45 = $[185];
   }
   return t45;
 });