@react-stately/datepicker 3.4.1 → 3.6.0

package/dist/import.mjs

@@ -1,7 +1,7 @@
-import {toCalendarDate as $7UzoM$toCalendarDate, toCalendarDateTime as $7UzoM$toCalendarDateTime, DateFormatter as $7UzoM$DateFormatter, Time as $7UzoM$Time, toCalendar as $7UzoM$toCalendar, now as $7UzoM$now, GregorianCalendar as $7UzoM$GregorianCalendar, getMinimumMonthInYear as $7UzoM$getMinimumMonthInYear, getMinimumDayInMonth as $7UzoM$getMinimumDayInMonth, toTime as $7UzoM$toTime, today as $7UzoM$today, getLocalTimeZone as $7UzoM$getLocalTimeZone} from "@internationalized/date";
+import {toCalendarDate as $7UzoM$toCalendarDate, toCalendarDateTime as $7UzoM$toCalendarDateTime, DateFormatter as $7UzoM$DateFormatter, Time as $7UzoM$Time, toCalendar as $7UzoM$toCalendar, now as $7UzoM$now, GregorianCalendar as $7UzoM$GregorianCalendar, getMinimumMonthInYear as $7UzoM$getMinimumMonthInYear, getMinimumDayInMonth as $7UzoM$getMinimumDayInMonth, toZoned as $7UzoM$toZoned, toTime as $7UzoM$toTime, today as $7UzoM$today, getLocalTimeZone as $7UzoM$getLocalTimeZone} from "@internationalized/date";
 import {useOverlayTriggerState as $7UzoM$useOverlayTriggerState} from "@react-stately/overlays";
 import {useControlledState as $7UzoM$useControlledState} from "@react-stately/utils";
-import {useState as $7UzoM$useState, useRef as $7UzoM$useRef, useMemo as $7UzoM$useMemo, useEffect as $7UzoM$useEffect} from "react";
+import {useState as $7UzoM$useState, useMemo as $7UzoM$useMemo, useRef as $7UzoM$useRef, useEffect as $7UzoM$useEffect} from "react";
 import {LocalizedStringDictionary as $7UzoM$LocalizedStringDictionary} from "@internationalized/string";
 
 /*
@@ -48,9 +48,18 @@ const $35a22f14a1f04b11$var$DEFAULT_FIELD_OPTIONS = {
     minute: "2-digit",
     second: "2-digit"
 };
+const $35a22f14a1f04b11$var$TWO_DIGIT_FIELD_OPTIONS = {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit"
+};
 function $35a22f14a1f04b11$export$7e319ea407e63bc0(fieldOptions, options) {
+    let defaultFieldOptions = options.shouldForceLeadingZeros ? $35a22f14a1f04b11$var$TWO_DIGIT_FIELD_OPTIONS : $35a22f14a1f04b11$var$DEFAULT_FIELD_OPTIONS;
     fieldOptions = {
-        ...$35a22f14a1f04b11$var$DEFAULT_FIELD_OPTIONS,
+        ...defaultFieldOptions,
         ...fieldOptions
     };
     let granularity = options.granularity || "minute";
@@ -95,16 +104,24 @@ function $35a22f14a1f04b11$export$66aa2b09de4b1ea5(placeholderValue, granularity
 }
 function $35a22f14a1f04b11$export$2440da353cedad43(v, granularity) {
     // Compute default granularity and time zone from the value. If the value becomes null, keep the last values.
-    let lastValue = (0, $7UzoM$useRef)(v);
-    if (v) lastValue.current = v;
-    v = lastValue.current;
     let defaultTimeZone = v && "timeZone" in v ? v.timeZone : undefined;
-    granularity = granularity || (v && "minute" in v ? "minute" : "day");
+    let defaultGranularity = v && "minute" in v ? "minute" : "day";
     // props.granularity must actually exist in the value if one is provided.
-    if (v && !(granularity in v)) throw new Error("Invalid granularity " + granularity + " for value " + v.toString());
+    if (v && granularity && !(granularity in v)) throw new Error("Invalid granularity " + granularity + " for value " + v.toString());
+    let [lastValue, setLastValue] = (0, $7UzoM$useState)([
+        defaultGranularity,
+        defaultTimeZone
+    ]);
+    // If the granularity or time zone changed, update the last value.
+    if (v && (lastValue[0] !== defaultGranularity || lastValue[1] !== defaultTimeZone)) setLastValue([
+        defaultGranularity,
+        defaultTimeZone
+    ]);
+    if (!granularity) granularity = v ? defaultGranularity : lastValue[0];
+    let timeZone = v ? defaultTimeZone : lastValue[1];
     return [
         granularity,
-        defaultTimeZone
+        timeZone
     ];
 }
 
@@ -112,7 +129,6 @@ function $35a22f14a1f04b11$export$2440da353cedad43(v, granularity) {
 
 
 
-
 function $ab5bf3f618090389$export$87194bb378cc3ac2(props) {
     var _props_isDateUnavailable;
     let overlayState = (0, $7UzoM$useOverlayTriggerState)(props);
@@ -146,7 +162,7 @@ function $ab5bf3f618090389$export$87194bb378cc3ac2(props) {
         if (shouldClose) overlayState.setOpen(false);
     };
     let selectTime = (newValue)=>{
-        if (selectedDate) commitValue(selectedDate, newValue);
+        if (selectedDate && newValue) commitValue(selectedDate, newValue);
         else setSelectedTime(newValue);
     };
     let validationState = props.validationState || ((0, $35a22f14a1f04b11$export$eac50920cf2fd59a)(value, props.minValue, props.maxValue) ? "invalid" : null) || (value && ((_props_isDateUnavailable = props.isDateUnavailable) === null || _props_isDateUnavailable === void 0 ? void 0 : _props_isDateUnavailable.call(props, value)) ? "invalid" : null);
@@ -653,11 +669,13 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
             timeZone: defaultTimeZone,
             hideTimeZone: hideTimeZone,
             hourCycle: props.hourCycle,
-            showEra: showEra
+            showEra: showEra,
+            shouldForceLeadingZeros: props.shouldForceLeadingZeros
         }), [
         props.maxGranularity,
         granularity,
         props.hourCycle,
+        props.shouldForceLeadingZeros,
         defaultTimeZone,
         hideTimeZone,
         showEra
@@ -680,6 +698,7 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
     let [validSegments, setValidSegments] = (0, $7UzoM$useState)(()=>props.value || props.defaultValue ? {
             ...allSegments
         } : {});
+    let clearedSegment = (0, $7UzoM$useRef)();
     // Reset placeholder when calendar changes
     let lastCalendarIdentifier = (0, $7UzoM$useRef)(calendar.identifier);
     (0, $7UzoM$useEffect)(()=>{
@@ -711,12 +730,20 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
     let displayValue = calendarValue && Object.keys(validSegments).length >= Object.keys(allSegments).length ? calendarValue : placeholderDate;
     let setValue = (newValue)=>{
         if (props.isDisabled || props.isReadOnly) return;
-        if (Object.keys(validSegments).length >= Object.keys(allSegments).length) {
+        let validKeys = Object.keys(validSegments);
+        let allKeys = Object.keys(allSegments);
+        // if all the segments are completed or a timefield with everything but am/pm set the time, also ignore when am/pm cleared
+        if (newValue == null) {
+            setDate(null);
+            setPlaceholderDate((0, $35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone));
+            setValidSegments({});
+        } else if (validKeys.length >= allKeys.length || validKeys.length === allKeys.length - 1 && allSegments.dayPeriod && !validSegments.dayPeriod && clearedSegment.current !== "dayPeriod") {
             // The display calendar should not have any effect on the emitted value.
             // Emit dates in the same calendar as the original value, if any, otherwise gregorian.
             newValue = (0, $7UzoM$toCalendar)(newValue, (v === null || v === void 0 ? void 0 : v.calendar) || new (0, $7UzoM$GregorianCalendar)());
             setDate(newValue);
         } else setPlaceholderDate(newValue);
+        clearedSegment.current = null;
     };
     let dateValue = (0, $7UzoM$useMemo)(()=>displayValue.toDate(timeZone), [
         displayValue,
@@ -767,7 +794,9 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
     let adjustSegment = (type, amount)=>{
         if (!validSegments[type]) {
             markValid(type);
-            if (Object.keys(validSegments).length >= Object.keys(allSegments).length) setValue(displayValue);
+            let validKeys = Object.keys(validSegments);
+            let allKeys = Object.keys(allSegments);
+            if (validKeys.length >= allKeys.length || validKeys.length === allKeys.length - 1 && allSegments.dayPeriod && !validSegments.dayPeriod) setValue(displayValue);
         } else setValue($3c0fc76039f1c516$var$addSegment(displayValue, type, amount, resolvedOptions));
     };
     let validationState = props.validationState || ((0, $35a22f14a1f04b11$export$eac50920cf2fd59a)(calendarValue, props.minValue, props.maxValue) ? "invalid" : null);
@@ -816,6 +845,7 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
         },
         clearSegment (part) {
             delete validSegments[part];
+            clearedSegment.current = part;
             setValidSegments({
                 ...validSegments
             });
@@ -963,10 +993,10 @@ function $3c0fc76039f1c516$var$setSegment(value, part, segmentValue, options) {
         case "hour":
             // In 12 hour time, ensure that AM/PM does not change
             if (options.hour12) {
-                let hours1 = value.hour;
-                let wasPM1 = hours1 >= 12;
-                if (!wasPM1 && segmentValue === 12) segmentValue = 0;
-                if (wasPM1 && segmentValue < 12) segmentValue += 12;
+                let hours = value.hour;
+                let wasPM = hours >= 12;
+                if (!wasPM && segmentValue === 12) segmentValue = 0;
+                if (wasPM && segmentValue < 12) segmentValue += 12;
             }
         // fallthrough
         case "minute":
@@ -1125,9 +1155,9 @@ function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
                     // Now we can combine the parts into start and end strings.
                     let start = "";
                     let end = "";
-                    for(let i1 = 0; i1 < parts.length; i1++){
-                        if (i1 < separatorIndex) start += parts[i1].value;
-                        else if (i1 > separatorIndex) end += parts[i1].value;
+                    for(let i = 0; i < parts.length; i++){
+                        if (i < separatorIndex) start += parts[i].value;
+                        else if (i > separatorIndex) end += parts[i].value;
                     }
                     return {
                         start: start,
@@ -1174,8 +1204,14 @@ function $eff5d8ee529ac4bb$export$fd53cef0cc796101(props) {
     let [value, setValue] = (0, $7UzoM$useControlledState)(props.value, props.defaultValue, props.onChange);
     let v = value || placeholderValue;
     let day = v && "day" in v ? v : undefined;
-    let placeholderDate = (0, $7UzoM$useMemo)(()=>$eff5d8ee529ac4bb$var$convertValue(placeholderValue), [
-        placeholderValue
+    let defaultValueTimeZone = props.defaultValue && "timeZone" in props.defaultValue ? props.defaultValue.timeZone : undefined;
+    let placeholderDate = (0, $7UzoM$useMemo)(()=>{
+        let valueTimeZone = v && "timeZone" in v ? v.timeZone : undefined;
+        return (valueTimeZone || defaultValueTimeZone) && placeholderValue ? (0, $7UzoM$toZoned)($eff5d8ee529ac4bb$var$convertValue(placeholderValue), valueTimeZone || defaultValueTimeZone) : $eff5d8ee529ac4bb$var$convertValue(placeholderValue);
+    }, [
+        placeholderValue,
+        v,
+        defaultValueTimeZone
     ]);
     let minDate = (0, $7UzoM$useMemo)(()=>$eff5d8ee529ac4bb$var$convertValue(minValue, day), [
         minValue,
@@ -1185,13 +1221,16 @@ function $eff5d8ee529ac4bb$export$fd53cef0cc796101(props) {
         maxValue,
         day
     ]);
+    let timeValue = (0, $7UzoM$useMemo)(()=>value && "day" in value ? (0, $7UzoM$toTime)(value) : value, [
+        value
+    ]);
     let dateTime = (0, $7UzoM$useMemo)(()=>value == null ? null : $eff5d8ee529ac4bb$var$convertValue(value), [
         value
     ]);
     let onChange = (newValue)=>{
-        setValue(v && "day" in v ? newValue : newValue && (0, $7UzoM$toTime)(newValue));
+        setValue(day || defaultValueTimeZone ? newValue : newValue && (0, $7UzoM$toTime)(newValue));
     };
-    return (0, $3c0fc76039f1c516$export$60e84778edff6d26)({
+    let state = (0, $3c0fc76039f1c516$export$60e84778edff6d26)({
         ...props,
         value: dateTime,
         defaultValue: undefined,
@@ -1204,6 +1243,10 @@ function $eff5d8ee529ac4bb$export$fd53cef0cc796101(props) {
         // Calendar should not matter for time fields.
         createCalendar: ()=>new (0, $7UzoM$GregorianCalendar)()
     });
+    return {
+        ...state,
+        timeValue: timeValue
+    };
 }
 function $eff5d8ee529ac4bb$var$convertValue(value, date = (0, $7UzoM$today)((0, $7UzoM$getLocalTimeZone)())) {
     if (!value) return null;

package/dist/main.js

@@ -56,9 +56,18 @@ const $50d5d6a623389320$var$DEFAULT_FIELD_OPTIONS = {
     minute: "2-digit",
     second: "2-digit"
 };
+const $50d5d6a623389320$var$TWO_DIGIT_FIELD_OPTIONS = {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit"
+};
 function $50d5d6a623389320$export$7e319ea407e63bc0(fieldOptions, options) {
+    let defaultFieldOptions = options.shouldForceLeadingZeros ? $50d5d6a623389320$var$TWO_DIGIT_FIELD_OPTIONS : $50d5d6a623389320$var$DEFAULT_FIELD_OPTIONS;
     fieldOptions = {
-        ...$50d5d6a623389320$var$DEFAULT_FIELD_OPTIONS,
+        ...defaultFieldOptions,
         ...fieldOptions
     };
     let granularity = options.granularity || "minute";
@@ -103,16 +112,24 @@ function $50d5d6a623389320$export$66aa2b09de4b1ea5(placeholderValue, granularity
 }
 function $50d5d6a623389320$export$2440da353cedad43(v, granularity) {
     // Compute default granularity and time zone from the value. If the value becomes null, keep the last values.
-    let lastValue = (0, $h2qOe$react.useRef)(v);
-    if (v) lastValue.current = v;
-    v = lastValue.current;
     let defaultTimeZone = v && "timeZone" in v ? v.timeZone : undefined;
-    granularity = granularity || (v && "minute" in v ? "minute" : "day");
+    let defaultGranularity = v && "minute" in v ? "minute" : "day";
     // props.granularity must actually exist in the value if one is provided.
-    if (v && !(granularity in v)) throw new Error("Invalid granularity " + granularity + " for value " + v.toString());
+    if (v && granularity && !(granularity in v)) throw new Error("Invalid granularity " + granularity + " for value " + v.toString());
+    let [lastValue, setLastValue] = (0, $h2qOe$react.useState)([
+        defaultGranularity,
+        defaultTimeZone
+    ]);
+    // If the granularity or time zone changed, update the last value.
+    if (v && (lastValue[0] !== defaultGranularity || lastValue[1] !== defaultTimeZone)) setLastValue([
+        defaultGranularity,
+        defaultTimeZone
+    ]);
+    if (!granularity) granularity = v ? defaultGranularity : lastValue[0];
+    let timeZone = v ? defaultTimeZone : lastValue[1];
     return [
         granularity,
-        defaultTimeZone
+        timeZone
     ];
 }
 
@@ -120,7 +137,6 @@ function $50d5d6a623389320$export$2440da353cedad43(v, granularity) {
 
 
 
-
 function $aaab7a647e17e1fd$export$87194bb378cc3ac2(props) {
     var _props_isDateUnavailable;
     let overlayState = (0, $h2qOe$reactstatelyoverlays.useOverlayTriggerState)(props);
@@ -154,7 +170,7 @@ function $aaab7a647e17e1fd$export$87194bb378cc3ac2(props) {
         if (shouldClose) overlayState.setOpen(false);
     };
     let selectTime = (newValue)=>{
-        if (selectedDate) commitValue(selectedDate, newValue);
+        if (selectedDate && newValue) commitValue(selectedDate, newValue);
         else setSelectedTime(newValue);
     };
     let validationState = props.validationState || ((0, $50d5d6a623389320$export$eac50920cf2fd59a)(value, props.minValue, props.maxValue) ? "invalid" : null) || (value && ((_props_isDateUnavailable = props.isDateUnavailable) === null || _props_isDateUnavailable === void 0 ? void 0 : _props_isDateUnavailable.call(props, value)) ? "invalid" : null);
@@ -661,11 +677,13 @@ function $596a1f0f523d6752$export$60e84778edff6d26(props) {
             timeZone: defaultTimeZone,
             hideTimeZone: hideTimeZone,
             hourCycle: props.hourCycle,
-            showEra: showEra
+            showEra: showEra,
+            shouldForceLeadingZeros: props.shouldForceLeadingZeros
         }), [
         props.maxGranularity,
         granularity,
         props.hourCycle,
+        props.shouldForceLeadingZeros,
         defaultTimeZone,
         hideTimeZone,
         showEra
@@ -688,6 +706,7 @@ function $596a1f0f523d6752$export$60e84778edff6d26(props) {
     let [validSegments, setValidSegments] = (0, $h2qOe$react.useState)(()=>props.value || props.defaultValue ? {
             ...allSegments
         } : {});
+    let clearedSegment = (0, $h2qOe$react.useRef)();
     // Reset placeholder when calendar changes
     let lastCalendarIdentifier = (0, $h2qOe$react.useRef)(calendar.identifier);
     (0, $h2qOe$react.useEffect)(()=>{
@@ -719,12 +738,20 @@ function $596a1f0f523d6752$export$60e84778edff6d26(props) {
     let displayValue = calendarValue && Object.keys(validSegments).length >= Object.keys(allSegments).length ? calendarValue : placeholderDate;
     let setValue = (newValue)=>{
         if (props.isDisabled || props.isReadOnly) return;
-        if (Object.keys(validSegments).length >= Object.keys(allSegments).length) {
+        let validKeys = Object.keys(validSegments);
+        let allKeys = Object.keys(allSegments);
+        // if all the segments are completed or a timefield with everything but am/pm set the time, also ignore when am/pm cleared
+        if (newValue == null) {
+            setDate(null);
+            setPlaceholderDate((0, $50d5d6a623389320$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone));
+            setValidSegments({});
+        } else if (validKeys.length >= allKeys.length || validKeys.length === allKeys.length - 1 && allSegments.dayPeriod && !validSegments.dayPeriod && clearedSegment.current !== "dayPeriod") {
             // The display calendar should not have any effect on the emitted value.
             // Emit dates in the same calendar as the original value, if any, otherwise gregorian.
             newValue = (0, $h2qOe$internationalizeddate.toCalendar)(newValue, (v === null || v === void 0 ? void 0 : v.calendar) || new (0, $h2qOe$internationalizeddate.GregorianCalendar)());
             setDate(newValue);
         } else setPlaceholderDate(newValue);
+        clearedSegment.current = null;
     };
     let dateValue = (0, $h2qOe$react.useMemo)(()=>displayValue.toDate(timeZone), [
         displayValue,
@@ -775,7 +802,9 @@ function $596a1f0f523d6752$export$60e84778edff6d26(props) {
     let adjustSegment = (type, amount)=>{
         if (!validSegments[type]) {
             markValid(type);
-            if (Object.keys(validSegments).length >= Object.keys(allSegments).length) setValue(displayValue);
+            let validKeys = Object.keys(validSegments);
+            let allKeys = Object.keys(allSegments);
+            if (validKeys.length >= allKeys.length || validKeys.length === allKeys.length - 1 && allSegments.dayPeriod && !validSegments.dayPeriod) setValue(displayValue);
         } else setValue($596a1f0f523d6752$var$addSegment(displayValue, type, amount, resolvedOptions));
     };
     let validationState = props.validationState || ((0, $50d5d6a623389320$export$eac50920cf2fd59a)(calendarValue, props.minValue, props.maxValue) ? "invalid" : null);
@@ -824,6 +853,7 @@ function $596a1f0f523d6752$export$60e84778edff6d26(props) {
         },
         clearSegment (part) {
             delete validSegments[part];
+            clearedSegment.current = part;
             setValidSegments({
                 ...validSegments
             });
@@ -971,10 +1001,10 @@ function $596a1f0f523d6752$var$setSegment(value, part, segmentValue, options) {
         case "hour":
             // In 12 hour time, ensure that AM/PM does not change
             if (options.hour12) {
-                let hours1 = value.hour;
-                let wasPM1 = hours1 >= 12;
-                if (!wasPM1 && segmentValue === 12) segmentValue = 0;
-                if (wasPM1 && segmentValue < 12) segmentValue += 12;
+                let hours = value.hour;
+                let wasPM = hours >= 12;
+                if (!wasPM && segmentValue === 12) segmentValue = 0;
+                if (wasPM && segmentValue < 12) segmentValue += 12;
             }
         // fallthrough
         case "minute":
@@ -1133,9 +1163,9 @@ function $7072d26f58deb33b$export$e50a61c1de9f574(props) {
                     // Now we can combine the parts into start and end strings.
                     let start = "";
                     let end = "";
-                    for(let i1 = 0; i1 < parts.length; i1++){
-                        if (i1 < separatorIndex) start += parts[i1].value;
-                        else if (i1 > separatorIndex) end += parts[i1].value;
+                    for(let i = 0; i < parts.length; i++){
+                        if (i < separatorIndex) start += parts[i].value;
+                        else if (i > separatorIndex) end += parts[i].value;
                     }
                     return {
                         start: start,
@@ -1182,8 +1212,14 @@ function $2654e87be0231a69$export$fd53cef0cc796101(props) {
     let [value, setValue] = (0, $h2qOe$reactstatelyutils.useControlledState)(props.value, props.defaultValue, props.onChange);
     let v = value || placeholderValue;
     let day = v && "day" in v ? v : undefined;
-    let placeholderDate = (0, $h2qOe$react.useMemo)(()=>$2654e87be0231a69$var$convertValue(placeholderValue), [
-        placeholderValue
+    let defaultValueTimeZone = props.defaultValue && "timeZone" in props.defaultValue ? props.defaultValue.timeZone : undefined;
+    let placeholderDate = (0, $h2qOe$react.useMemo)(()=>{
+        let valueTimeZone = v && "timeZone" in v ? v.timeZone : undefined;
+        return (valueTimeZone || defaultValueTimeZone) && placeholderValue ? (0, $h2qOe$internationalizeddate.toZoned)($2654e87be0231a69$var$convertValue(placeholderValue), valueTimeZone || defaultValueTimeZone) : $2654e87be0231a69$var$convertValue(placeholderValue);
+    }, [
+        placeholderValue,
+        v,
+        defaultValueTimeZone
     ]);
     let minDate = (0, $h2qOe$react.useMemo)(()=>$2654e87be0231a69$var$convertValue(minValue, day), [
         minValue,
@@ -1193,13 +1229,16 @@ function $2654e87be0231a69$export$fd53cef0cc796101(props) {
         maxValue,
         day
     ]);
+    let timeValue = (0, $h2qOe$react.useMemo)(()=>value && "day" in value ? (0, $h2qOe$internationalizeddate.toTime)(value) : value, [
+        value
+    ]);
     let dateTime = (0, $h2qOe$react.useMemo)(()=>value == null ? null : $2654e87be0231a69$var$convertValue(value), [
         value
     ]);
     let onChange = (newValue)=>{
-        setValue(v && "day" in v ? newValue : newValue && (0, $h2qOe$internationalizeddate.toTime)(newValue));
+        setValue(day || defaultValueTimeZone ? newValue : newValue && (0, $h2qOe$internationalizeddate.toTime)(newValue));
     };
-    return (0, $596a1f0f523d6752$export$60e84778edff6d26)({
+    let state = (0, $596a1f0f523d6752$export$60e84778edff6d26)({
         ...props,
         value: dateTime,
         defaultValue: undefined,
@@ -1212,6 +1251,10 @@ function $2654e87be0231a69$export$fd53cef0cc796101(props) {
         // Calendar should not matter for time fields.
         createCalendar: ()=>new (0, $h2qOe$internationalizeddate.GregorianCalendar)()
     });
+    return {
+        ...state,
+        timeValue: timeValue
+    };
 }
 function $2654e87be0231a69$var$convertValue(value, date = (0, $h2qOe$internationalizeddate.today)((0, $h2qOe$internationalizeddate.getLocalTimeZone)())) {
     if (!value) return null;