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

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

@@ -14,12 +14,12 @@ import { Label, Root, Container, Input } from "../base/index.js";
 import { useDateMask } from "../hooks/useDateMask.js";
 import { useDateCalendarState } from "../hooks/useDateCalendarState.js";
 import { TimeSelector } from "../timeselector.js";
-import { getDateFormats, parseBoundary, TOKEN_ISO_FORMAT, getPredefinedPeriodRange, clampDateToBounds, isDayOutOfBounds, parseDateValue } from "../helpers.js";
+import { parseBoundary, TOKEN_ISO_FORMAT, parseDateValue, getDateFormats, getPredefinedPeriodRange, clampDateToBounds, isDayOutOfBounds, resolveAssumedTime, completePartialDateTime, getTimeSelection, formatPartialDateTime } from "../helpers.js";
 import { CalendarBox } from "../calendarbox.js";
 import { Triggers } from "./triggers.js";
 import { DatePeriodFieldContext } from "./context.js";
 const InputBase = React.forwardRef((props, __) => {
-  const $ = compilerRuntimeExports.c(211);
+  const $ = compilerRuntimeExports.c(155);
   const {
     label,
     errors,
@@ -178,32 +178,32 @@ const InputBase = React.forwardRef((props, __) => {
     onBeforeInput: props.onBeforeInput
   });
   let t22;
-  if ($[7] !== props.label) {
-    t22 = _.isEmpty(props?.label);
-    $[7] = props.label;
-    $[8] = t22;
+  if ($[7] !== finalUnmaskedValue || $[8] !== initialUnmaskedValue || $[9] !== variant) {
+    t22 = (inputType) => getTimeSelection(inputType === "initial" ? initialUnmaskedValue : finalUnmaskedValue, variant);
+    $[7] = finalUnmaskedValue;
+    $[8] = initialUnmaskedValue;
+    $[9] = variant;
+    $[10] = t22;
   } else {
-    t22 = $[8];
+    t22 = $[10];
   }
-  const hasLabel = !t22;
-  const hasHintMessages = Boolean(props.hint?.length);
-  const hasValidationErrors = Boolean(errors?.length);
+  const timeSelectionOf = t22;
+  const activeTimeSelection = timeSelectionOf(activeInputType);
   let t23;
-  if ($[9] !== finalName || $[10] !== initialName || $[11] !== props.value) {
-    t23 = () => {
-      const objectValue = props?.value;
-      const isValidInitialValue = !_.isEmpty(objectValue[initialName]);
-      const isValidFinalValue = !_.isEmpty(objectValue[finalName]);
-      return isValidInitialValue && isValidFinalValue;
-    };
-    $[9] = finalName;
-    $[10] = initialName;
-    $[11] = props.value;
+  if ($[11] !== props.label) {
+    t23 = _.isEmpty(props?.label);
+    $[11] = props.label;
     $[12] = t23;
   } else {
     t23 = $[12];
   }
-  const verifyPeriodSelectedIsValid = t23;
+  const hasLabel = !t23;
+  const hasHintMessages = Boolean(props.hint?.length);
+  const hasValidationErrors = Boolean(errors?.length);
+  const objectValue = props?.value;
+  const receivedInitialValue = _.toString(objectValue?.[initialName]);
+  const receivedFinalValue = _.toString(objectValue?.[finalName]);
+  const verifyPeriodSelectedIsValid = () => !_.isEmpty(receivedInitialValue) && !_.isEmpty(receivedFinalValue);
   const emitPeriodChange = (inicial, final) => {
     onChange?.({
       target: {
@@ -216,7 +216,7 @@ const InputBase = React.forwardRef((props, __) => {
     });
   };
   let t24;
-  if ($[13] !== finalName || $[14] !== handleSetCalendarBoxOpen || $[15] !== initialName || $[16] !== onChange || $[17] !== props.name || $[18] !== setFinalMaskValue || $[19] !== setInitialMaskValue || $[20] !== setSelectedDate) {
+  if ($[13] !== finalName || $[14] !== handleSetCalendarBoxOpen || $[15] !== initialName || $[16] !== onChange || $[17] !== props.name || $[18] !== setFinalMaskValue || $[19] !== setInitialMaskValue) {
     t24 = () => {
       onChange?.({
         target: {
@@ -239,16 +239,15 @@ const InputBase = React.forwardRef((props, __) => {
     $[17] = props.name;
     $[18] = setFinalMaskValue;
     $[19] = setInitialMaskValue;
-    $[20] = setSelectedDate;
-    $[21] = t24;
+    $[20] = t24;
   } else {
-    t24 = $[21];
+    t24 = $[20];
   }
   const handleOnClickClearSelectedPeriod = t24;
   const handleChangeUpdateDateState = (params) => {
     const {
       date: date_1,
-      inputType,
+      inputType: inputType_0,
       typing
     } = params;
     const rawDate = date_1.clone();
@@ -266,7 +265,7 @@ const InputBase = React.forwardRef((props, __) => {
         final: final_0
       };
     };
-    bb209: switch (inputType) {
+    bb223: switch (inputType_0) {
       case "initial": {
         setSelectedDate((prevSelectedDate_0) => {
           const {
@@ -285,11 +284,11 @@ const InputBase = React.forwardRef((props, __) => {
         } = resolveDateRange(rawDate, selectedDate.final);
         emitPeriodChange(inicial_4, final_4);
         requestAnimationFrame(() => {
-          if (!typing) {
+          if (!typing && !isDateTime) {
             finalInputRef.current?.focus?.();
           }
         });
-        break bb209;
+        break bb223;
       }
       case "final": {
         setSelectedDate((prevSelectedDate) => {
@@ -311,315 +310,303 @@ const InputBase = React.forwardRef((props, __) => {
         if (shouldCloseCalendarOnSelect) {
           handleSetCalendarBoxOpen(false);
         }
-        break bb209;
+        break bb223;
       }
     }
     handleChangeActiveDescendant(rawDate.format(TOKEN_ISO_FORMAT));
     handleChangeCalendarDisplayDate(rawDate.clone());
   };
   let t25;
-  if ($[22] !== finalName || $[23] !== handleSetCalendarBoxOpen || $[24] !== initialName || $[25] !== isoFormat || $[26] !== maxDate || $[27] !== minDate || $[28] !== onChange || $[29] !== props.name || $[30] !== returnValueType || $[31] !== setSelectedDate || $[32] !== shouldCloseCalendarOnSelect) {
-    t25 = (period) => {
-      const localOnChange = (initialDate_0, finalDate_0) => {
-        const valueToUpdate = {
-          [initialName]: returnValueType === "default" ? initialDate_0.format(isoFormat) : initialDate_0.toISOString(),
-          [finalName]: returnValueType === "default" ? finalDate_0.format(isoFormat) : finalDate_0.toISOString()
-        };
-        setSelectedDate(() => {
-          const updatedState_1 = {
-            inicial: initialDate_0.clone(),
-            final: finalDate_0.clone()
-          };
-          return updatedState_1;
-        });
-        onChange?.({
-          target: {
-            name: props.name,
-            value: valueToUpdate
-          }
-        });
-      };
+  if ($[21] !== handleChangeActiveDescendant || $[22] !== handleChangeCalendarDisplayDate || $[23] !== setFinalMaskValue || $[24] !== setInitialMaskValue) {
+    t25 = (params_0) => {
       const {
-        initialDate: initialDate_1,
-        finalDate: finalDate_1
-      } = getPredefinedPeriodRange(period);
-      localOnChange(clampDateToBounds(initialDate_1, minDate, maxDate), clampDateToBounds(finalDate_1, minDate, maxDate));
-      finalInputRef?.current?.focus?.();
-      if (shouldCloseCalendarOnSelect) {
-        handleSetCalendarBoxOpen(false);
-      }
+        date: date_2,
+        inputType: inputType_1,
+        hour,
+        minute
+      } = params_0;
+      setSelectedDate((prevSelectedDate_1) => inputType_1 === "initial" ? {
+        ...prevSelectedDate_1,
+        inicial: date_2.clone()
+      } : {
+        ...prevSelectedDate_1,
+        final: date_2.clone()
+      });
+      const setMaskValue = inputType_1 === "initial" ? setInitialMaskValue : setFinalMaskValue;
+      setMaskValue(formatPartialDateTime(date_2, hour, minute));
+      handleChangeActiveDescendant(date_2.format(TOKEN_ISO_FORMAT));
+      handleChangeCalendarDisplayDate(date_2.clone());
     };
-    $[22] = finalName;
-    $[23] = handleSetCalendarBoxOpen;
-    $[24] = initialName;
-    $[25] = isoFormat;
-    $[26] = maxDate;
-    $[27] = minDate;
-    $[28] = onChange;
-    $[29] = props.name;
-    $[30] = returnValueType;
-    $[31] = setSelectedDate;
-    $[32] = shouldCloseCalendarOnSelect;
-    $[33] = t25;
+    $[21] = handleChangeActiveDescendant;
+    $[22] = handleChangeCalendarDisplayDate;
+    $[23] = setFinalMaskValue;
+    $[24] = setInitialMaskValue;
+    $[25] = t25;
   } else {
-    t25 = $[33];
+    t25 = $[25];
   }
-  const handleChangeUpdateDateStateWithPredefinedPeriod = t25;
-  let handleOnBlurMaskInput;
-  if ($[34] !== calendarBoxOpen || $[35] !== digits || $[36] !== emitPeriodChange || $[37] !== finalInputName || $[38] !== finalUnmaskedValue || $[39] !== handleChangeActiveDescendant || $[40] !== handleChangeCalendarDisplayDate || $[41] !== handleSetCalendarBoxOpen || $[42] !== initialInputName || $[43] !== initialUnmaskedValue || $[44] !== props || $[45] !== ptbrFormat || $[46] !== selectedDate || $[47] !== setFinalMaskValue || $[48] !== setInitialMaskValue || $[49] !== setSelectedDate) {
-    handleOnBlurMaskInput = (event, inputType_0) => {
-      props?.onBlur?.(event);
-      if (inputType_0 === "initial") {
-        if (event.relatedTarget?.id !== finalInputName) {
-          handleSetCalendarBoxOpen(false);
-        }
-        if (calendarBoxOpen) {
-          handleChangeActiveDescendant((selectedDate.inicial ?? hooks()).format(TOKEN_ISO_FORMAT));
-          handleChangeCalendarDisplayDate(selectedDate.inicial ?? hooks());
-        }
-        if (_.size(initialUnmaskedValue) !== digits) {
-          const date_2 = hooks(selectedDate.inicial, TOKEN_ISO_FORMAT);
-          if (date_2.isValid()) {
-            setInitialMaskValue(date_2.format(ptbrFormat));
-          }
-        }
-      }
-      if (inputType_0 === "final") {
-        if (event.relatedTarget?.id !== initialInputName) {
-          handleSetCalendarBoxOpen(false);
-        }
-        if (calendarBoxOpen) {
-          handleChangeActiveDescendant((selectedDate.final ?? hooks()).format(TOKEN_ISO_FORMAT));
-          handleChangeCalendarDisplayDate(selectedDate.final ?? hooks());
-        }
-        if (_.size(finalUnmaskedValue) !== digits) {
-          const date_3 = hooks(selectedDate.final, TOKEN_ISO_FORMAT);
-          if (date_3.isValid()) {
-            setFinalMaskValue(date_3.format(ptbrFormat));
-          }
+  const handleUpdateDraftState = t25;
+  const handleChangeUpdateDateStateWithPredefinedPeriod = (period) => {
+    const localOnChange = (initialDate_0, finalDate_0) => {
+      const valueToUpdate = {
+        [initialName]: returnValueType === "default" ? initialDate_0.format(isoFormat) : initialDate_0.toISOString(),
+        [finalName]: returnValueType === "default" ? finalDate_0.format(isoFormat) : finalDate_0.toISOString()
+      };
+      setSelectedDate(() => {
+        const updatedState_1 = {
+          inicial: initialDate_0.clone(),
+          final: finalDate_0.clone()
+        };
+        return updatedState_1;
+      });
+      onChange?.({
+        target: {
+          name: props.name,
+          value: valueToUpdate
         }
-      }
-      handleReorderPeriodOnBlur();
-    };
-    const handleReorderPeriodOnBlur = () => {
-      const {
-        inicial: inicial_5,
-        final: final_5
-      } = selectedDate;
-      if (!inicial_5 || !final_5 || !inicial_5.isAfter(final_5)) {
-        return;
-      }
-      setSelectedDate({
-        inicial: final_5,
-        final: inicial_5
       });
-      setInitialMaskValue(final_5.format(ptbrFormat));
-      setFinalMaskValue(inicial_5.format(ptbrFormat));
-      emitPeriodChange(final_5, inicial_5);
     };
-    $[34] = calendarBoxOpen;
-    $[35] = digits;
-    $[36] = emitPeriodChange;
-    $[37] = finalInputName;
-    $[38] = finalUnmaskedValue;
-    $[39] = handleChangeActiveDescendant;
-    $[40] = handleChangeCalendarDisplayDate;
-    $[41] = handleSetCalendarBoxOpen;
-    $[42] = initialInputName;
-    $[43] = initialUnmaskedValue;
-    $[44] = props;
-    $[45] = ptbrFormat;
-    $[46] = selectedDate;
-    $[47] = setFinalMaskValue;
-    $[48] = setInitialMaskValue;
-    $[49] = setSelectedDate;
-    $[50] = handleOnBlurMaskInput;
-  } else {
-    handleOnBlurMaskInput = $[50];
-  }
+    const {
+      initialDate: initialDate_1,
+      finalDate: finalDate_1
+    } = getPredefinedPeriodRange(period);
+    localOnChange(clampDateToBounds(initialDate_1, minDate, maxDate), clampDateToBounds(finalDate_1, minDate, maxDate));
+    finalInputRef?.current?.focus?.();
+    if (shouldCloseCalendarOnSelect) {
+      handleSetCalendarBoxOpen(false);
+    }
+  };
+  const handleCompleteDraftOnBlur = (inputType_2) => {
+    const unmaskedValue = inputType_2 === "initial" ? initialUnmaskedValue : finalUnmaskedValue;
+    const completedDate = completePartialDateTime({
+      unmaskedValue,
+      variant,
+      min: minDate,
+      max: maxDate
+    });
+    if (!completedDate) {
+      return false;
+    }
+    const inicial_5 = inputType_2 === "initial" ? completedDate : selectedDate.inicial;
+    const final_5 = inputType_2 === "final" ? completedDate : selectedDate.final;
+    const isInverted = Boolean(inicial_5 && final_5 && inicial_5.isAfter(final_5));
+    const ordered = isInverted ? {
+      inicial: final_5,
+      final: inicial_5
+    } : {
+      inicial: inicial_5,
+      final: final_5
+    };
+    setSelectedDate(ordered);
+    if (ordered.inicial) {
+      setInitialMaskValue(ordered.inicial.format(ptbrFormat));
+    }
+    if (ordered.final) {
+      setFinalMaskValue(ordered.final.format(ptbrFormat));
+    }
+    emitPeriodChange(ordered.inicial, ordered.final);
+    return true;
+  };
+  const handleOnBlurMaskInput = (event, inputType_3) => {
+    props?.onBlur?.(event);
+    const isInitialInput = inputType_3 === "initial";
+    const siblingInputName = isInitialInput ? finalInputName : initialInputName;
+    const currentSelectedDate = isInitialInput ? selectedDate.inicial : selectedDate.final;
+    if (event.relatedTarget?.id !== siblingInputName) {
+      handleSetCalendarBoxOpen(false);
+    }
+    if (calendarBoxOpen) {
+      handleChangeActiveDescendant((currentSelectedDate ?? hooks()).format(TOKEN_ISO_FORMAT));
+      handleChangeCalendarDisplayDate(currentSelectedDate ?? hooks());
+    }
+    if (handleCompleteDraftOnBlur(inputType_3)) {
+      return;
+    }
+    const unmaskedValue_0 = isInitialInput ? initialUnmaskedValue : finalUnmaskedValue;
+    const setMaskValue_0 = isInitialInput ? setInitialMaskValue : setFinalMaskValue;
+    if (_.size(unmaskedValue_0) !== digits) {
+      const date_3 = hooks(currentSelectedDate, TOKEN_ISO_FORMAT);
+      if (date_3.isValid()) {
+        setMaskValue_0(date_3.format(ptbrFormat));
+      }
+    }
+    handleReorderPeriodOnBlur();
+  };
+  const handleReorderPeriodOnBlur = () => {
+    const {
+      inicial: inicial_6,
+      final: final_6
+    } = selectedDate;
+    if (!inicial_6 || !final_6 || !inicial_6.isAfter(final_6)) {
+      return;
+    }
+    setSelectedDate({
+      inicial: final_6,
+      final: inicial_6
+    });
+    setInitialMaskValue(final_6.format(ptbrFormat));
+    setFinalMaskValue(inicial_6.format(ptbrFormat));
+    emitPeriodChange(final_6, inicial_6);
+  };
   let t26;
-  if ($[51] !== calendarBoxOpen || $[52] !== handleChangeActiveDescendant || $[53] !== handleChangeCalendarDisplayDate || $[54] !== handleSetCalendarBoxOpen || $[55] !== openCalendarOnFocus || $[56] !== props || $[57] !== readOnly || $[58] !== selectedDate.final || $[59] !== selectedDate.inicial || $[60] !== setActiveInputType) {
-    t26 = (event_0, inputType_1) => {
+  if ($[26] !== calendarBoxOpen || $[27] !== handleChangeActiveDescendant || $[28] !== handleChangeCalendarDisplayDate || $[29] !== handleSetCalendarBoxOpen || $[30] !== openCalendarOnFocus || $[31] !== props || $[32] !== readOnly || $[33] !== selectedDate.final || $[34] !== selectedDate.inicial) {
+    t26 = (event_0, inputType_4) => {
       props?.onFocus?.(event_0);
       if (!readOnly && !calendarBoxOpen && openCalendarOnFocus) {
         handleSetCalendarBoxOpen(true);
       }
-      setActiveInputType(inputType_1);
-      if (inputType_1 === "initial") {
+      setActiveInputType(inputType_4);
+      if (inputType_4 === "initial") {
         handleChangeActiveDescendant((selectedDate.inicial ?? hooks()).format(TOKEN_ISO_FORMAT));
         handleChangeCalendarDisplayDate(selectedDate.inicial ?? hooks());
       }
-      if (inputType_1 === "final") {
+      if (inputType_4 === "final") {
         handleChangeActiveDescendant((selectedDate.final ?? hooks()).format(TOKEN_ISO_FORMAT));
         handleChangeCalendarDisplayDate(selectedDate.final ?? hooks());
       }
     };
-    $[51] = calendarBoxOpen;
-    $[52] = handleChangeActiveDescendant;
-    $[53] = handleChangeCalendarDisplayDate;
-    $[54] = handleSetCalendarBoxOpen;
-    $[55] = openCalendarOnFocus;
-    $[56] = props;
-    $[57] = readOnly;
-    $[58] = selectedDate.final;
-    $[59] = selectedDate.inicial;
-    $[60] = setActiveInputType;
-    $[61] = t26;
+    $[26] = calendarBoxOpen;
+    $[27] = handleChangeActiveDescendant;
+    $[28] = handleChangeCalendarDisplayDate;
+    $[29] = handleSetCalendarBoxOpen;
+    $[30] = openCalendarOnFocus;
+    $[31] = props;
+    $[32] = readOnly;
+    $[33] = selectedDate.final;
+    $[34] = selectedDate.inicial;
+    $[35] = t26;
   } else {
-    t26 = $[61];
+    t26 = $[35];
   }
   const handleOnFocusMaskInput = t26;
-  let getDayState;
-  let handleOnKeyDownMaskInput;
-  let handleSelectDay;
-  if ($[62] !== activeDescendant || $[63] !== calendarBoxOpen || $[64] !== finalInputName || $[65] !== handleChangeUpdateDateState || $[66] !== hasBounds || $[67] !== initialInputName || $[68] !== isDateTime || $[69] !== maxDate || $[70] !== minDate || $[71] !== props || $[72] !== selectedDate) {
-    handleOnKeyDownMaskInput = (event_1, inputType_2) => {
-      props?.onKeyDown?.(event_1);
-      if (calendarBoxOpen && event_1.key && !event_1.shiftKey && !event_1.altKey && event_1.key === Keys.enter) {
-        event_1.preventDefault();
-        handleSelectDay(hooks(_.toString(activeDescendant), TOKEN_ISO_FORMAT), inputType_2);
-      }
-    };
-    let t272;
-    if ($[76] !== hasBounds || $[77] !== maxDate || $[78] !== minDate || $[79] !== selectedDate) {
-      t272 = (day) => {
-        const {
-          inicial: inicial_6,
-          final: final_6
-        } = selectedDate;
-        return {
-          isSelected: Boolean(inicial_6 && day.isSame(inicial_6, "day") || final_6 && day.isSame(final_6, "day")),
-          isInRange: Boolean(inicial_6 && final_6 && day.isAfter(inicial_6, "day") && day.isBefore(final_6, "day")),
-          ...hasBounds && {
-            isDisabled: isDayOutOfBounds(day, minDate, maxDate)
-          }
-        };
-      };
-      $[76] = hasBounds;
-      $[77] = maxDate;
-      $[78] = minDate;
-      $[79] = selectedDate;
-      $[80] = t272;
-    } else {
-      t272 = $[80];
+  const handleOnKeyDownMaskInput = (event_1, inputType_5) => {
+    props?.onKeyDown?.(event_1);
+    if (calendarBoxOpen && event_1.key && !event_1.shiftKey && !event_1.altKey && event_1.key === Keys.enter) {
+      event_1.preventDefault();
+      handleSelectDay(hooks(_.toString(activeDescendant), TOKEN_ISO_FORMAT), inputType_5);
     }
-    getDayState = t272;
-    let t282;
-    if ($[81] !== finalInputName || $[82] !== initialInputName) {
-      t282 = () => {
-        const focusedInputId = document.activeElement?.id;
-        if (focusedInputId === initialInputName) {
-          return "initial";
-        }
-        if (focusedInputId === finalInputName) {
-          return "final";
-        }
-      };
-      $[81] = finalInputName;
-      $[82] = initialInputName;
-      $[83] = t282;
-    } else {
-      t282 = $[83];
-    }
-    const resolveInputTypeFromFocus = t282;
-    handleSelectDay = (daySelected, targetInputType) => {
-      const inputType_3 = targetInputType ?? resolveInputTypeFromFocus();
-      if (_.isUndefined(inputType_3)) {
-        return;
+  };
+  const getDayState = (day) => {
+    const {
+      inicial: inicial_7,
+      final: final_7
+    } = selectedDate;
+    return {
+      isSelected: Boolean(inicial_7 && day.isSame(inicial_7, "day") || final_7 && day.isSame(final_7, "day")),
+      isInRange: Boolean(inicial_7 && final_7 && day.isAfter(inicial_7, "day") && day.isBefore(final_7, "day")),
+      ...hasBounds && {
+        isDisabled: isDayOutOfBounds(day, minDate, maxDate)
       }
-      const current = inputType_3 === "initial" ? selectedDate.inicial : selectedDate.final;
-      const dayWithTime = isDateTime && current ? daySelected.clone().hour(current.hour()).minute(current.minute()) : daySelected;
-      handleChangeUpdateDateState({
-        date: clampDateToBounds(dayWithTime, minDate, maxDate),
-        inputType: inputType_3
-      });
     };
-    $[62] = activeDescendant;
-    $[63] = calendarBoxOpen;
-    $[64] = finalInputName;
-    $[65] = handleChangeUpdateDateState;
-    $[66] = hasBounds;
-    $[67] = initialInputName;
-    $[68] = isDateTime;
-    $[69] = maxDate;
-    $[70] = minDate;
-    $[71] = props;
-    $[72] = selectedDate;
-    $[73] = getDayState;
-    $[74] = handleOnKeyDownMaskInput;
-    $[75] = handleSelectDay;
-  } else {
-    getDayState = $[73];
-    handleOnKeyDownMaskInput = $[74];
-    handleSelectDay = $[75];
-  }
-  const activeSelectedDate = activeInputType === "initial" ? selectedDate.inicial : selectedDate.final;
+  };
   let t27;
-  if ($[84] !== activeInputType || $[85] !== activeSelectedDate || $[86] !== handleChangeUpdateDateState) {
-    t27 = (hour, minute) => {
-      if (!activeSelectedDate) {
-        return;
+  if ($[36] !== finalInputName || $[37] !== initialInputName) {
+    t27 = () => {
+      const focusedInputId = document.activeElement?.id;
+      if (focusedInputId === initialInputName) {
+        return "initial";
       }
-      handleChangeUpdateDateState({
-        date: activeSelectedDate.clone().hour(hour).minute(minute).second(0),
-        inputType: activeInputType,
-        typing: true
-      });
-    };
-    $[84] = activeInputType;
-    $[85] = activeSelectedDate;
-    $[86] = handleChangeUpdateDateState;
-    $[87] = t27;
-  } else {
-    t27 = $[87];
-  }
-  const handleSelectTime = t27;
-  let t28;
-  if ($[88] !== finalName || $[89] !== initialName || $[90] !== props.value || $[91] !== ptbrFormat || $[92] !== setFinalMaskValue || $[93] !== setInitialMaskValue || $[94] !== setSelectedDate || $[95] !== variant) {
-    t28 = () => {
-      if (props?.value) {
-        const objectValue_0 = props.value;
-        const initialDate_2 = parseDateValue(objectValue_0[initialName], variant);
-        const finalDate_2 = parseDateValue(objectValue_0[finalName], variant);
-        setSelectedDate(() => ({
-          inicial: initialDate_2.isValid() ? initialDate_2 : null,
-          final: finalDate_2.isValid() ? finalDate_2 : null
-        }));
-        setInitialMaskValue(initialDate_2.format(ptbrFormat));
-        setFinalMaskValue(finalDate_2.format(ptbrFormat));
+      if (focusedInputId === finalInputName) {
+        return "final";
       }
     };
-    $[88] = finalName;
-    $[89] = initialName;
-    $[90] = props.value;
-    $[91] = ptbrFormat;
-    $[92] = setFinalMaskValue;
-    $[93] = setInitialMaskValue;
-    $[94] = setSelectedDate;
-    $[95] = variant;
-    $[96] = t28;
-  } else {
-    t28 = $[96];
-  }
-  const t29 = props?.value;
-  let t30;
-  if ($[97] !== t29) {
-    t30 = [t29];
-    $[97] = t29;
-    $[98] = t30;
+    $[36] = finalInputName;
+    $[37] = initialInputName;
+    $[38] = t27;
   } else {
-    t30 = $[98];
+    t27 = $[38];
   }
-  React.useEffect(t28, t30);
-  const t31 = Boolean(readOnly);
-  const t32 = Boolean(disabled);
-  const t33 = verifyPeriodSelectedIsValid();
-  let t34;
-  if ($[99] !== calendarState || $[100] !== finalInputName || $[101] !== handleChangeUpdateDateState || $[102] !== handleChangeUpdateDateStateWithPredefinedPeriod || $[103] !== handleOnClickClearSelectedPeriod || $[104] !== hasValidationErrors || $[105] !== initialInputName || $[106] !== initialInputRef || $[107] !== maxDate || $[108] !== minDate || $[109] !== openCalendarOnFocus || $[110] !== selectedDate || $[111] !== showCalendarButton || $[112] !== showClearDateButton || $[113] !== showPredefinedPeriodsButton || $[114] !== skeletonize || $[115] !== t31 || $[116] !== t32 || $[117] !== t33 || $[118] !== undigitable) {
-    t34 = {
+  const resolveInputTypeFromFocus = t27;
+  const handleSelectDay = (daySelected, targetInputType) => {
+    const inputType_6 = targetInputType ?? resolveInputTypeFromFocus();
+    if (_.isUndefined(inputType_6)) {
+      return;
+    }
+    const {
+      hour: hour_0,
+      minute: minute_0,
+      isComplete
+    } = timeSelectionOf(inputType_6);
+    if (isDateTime && !isComplete) {
+      handleUpdateDraftState({
+        date: daySelected.clone().hour(hour_0 ?? 0).minute(minute_0 ?? 0),
+        inputType: inputType_6,
+        hour: hour_0,
+        minute: minute_0
+      });
+      return;
+    }
+    const current = inputType_6 === "initial" ? selectedDate.inicial : selectedDate.final;
+    const dayWithTime = isDateTime && current ? daySelected.clone().hour(current.hour()).minute(current.minute()) : daySelected;
+    handleChangeUpdateDateState({
+      date: clampDateToBounds(dayWithTime, minDate, maxDate),
+      inputType: inputType_6
+    });
+  };
+  const activeSelectedDate = activeInputType === "initial" ? selectedDate.inicial : selectedDate.final;
+  const handleSelectHour = (hour_1) => {
+    if (!activeSelectedDate) {
+      return;
+    }
+    const {
+      minute: minute_1
+    } = activeTimeSelection;
+    if (_.isNull(minute_1)) {
+      handleUpdateDraftState({
+        date: activeSelectedDate.clone().hour(hour_1),
+        inputType: activeInputType,
+        hour: hour_1,
+        minute: null
+      });
+      return;
+    }
+    handleChangeUpdateDateState({
+      date: activeSelectedDate.clone().hour(hour_1).minute(minute_1).second(0),
+      inputType: activeInputType,
+      typing: true
+    });
+  };
+  const handleSelectMinute = (minute_2) => {
+    if (!activeSelectedDate) {
+      return;
+    }
+    const {
+      hour: hour_2
+    } = activeTimeSelection;
+    handleChangeUpdateDateState({
+      date: _.isNull(hour_2) ? resolveAssumedTime({
+        date: activeSelectedDate,
+        hour: null,
+        minute: minute_2,
+        min: minDate,
+        max: maxDate
+      }) : activeSelectedDate.clone().hour(hour_2).minute(minute_2).second(0),
+      inputType: activeInputType,
+      typing: true
+    });
+  };
+  React.useEffect(() => {
+    if (props?.value) {
+      const initialDate_2 = parseDateValue(receivedInitialValue, variant);
+      const finalDate_2 = parseDateValue(receivedFinalValue, variant);
+      setSelectedDate(() => ({
+        inicial: initialDate_2.isValid() ? initialDate_2 : null,
+        final: finalDate_2.isValid() ? finalDate_2 : null
+      }));
+      setInitialMaskValue(initialDate_2.format(ptbrFormat));
+      setFinalMaskValue(finalDate_2.format(ptbrFormat));
+    }
+  }, [receivedInitialValue, receivedFinalValue]);
+  const t28 = Boolean(readOnly);
+  const t29 = Boolean(disabled);
+  const t30 = handleChangeUpdateDateState;
+  const t31 = verifyPeriodSelectedIsValid();
+  let t32;
+  if ($[39] !== calendarState || $[40] !== finalInputName || $[41] !== finalInputRef || $[42] !== handleChangeUpdateDateStateWithPredefinedPeriod || $[43] !== handleOnClickClearSelectedPeriod || $[44] !== hasValidationErrors || $[45] !== initialInputName || $[46] !== initialInputRef || $[47] !== maxDate || $[48] !== minDate || $[49] !== openCalendarOnFocus || $[50] !== selectedDate || $[51] !== showCalendarButton || $[52] !== showClearDateButton || $[53] !== showPredefinedPeriodsButton || $[54] !== skeletonize || $[55] !== t28 || $[56] !== t29 || $[57] !== t30 || $[58] !== t31 || $[59] !== undigitable) {
+    t32 = {
       ...calendarState,
-      isReadOnly: t31,
-      isDisabled: t32,
+      isReadOnly: t28,
+      isDisabled: t29,
       undigitable,
       skeletonize,
       selectedDate,
@@ -634,249 +621,253 @@ const InputBase = React.forwardRef((props, __) => {
       openCalendarOnFocus,
       showPredefinedPeriodsButton,
       showClearDateButton,
-      handleChangeUpdateDateState,
+      handleChangeUpdateDateState: t30,
       handleOnClickClearSelectedPeriod,
       handleChangeUpdateDateStateWithPredefinedPeriod,
-      hasValidPeriodSelected: t33
+      hasValidPeriodSelected: t31
     };
-    $[99] = calendarState;
-    $[100] = finalInputName;
-    $[101] = handleChangeUpdateDateState;
-    $[102] = handleChangeUpdateDateStateWithPredefinedPeriod;
-    $[103] = handleOnClickClearSelectedPeriod;
-    $[104] = hasValidationErrors;
-    $[105] = initialInputName;
-    $[106] = initialInputRef;
-    $[107] = maxDate;
-    $[108] = minDate;
-    $[109] = openCalendarOnFocus;
-    $[110] = selectedDate;
-    $[111] = showCalendarButton;
-    $[112] = showClearDateButton;
-    $[113] = showPredefinedPeriodsButton;
-    $[114] = skeletonize;
-    $[115] = t31;
-    $[116] = t32;
-    $[117] = t33;
-    $[118] = undigitable;
-    $[119] = t34;
+    $[39] = calendarState;
+    $[40] = finalInputName;
+    $[41] = finalInputRef;
+    $[42] = handleChangeUpdateDateStateWithPredefinedPeriod;
+    $[43] = handleOnClickClearSelectedPeriod;
+    $[44] = hasValidationErrors;
+    $[45] = initialInputName;
+    $[46] = initialInputRef;
+    $[47] = maxDate;
+    $[48] = minDate;
+    $[49] = openCalendarOnFocus;
+    $[50] = selectedDate;
+    $[51] = showCalendarButton;
+    $[52] = showClearDateButton;
+    $[53] = showPredefinedPeriodsButton;
+    $[54] = skeletonize;
+    $[55] = t28;
+    $[56] = t29;
+    $[57] = t30;
+    $[58] = t31;
+    $[59] = undigitable;
+    $[60] = t32;
+  } else {
+    t32 = $[60];
+  }
+  const contextValues = t32;
+  let t33;
+  if ($[61] !== customClassLabel || $[62] !== disabled || $[63] !== hasHintMessages || $[64] !== hasLabel || $[65] !== hintPosition || $[66] !== initialInputName || $[67] !== label || $[68] !== labelUppercase || $[69] !== popoverAlign || $[70] !== props.hint || $[71] !== props.required || $[72] !== readOnly || $[73] !== skeletonize || $[74] !== themePopover) {
+    t33 = hasLabel && /* @__PURE__ */ jsx(Label, { "data-testid": "test-date-period-field-label", label, inputId: initialInputName, hint: props?.hint, isDisabled: disabled, isReadOnly: readOnly, skeletonize, required: props?.required, hintPosition, themePopover, popoverAlign, labelUppercase, hasHintMessages, customClassLabel });
+    $[61] = customClassLabel;
+    $[62] = disabled;
+    $[63] = hasHintMessages;
+    $[64] = hasLabel;
+    $[65] = hintPosition;
+    $[66] = initialInputName;
+    $[67] = label;
+    $[68] = labelUppercase;
+    $[69] = popoverAlign;
+    $[70] = props.hint;
+    $[71] = props.required;
+    $[72] = readOnly;
+    $[73] = skeletonize;
+    $[74] = themePopover;
+    $[75] = t33;
+  } else {
+    t33 = $[75];
+  }
+  const t34 = _.omit(rest, ["initialRef", "finalRef"]);
+  const t35 = props?.initialRef;
+  let t36;
+  if ($[76] !== initialInputRef || $[77] !== t35) {
+    t36 = mergeRefs(initialInputRef, t35);
+    $[76] = initialInputRef;
+    $[77] = t35;
+    $[78] = t36;
   } else {
-    t34 = $[119];
+    t36 = $[78];
   }
-  const contextValues = t34;
-  let t35;
-  if ($[120] !== customClassLabel || $[121] !== disabled || $[122] !== hasHintMessages || $[123] !== hasLabel || $[124] !== hintPosition || $[125] !== initialInputName || $[126] !== label || $[127] !== labelUppercase || $[128] !== popoverAlign || $[129] !== props.hint || $[130] !== props.required || $[131] !== readOnly || $[132] !== skeletonize || $[133] !== themePopover) {
-    t35 = hasLabel && /* @__PURE__ */ jsx(Label, { "data-testid": "test-date-period-field-label", label, inputId: initialInputName, hint: props?.hint, isDisabled: disabled, isReadOnly: readOnly, skeletonize, required: props?.required, hintPosition, themePopover, popoverAlign, labelUppercase, hasHintMessages, customClassLabel });
-    $[120] = customClassLabel;
-    $[121] = disabled;
-    $[122] = hasHintMessages;
-    $[123] = hasLabel;
-    $[124] = hintPosition;
-    $[125] = initialInputName;
-    $[126] = label;
-    $[127] = labelUppercase;
-    $[128] = popoverAlign;
-    $[129] = props.hint;
-    $[130] = props.required;
-    $[131] = readOnly;
-    $[132] = skeletonize;
-    $[133] = themePopover;
-    $[134] = t35;
+  let t37;
+  if ($[79] !== handleOnBlurMaskInput) {
+    t37 = (event_2) => handleOnBlurMaskInput(event_2, "initial");
+    $[79] = handleOnBlurMaskInput;
+    $[80] = t37;
   } else {
-    t35 = $[134];
+    t37 = $[80];
   }
-  const t36 = _.omit(rest, ["initialRef", "finalRef"]);
-  const t37 = props?.initialRef;
   let t38;
-  if ($[135] !== initialInputRef || $[136] !== t37) {
-    t38 = mergeRefs(initialInputRef, t37);
-    $[135] = initialInputRef;
-    $[136] = t37;
-    $[137] = t38;
+  if ($[81] !== handleOnFocusMaskInput) {
+    t38 = (event_3) => handleOnFocusMaskInput(event_3, "initial");
+    $[81] = handleOnFocusMaskInput;
+    $[82] = t38;
   } else {
-    t38 = $[137];
+    t38 = $[82];
   }
   let t39;
-  if ($[138] !== handleOnBlurMaskInput) {
-    t39 = (event_2) => handleOnBlurMaskInput(event_2, "initial");
-    $[138] = handleOnBlurMaskInput;
-    $[139] = t39;
+  if ($[83] !== handleOnKeyDownMaskInput) {
+    t39 = (event_4) => handleOnKeyDownMaskInput(event_4, "initial");
+    $[83] = handleOnKeyDownMaskInput;
+    $[84] = t39;
   } else {
-    t39 = $[139];
+    t39 = $[84];
   }
   let t40;
-  if ($[140] !== handleOnFocusMaskInput) {
-    t40 = (event_3) => handleOnFocusMaskInput(event_3, "initial");
-    $[140] = handleOnFocusMaskInput;
-    $[141] = t40;
+  if ($[85] === Symbol.for("react.memo_cache_sentinel")) {
+    t40 = /* @__PURE__ */ jsx(Icon, { name: "arrow_right", size: 10 });
+    $[85] = t40;
   } else {
-    t40 = $[141];
+    t40 = $[85];
   }
   let t41;
-  if ($[142] !== handleOnKeyDownMaskInput) {
-    t41 = (event_4) => handleOnKeyDownMaskInput(event_4, "initial");
-    $[142] = handleOnKeyDownMaskInput;
-    $[143] = t41;
+  if ($[86] !== disabled || $[87] !== readOnly) {
+    t41 = /* @__PURE__ */ jsx("span", { className: "separator", "data-state-disabled": disabled, "data-state-read-only": readOnly, onMouseDown: _temp2, children: t40 });
+    $[86] = disabled;
+    $[87] = readOnly;
+    $[88] = t41;
   } else {
-    t41 = $[143];
+    t41 = $[88];
   }
-  let t42;
-  if ($[144] === Symbol.for("react.memo_cache_sentinel")) {
-    t42 = /* @__PURE__ */ jsx(Icon, { name: "arrow_right", size: 10 });
-    $[144] = t42;
+  const t42 = inputs2_date_base_index;
+  const t43 = _.omit(rest, ["initialRef", "finalRef"]);
+  const t44 = props?.finalRef;
+  let t45;
+  if ($[89] !== finalInputRef || $[90] !== t44) {
+    t45 = mergeRefs(finalInputRef, t44);
+    $[89] = finalInputRef;
+    $[90] = t44;
+    $[91] = t45;
   } else {
-    t42 = $[144];
+    t45 = $[91];
   }
-  let t43;
-  if ($[145] !== disabled || $[146] !== readOnly) {
-    t43 = /* @__PURE__ */ jsx("span", { className: "separator", "data-state-disabled": disabled, "data-state-read-only": readOnly, onMouseDown: _temp2, children: t42 });
-    $[145] = disabled;
-    $[146] = readOnly;
-    $[147] = t43;
+  const t46 = !readOnly && !skeletonize ? 0 : -1;
+  let t47;
+  if ($[92] !== handleOnBlurMaskInput) {
+    t47 = (event_6) => handleOnBlurMaskInput(event_6, "final");
+    $[92] = handleOnBlurMaskInput;
+    $[93] = t47;
   } else {
-    t43 = $[147];
+    t47 = $[93];
   }
-  const t44 = inputs2_date_base_index;
-  const t45 = _.omit(rest, ["initialRef", "finalRef"]);
-  const t46 = props?.finalRef;
-  let t47;
-  if ($[148] !== t46) {
-    t47 = mergeRefs(finalInputRef, t46);
-    $[148] = t46;
-    $[149] = t47;
+  let t48;
+  if ($[94] !== handleOnFocusMaskInput) {
+    t48 = (event_7) => handleOnFocusMaskInput(event_7, "final");
+    $[94] = handleOnFocusMaskInput;
+    $[95] = t48;
   } else {
-    t47 = $[149];
+    t48 = $[95];
   }
-  const t48 = !readOnly && !skeletonize ? 0 : -1;
   let t49;
-  if ($[150] !== handleOnBlurMaskInput) {
-    t49 = (event_6) => handleOnBlurMaskInput(event_6, "final");
-    $[150] = handleOnBlurMaskInput;
-    $[151] = t49;
+  if ($[96] !== handleOnKeyDownMaskInput) {
+    t49 = (event_8) => handleOnKeyDownMaskInput(event_8, "final");
+    $[96] = handleOnKeyDownMaskInput;
+    $[97] = t49;
   } else {
-    t49 = $[151];
+    t49 = $[97];
   }
   let t50;
-  if ($[152] !== handleOnFocusMaskInput) {
-    t50 = (event_7) => handleOnFocusMaskInput(event_7, "final");
-    $[152] = handleOnFocusMaskInput;
-    $[153] = t50;
+  if ($[98] !== activeDescendant || $[99] !== calendarBoxOpen || $[100] !== customClass || $[101] !== disabled || $[102] !== finalInputName || $[103] !== finalMaskedValue || $[104] !== handleFinalKeyDownCapture || $[105] !== handleOnBeforeInput || $[106] !== handleOnPaste || $[107] !== hasValidationErrors || $[108] !== inputPlaceholder || $[109] !== readOnly || $[110] !== skeletonize || $[111] !== t42.Input || $[112] !== t43 || $[113] !== t45 || $[114] !== t46 || $[115] !== t47 || $[116] !== t48 || $[117] !== t49 || $[118] !== textAlign || $[119] !== undigitable) {
+    t50 = /* @__PURE__ */ jsx(t42.Input, { ...t43, ref: t45, id: finalInputName, name: finalInputName, value: finalMaskedValue, readOnly, disabled, customClass, tabIndex: t46, placeholder: inputPlaceholder, "aria-autocomplete": "list", "aria-activedescendant": activeDescendant, "aria-expanded": calendarBoxOpen, "aria-controls": finalInputName, "aria-labelledby": finalInputName, "data-testid": "test-date-period-field-final-input", "data-state-is-period-input": true, "data-state-error": hasValidationErrors, "data-state-read-only": readOnly, "data-state-text-align": textAlign, "data-state-undigitable": undigitable, "data-state-skeletonize": skeletonize, onPaste: handleOnPaste, onBeforeInput: handleOnBeforeInput, onBlur: t47, onFocus: t48, onKeyDown: t49, onKeyDownCapture: handleFinalKeyDownCapture });
+    $[98] = activeDescendant;
+    $[99] = calendarBoxOpen;
+    $[100] = customClass;
+    $[101] = disabled;
+    $[102] = finalInputName;
+    $[103] = finalMaskedValue;
+    $[104] = handleFinalKeyDownCapture;
+    $[105] = handleOnBeforeInput;
+    $[106] = handleOnPaste;
+    $[107] = hasValidationErrors;
+    $[108] = inputPlaceholder;
+    $[109] = readOnly;
+    $[110] = skeletonize;
+    $[111] = t42.Input;
+    $[112] = t43;
+    $[113] = t45;
+    $[114] = t46;
+    $[115] = t47;
+    $[116] = t48;
+    $[117] = t49;
+    $[118] = textAlign;
+    $[119] = undigitable;
+    $[120] = t50;
   } else {
-    t50 = $[153];
+    t50 = $[120];
   }
   let t51;
-  if ($[154] !== handleOnKeyDownMaskInput) {
-    t51 = (event_8) => handleOnKeyDownMaskInput(event_8, "final");
-    $[154] = handleOnKeyDownMaskInput;
-    $[155] = t51;
+  if ($[121] === Symbol.for("react.memo_cache_sentinel")) {
+    t51 = /* @__PURE__ */ jsx(Triggers, {});
+    $[121] = t51;
   } else {
-    t51 = $[155];
+    t51 = $[121];
   }
   let t52;
-  if ($[156] !== activeDescendant || $[157] !== calendarBoxOpen || $[158] !== customClass || $[159] !== disabled || $[160] !== finalInputName || $[161] !== finalMaskedValue || $[162] !== handleFinalKeyDownCapture || $[163] !== handleOnBeforeInput || $[164] !== handleOnPaste || $[165] !== hasValidationErrors || $[166] !== inputPlaceholder || $[167] !== readOnly || $[168] !== skeletonize || $[169] !== t44.Input || $[170] !== t45 || $[171] !== t47 || $[172] !== t48 || $[173] !== t49 || $[174] !== t50 || $[175] !== t51 || $[176] !== textAlign || $[177] !== undigitable) {
-    t52 = /* @__PURE__ */ jsx(t44.Input, { ...t45, ref: t47, id: finalInputName, name: finalInputName, value: finalMaskedValue, readOnly, disabled, customClass, tabIndex: t48, placeholder: inputPlaceholder, "aria-autocomplete": "list", "aria-activedescendant": activeDescendant, "aria-expanded": calendarBoxOpen, "aria-controls": finalInputName, "aria-labelledby": finalInputName, "data-testid": "test-date-period-field-final-input", "data-state-is-period-input": true, "data-state-error": hasValidationErrors, "data-state-read-only": readOnly, "data-state-text-align": textAlign, "data-state-undigitable": undigitable, "data-state-skeletonize": skeletonize, onPaste: handleOnPaste, onBeforeInput: handleOnBeforeInput, onBlur: t49, onFocus: t50, onKeyDown: t51, onKeyDownCapture: handleFinalKeyDownCapture });
-    $[156] = activeDescendant;
-    $[157] = calendarBoxOpen;
-    $[158] = customClass;
-    $[159] = disabled;
-    $[160] = finalInputName;
-    $[161] = finalMaskedValue;
-    $[162] = handleFinalKeyDownCapture;
-    $[163] = handleOnBeforeInput;
-    $[164] = handleOnPaste;
-    $[165] = hasValidationErrors;
-    $[166] = inputPlaceholder;
-    $[167] = readOnly;
-    $[168] = skeletonize;
-    $[169] = t44.Input;
-    $[170] = t45;
-    $[171] = t47;
-    $[172] = t48;
-    $[173] = t49;
-    $[174] = t50;
-    $[175] = t51;
-    $[176] = textAlign;
-    $[177] = undigitable;
-    $[178] = t52;
+  if ($[122] !== activeDescendant || $[123] !== activeSelectedDate || $[124] !== activeTimeSelection || $[125] !== calendarBoxOpen || $[126] !== calendarDisplayDate || $[127] !== calendarRef || $[128] !== dateContainerRef || $[129] !== getDayState || $[130] !== handleNextMonth || $[131] !== handlePreviousMonth || $[132] !== handleSelectDay || $[133] !== handleSelectHour || $[134] !== handleSelectMinute || $[135] !== initialInputName || $[136] !== isDateTime || $[137] !== maxDate || $[138] !== minDate) {
+    t52 = calendarBoxOpen && createPortal(/* @__PURE__ */ jsx(CalendarBox, { ref: calendarRef, testIdPrefix: "test-date-period-field", headerId: initialInputName, calendarBoxOpen, activeDescendant, calendarDisplayDate, containerRef: dateContainerRef, onNextMonth: handleNextMonth, onPreviousMonth: handlePreviousMonth, getDayState, onSelectDay: handleSelectDay, children: isDateTime && /* @__PURE__ */ jsx(TimeSelector, { value: activeSelectedDate, selectedHour: activeTimeSelection.hour, selectedMinute: activeTimeSelection.minute, onSelectHour: handleSelectHour, onSelectMinute: handleSelectMinute, min: minDate, max: maxDate, testIdPrefix: "test-date-period-field" }) }), document.body);
+    $[122] = activeDescendant;
+    $[123] = activeSelectedDate;
+    $[124] = activeTimeSelection;
+    $[125] = calendarBoxOpen;
+    $[126] = calendarDisplayDate;
+    $[127] = calendarRef;
+    $[128] = dateContainerRef;
+    $[129] = getDayState;
+    $[130] = handleNextMonth;
+    $[131] = handlePreviousMonth;
+    $[132] = handleSelectDay;
+    $[133] = handleSelectHour;
+    $[134] = handleSelectMinute;
+    $[135] = initialInputName;
+    $[136] = isDateTime;
+    $[137] = maxDate;
+    $[138] = minDate;
+    $[139] = t52;
   } else {
-    t52 = $[178];
+    t52 = $[139];
   }
   let t53;
-  if ($[179] === Symbol.for("react.memo_cache_sentinel")) {
-    t53 = /* @__PURE__ */ jsx(Triggers, {});
-    $[179] = t53;
+  if ($[140] !== disabled || $[141] !== hasHintMessages || $[142] !== hintPosition || $[143] !== props.hint || $[144] !== skeletonize) {
+    t53 = hintPosition === "below" && /* @__PURE__ */ jsx(Hint, { customClass: "hint", description: props.hint, disabled, skeletonize, visible: hasHintMessages });
+    $[140] = disabled;
+    $[141] = hasHintMessages;
+    $[142] = hintPosition;
+    $[143] = props.hint;
+    $[144] = skeletonize;
+    $[145] = t53;
   } else {
-    t53 = $[179];
+    t53 = $[145];
   }
   let t54;
-  if ($[180] !== activeDescendant || $[181] !== activeSelectedDate || $[182] !== calendarBoxOpen || $[183] !== calendarDisplayDate || $[184] !== calendarRef || $[185] !== dateContainerRef || $[186] !== getDayState || $[187] !== handleNextMonth || $[188] !== handlePreviousMonth || $[189] !== handleSelectDay || $[190] !== handleSelectTime || $[191] !== initialInputName || $[192] !== isDateTime || $[193] !== maxDate || $[194] !== minDate) {
-    t54 = calendarBoxOpen && createPortal(/* @__PURE__ */ jsx(CalendarBox, { ref: calendarRef, testIdPrefix: "test-date-period-field", headerId: initialInputName, calendarBoxOpen, activeDescendant, calendarDisplayDate, containerRef: dateContainerRef, onNextMonth: handleNextMonth, onPreviousMonth: handlePreviousMonth, getDayState, onSelectDay: handleSelectDay, children: isDateTime && /* @__PURE__ */ jsx(TimeSelector, { value: activeSelectedDate, onSelectTime: handleSelectTime, min: minDate, max: maxDate, testIdPrefix: "test-date-period-field" }) }), document.body);
-    $[180] = activeDescendant;
-    $[181] = activeSelectedDate;
-    $[182] = calendarBoxOpen;
-    $[183] = calendarDisplayDate;
-    $[184] = calendarRef;
-    $[185] = dateContainerRef;
-    $[186] = getDayState;
-    $[187] = handleNextMonth;
-    $[188] = handlePreviousMonth;
-    $[189] = handleSelectDay;
-    $[190] = handleSelectTime;
-    $[191] = initialInputName;
-    $[192] = isDateTime;
-    $[193] = maxDate;
-    $[194] = minDate;
-    $[195] = t54;
+  if ($[146] !== errors || $[147] !== hasValidationErrors || $[148] !== label || $[149] !== skeletonize) {
+    t54 = hasValidationErrors && /* @__PURE__ */ jsx("span", { "data-testid": "test-date-period-field-list-errors", className: "error", "data-state-skeletonize": skeletonize, "aria-describedby": String(label).concat("-errors"), children: errors?.map(_temp3) });
+    $[146] = errors;
+    $[147] = hasValidationErrors;
+    $[148] = label;
+    $[149] = skeletonize;
+    $[150] = t54;
   } else {
-    t54 = $[195];
+    t54 = $[150];
   }
   let t55;
-  if ($[196] !== disabled || $[197] !== hasHintMessages || $[198] !== hintPosition || $[199] !== props.hint || $[200] !== skeletonize) {
-    t55 = hintPosition === "below" && /* @__PURE__ */ jsx(Hint, { customClass: "hint", description: props.hint, disabled, skeletonize, visible: hasHintMessages });
-    $[196] = disabled;
-    $[197] = hasHintMessages;
-    $[198] = hintPosition;
-    $[199] = props.hint;
-    $[200] = skeletonize;
-    $[201] = t55;
-  } else {
-    t55 = $[201];
-  }
-  let t56;
-  if ($[202] !== errors || $[203] !== hasValidationErrors || $[204] !== label || $[205] !== skeletonize) {
-    t56 = hasValidationErrors && /* @__PURE__ */ jsx("span", { "data-testid": "test-date-period-field-list-errors", className: "error", "data-state-skeletonize": skeletonize, "aria-describedby": String(label).concat("-errors"), children: errors?.map(_temp3) });
-    $[202] = errors;
-    $[203] = hasValidationErrors;
-    $[204] = label;
-    $[205] = skeletonize;
-    $[206] = t56;
-  } else {
-    t56 = $[206];
-  }
-  let t57;
-  if ($[207] !== tooltip || $[208] !== tooltipPosition || $[209] !== tooltipWidth) {
-    t57 = /* @__PURE__ */ jsx(Tooltip, { targetRef: inputRootRef, text: tooltip, width: tooltipWidth, position: tooltipPosition });
-    $[207] = tooltip;
-    $[208] = tooltipPosition;
-    $[209] = tooltipWidth;
-    $[210] = t57;
+  if ($[151] !== tooltip || $[152] !== tooltipPosition || $[153] !== tooltipWidth) {
+    t55 = /* @__PURE__ */ jsx(Tooltip, { targetRef: inputRootRef, text: tooltip, width: tooltipWidth, position: tooltipPosition });
+    $[151] = tooltip;
+    $[152] = tooltipPosition;
+    $[153] = tooltipWidth;
+    $[154] = t55;
   } else {
-    t57 = $[210];
+    t55 = $[154];
   }
   return /* @__PURE__ */ jsxs(React.Fragment, { children: [
     /* @__PURE__ */ jsx(DatePeriodFieldContext.Provider, { value: contextValues, children: /* @__PURE__ */ jsxs(Root, { ref: inputRootRef, "data-testid": "test-date-period-field-root", "data-state-error": hasValidationErrors, customClassWrapper, children: [
-      t35,
+      t33,
       /* @__PURE__ */ jsxs(Container, { ref: dateContainerRef, "data-testid": "test-date-period-field-container", onKeyDown: handleKeyDownNavigation, skeletonize, customClassInputContainer, children: [
-        /* @__PURE__ */ jsx(Input, { ...t36, ref: t38, id: initialInputName, name: initialInputName, value: initialMaskedValue, disabled, readOnly, customClass, tabIndex: !readOnly && !skeletonize ? 0 : -1, placeholder: inputPlaceholder, "aria-autocomplete": "list", "aria-activedescendant": activeDescendant, "aria-expanded": calendarBoxOpen, "aria-controls": initialInputName, "aria-labelledby": initialInputName, "data-testid": "test-date-period-field-initial-input", "data-state-is-period-input": true, "data-state-error": hasValidationErrors, "data-state-read-only": readOnly, "data-state-text-align": textAlign, "data-state-undigitable": undigitable, "data-state-skeletonize": skeletonize, onPaste: handleOnPaste, onBeforeInput: handleOnBeforeInput, onBlur: t39, onFocus: t40, onKeyDown: t41, onKeyDownCapture: handleInitialKeyDownCapture }),
-        t43,
-        t52,
-        t53
+        /* @__PURE__ */ jsx(Input, { ...t34, ref: t36, id: initialInputName, name: initialInputName, value: initialMaskedValue, disabled, readOnly, customClass, tabIndex: !readOnly && !skeletonize ? 0 : -1, placeholder: inputPlaceholder, "aria-autocomplete": "list", "aria-activedescendant": activeDescendant, "aria-expanded": calendarBoxOpen, "aria-controls": initialInputName, "aria-labelledby": initialInputName, "data-testid": "test-date-period-field-initial-input", "data-state-is-period-input": true, "data-state-error": hasValidationErrors, "data-state-read-only": readOnly, "data-state-text-align": textAlign, "data-state-undigitable": undigitable, "data-state-skeletonize": skeletonize, onPaste: handleOnPaste, onBeforeInput: handleOnBeforeInput, onBlur: t37, onFocus: t38, onKeyDown: t39, onKeyDownCapture: handleInitialKeyDownCapture }),
+        t41,
+        t50,
+        t51
       ] }),
-      t54,
-      t55,
-      t56
+      t52,
+      t53,
+      t54
     ] }) }),
-    t57
+    t55
   ] });
 });
 InputBase.displayName = "DatePeriodFieldInputBase";