@react-stately/datepicker 3.9.3 → 3.9.4

package/dist/useDateFieldState.module.js

@@ -41,15 +41,15 @@ const $3c0fc76039f1c516$var$PAGE_STEP = {
 };
 // Node seems to convert everything to lowercase...
 const $3c0fc76039f1c516$var$TYPE_MAPPING = {
-    dayperiod: "dayPeriod"
+    dayperiod: 'dayPeriod'
 };
 function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
     let { locale: locale, createCalendar: createCalendar, hideTimeZone: hideTimeZone, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, minValue: minValue, maxValue: maxValue, isDateUnavailable: isDateUnavailable } = props;
     let v = props.value || props.defaultValue || props.placeholderValue;
     let [granularity, defaultTimeZone] = (0, $35a22f14a1f04b11$export$2440da353cedad43)(v, props.granularity);
-    let timeZone = defaultTimeZone || "UTC";
+    let timeZone = defaultTimeZone || 'UTC';
     // 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 in v)) throw new Error('Invalid granularity ' + granularity + ' for value ' + v.toString());
     let defaultFormatter = (0, $g03ag$useMemo)(()=>new (0, $g03ag$DateFormatter)(locale), [
         locale
     ]);
@@ -68,12 +68,12 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
     // change from uncontrolled to controlled and emit a warning.
     let [placeholderDate, setPlaceholderDate] = (0, $g03ag$useState)(()=>(0, $35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone));
     let val = calendarValue || placeholderDate;
-    let showEra = calendar.identifier === "gregory" && val.era === "BC";
+    let showEra = calendar.identifier === 'gregory' && val.era === 'BC';
     let formatOpts = (0, $g03ag$useMemo)(()=>{
         var _props_maxGranularity;
         return {
             granularity: granularity,
-            maxGranularity: (_props_maxGranularity = props.maxGranularity) !== null && _props_maxGranularity !== void 0 ? _props_maxGranularity : "year",
+            maxGranularity: (_props_maxGranularity = props.maxGranularity) !== null && _props_maxGranularity !== void 0 ? _props_maxGranularity : 'year',
             timeZone: defaultTimeZone,
             hideTimeZone: hideTimeZone,
             hourCycle: props.hourCycle,
@@ -146,7 +146,7 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
             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") {
+        } 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, $g03ag$toCalendar)(newValue, (v === null || v === void 0 ? void 0 : v.calendar) || new (0, $g03ag$GregorianCalendar)());
@@ -160,7 +160,7 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
     ]);
     let segments = (0, $g03ag$useMemo)(()=>dateFormatter.formatToParts(dateValue).map((segment)=>{
             let isEditable = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type];
-            if (segment.type === "era" && calendar.getEras().length === 1) isEditable = false;
+            if (segment.type === 'era' && calendar.getEras().length === 1) isEditable = false;
             let isPlaceholder = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type] && !validSegments[segment.type];
             let placeholder = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type] ? (0, $3e3ed55ab2966714$export$d3f5c5e0a5023fa0)(segment.type, segment.value, locale) : null;
             return {
@@ -195,7 +195,7 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
     }
     let markValid = (part)=>{
         validSegments[part] = true;
-        if (part === "year" && allSegments.era) validSegments.era = true;
+        if (part === 'year' && allSegments.era) validSegments.era = true;
         setValidSegments({
             ...validSegments
         });
@@ -221,7 +221,7 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
         builtinValidation: builtinValidation
     });
     let isValueInvalid = validation.displayValidation.isInvalid;
-    let validationState = props.validationState || (isValueInvalid ? "invalid" : null);
+    let validationState = props.validationState || (isValueInvalid ? 'invalid' : null);
     var _props_maxGranularity;
     return {
         ...validation,
@@ -234,7 +234,7 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
         validationState: validationState,
         isInvalid: isValueInvalid,
         granularity: granularity,
-        maxGranularity: (_props_maxGranularity = props.maxGranularity) !== null && _props_maxGranularity !== void 0 ? _props_maxGranularity : "year",
+        maxGranularity: (_props_maxGranularity = props.maxGranularity) !== null && _props_maxGranularity !== void 0 ? _props_maxGranularity : 'year',
         isDisabled: isDisabled,
         isReadOnly: isReadOnly,
         isRequired: isRequired,
@@ -276,7 +276,7 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
             let placeholder = (0, $35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone);
             let value = displayValue;
             // Reset day period to default without changing the hour.
-            if (part === "dayPeriod" && "hour" in displayValue && "hour" in placeholder) {
+            if (part === 'dayPeriod' && 'hour' in displayValue && 'hour' in placeholder) {
                 let isPM = displayValue.hour >= 12;
                 let shouldBePM = placeholder.hour >= 12;
                 if (isPM && !shouldBePM) value = displayValue.set({
@@ -292,7 +292,7 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
             setValue(value);
         },
         formatValue (fieldOptions) {
-            if (!calendarValue) return "";
+            if (!calendarValue) return '';
             let formatOptions = (0, $35a22f14a1f04b11$export$7e319ea407e63bc0)(fieldOptions, formatOpts);
             let formatter = new (0, $g03ag$DateFormatter)(locale, formatOptions);
             return formatter.format(dateValue);
@@ -301,7 +301,7 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
 }
 function $3c0fc76039f1c516$var$getSegmentLimits(date, type, options) {
     switch(type){
-        case "era":
+        case 'era':
             {
                 let eras = date.calendar.getEras();
                 return {
@@ -310,33 +310,33 @@ function $3c0fc76039f1c516$var$getSegmentLimits(date, type, options) {
                     maxValue: eras.length - 1
                 };
             }
-        case "year":
+        case 'year':
             return {
                 value: date.year,
                 minValue: 1,
                 maxValue: date.calendar.getYearsInEra(date)
             };
-        case "month":
+        case 'month':
             return {
                 value: date.month,
                 minValue: (0, $g03ag$getMinimumMonthInYear)(date),
                 maxValue: date.calendar.getMonthsInYear(date)
             };
-        case "day":
+        case 'day':
             return {
                 value: date.day,
                 minValue: (0, $g03ag$getMinimumDayInMonth)(date),
                 maxValue: date.calendar.getDaysInMonth(date)
             };
     }
-    if ("hour" in date) switch(type){
-        case "dayPeriod":
+    if ('hour' in date) switch(type){
+        case 'dayPeriod':
             return {
                 value: date.hour >= 12 ? 12 : 0,
                 minValue: 0,
                 maxValue: 12
             };
-        case "hour":
+        case 'hour':
             if (options.hour12) {
                 let isPM = date.hour >= 12;
                 return {
@@ -350,13 +350,13 @@ function $3c0fc76039f1c516$var$getSegmentLimits(date, type, options) {
                 minValue: 0,
                 maxValue: 23
             };
-        case "minute":
+        case 'minute':
             return {
                 value: date.minute,
                 minValue: 0,
                 maxValue: 59
             };
-        case "second":
+        case 'second':
             return {
                 value: date.second,
                 minValue: 0,
@@ -367,16 +367,16 @@ function $3c0fc76039f1c516$var$getSegmentLimits(date, type, options) {
 }
 function $3c0fc76039f1c516$var$addSegment(value, part, amount, options) {
     switch(part){
-        case "era":
-        case "year":
-        case "month":
-        case "day":
+        case 'era':
+        case 'year':
+        case 'month':
+        case 'day':
             return value.cycle(part, amount, {
-                round: part === "year"
+                round: part === 'year'
             });
     }
-    if ("hour" in value) switch(part){
-        case "dayPeriod":
+    if ('hour' in value) switch(part){
+        case 'dayPeriod':
             {
                 let hours = value.hour;
                 let isPM = hours >= 12;
@@ -384,27 +384,27 @@ function $3c0fc76039f1c516$var$addSegment(value, part, amount, options) {
                     hour: isPM ? hours - 12 : hours + 12
                 });
             }
-        case "hour":
-        case "minute":
-        case "second":
+        case 'hour':
+        case 'minute':
+        case 'second':
             return value.cycle(part, amount, {
-                round: part !== "hour",
+                round: part !== 'hour',
                 hourCycle: options.hour12 ? 12 : 24
             });
     }
 }
 function $3c0fc76039f1c516$var$setSegment(value, part, segmentValue, options) {
     switch(part){
-        case "day":
-        case "month":
-        case "year":
-        case "era":
+        case 'day':
+        case 'month':
+        case 'year':
+        case 'era':
             return value.set({
                 [part]: segmentValue
             });
     }
-    if ("hour" in value) switch(part){
-        case "dayPeriod":
+    if ('hour' in value) switch(part){
+        case 'dayPeriod':
             {
                 let hours = value.hour;
                 let wasPM = hours >= 12;
@@ -414,7 +414,7 @@ function $3c0fc76039f1c516$var$setSegment(value, part, segmentValue, options) {
                     hour: wasPM ? hours - 12 : hours + 12
                 });
             }
-        case "hour":
+        case 'hour':
             // In 12 hour time, ensure that AM/PM does not change
             if (options.hour12) {
                 let hours = value.hour;
@@ -423,8 +423,8 @@ function $3c0fc76039f1c516$var$setSegment(value, part, segmentValue, options) {
                 if (wasPM && segmentValue < 12) segmentValue += 12;
             }
         // fallthrough
-        case "minute":
-        case "second":
+        case 'minute':
+        case 'second':
             return value.set({
                 [part]: segmentValue
             });

package/dist/useDatePickerState.main.js

@@ -32,19 +32,19 @@ function $aaab7a647e17e1fd$export$87194bb378cc3ac2(props) {
     let [value, setValue] = (0, $g6L8e$reactstatelyutils.useControlledState)(props.value, props.defaultValue || null, props.onChange);
     let v = value || props.placeholderValue;
     let [granularity, defaultTimeZone] = (0, $50d5d6a623389320$exports.useDefaultProps)(v, props.granularity);
-    let dateValue = value != null ? value.toDate(defaultTimeZone !== null && defaultTimeZone !== void 0 ? defaultTimeZone : "UTC") : null;
-    let hasTime = granularity === "hour" || granularity === "minute" || granularity === "second";
+    let dateValue = value != null ? value.toDate(defaultTimeZone !== null && defaultTimeZone !== void 0 ? defaultTimeZone : 'UTC') : null;
+    let hasTime = granularity === 'hour' || granularity === 'minute' || granularity === 'second';
     var _props_shouldCloseOnSelect;
     let shouldCloseOnSelect = (_props_shouldCloseOnSelect = props.shouldCloseOnSelect) !== null && _props_shouldCloseOnSelect !== void 0 ? _props_shouldCloseOnSelect : true;
     let [selectedDate, setSelectedDate] = (0, $g6L8e$react.useState)(null);
     let [selectedTime, setSelectedTime] = (0, $g6L8e$react.useState)(null);
     if (value) {
         selectedDate = value;
-        if ("hour" in value) selectedTime = value;
+        if ('hour' in value) selectedTime = value;
     }
     // 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());
-    let showEra = (value === null || value === void 0 ? void 0 : value.calendar.identifier) === "gregory" && value.era === "BC";
+    if (v && !(granularity in v)) throw new Error('Invalid granularity ' + granularity + ' for value ' + v.toString());
+    let showEra = (value === null || value === void 0 ? void 0 : value.calendar.identifier) === 'gregory' && value.era === 'BC';
     let formatOpts = (0, $g6L8e$react.useMemo)(()=>({
             granularity: granularity,
             timeZone: defaultTimeZone,
@@ -74,16 +74,16 @@ function $aaab7a647e17e1fd$export$87194bb378cc3ac2(props) {
         builtinValidation: builtinValidation
     });
     let isValueInvalid = validation.displayValidation.isInvalid;
-    let validationState = props.validationState || (isValueInvalid ? "invalid" : null);
+    let validationState = props.validationState || (isValueInvalid ? 'invalid' : null);
     let commitValue = (date, time)=>{
-        setValue("timeZone" in time ? time.set((0, $g6L8e$internationalizeddate.toCalendarDate)(date)) : (0, $g6L8e$internationalizeddate.toCalendarDateTime)(date, time));
+        setValue('timeZone' in time ? time.set((0, $g6L8e$internationalizeddate.toCalendarDate)(date)) : (0, $g6L8e$internationalizeddate.toCalendarDateTime)(date, time));
         setSelectedDate(null);
         setSelectedTime(null);
         validation.commitValidation();
     };
     // Intercept setValue to make sure the Time section is not changed by date selection in Calendar
     let selectDate = (newValue)=>{
-        let shouldClose = typeof shouldCloseOnSelect === "function" ? shouldCloseOnSelect() : shouldCloseOnSelect;
+        let shouldClose = typeof shouldCloseOnSelect === 'function' ? shouldCloseOnSelect() : shouldCloseOnSelect;
         if (hasTime) {
             if (selectedTime || shouldClose) commitValue(newValue, selectedTime || (0, $50d5d6a623389320$exports.getPlaceholderTime)(props.placeholderValue));
             else setSelectedDate(newValue);
@@ -118,7 +118,7 @@ function $aaab7a647e17e1fd$export$87194bb378cc3ac2(props) {
         validationState: validationState,
         isInvalid: isValueInvalid,
         formatValue (locale, fieldOptions) {
-            if (!dateValue) return "";
+            if (!dateValue) return '';
             let formatOptions = (0, $50d5d6a623389320$exports.getFormatOptions)(fieldOptions, formatOpts);
             let formatter = new (0, $g6L8e$internationalizeddate.DateFormatter)(locale, formatOptions);
             return formatter.format(dateValue);

package/dist/useDatePickerState.mjs

@@ -26,19 +26,19 @@ function $ab5bf3f618090389$export$87194bb378cc3ac2(props) {
     let [value, setValue] = (0, $goopS$useControlledState)(props.value, props.defaultValue || null, props.onChange);
     let v = value || props.placeholderValue;
     let [granularity, defaultTimeZone] = (0, $35a22f14a1f04b11$export$2440da353cedad43)(v, props.granularity);
-    let dateValue = value != null ? value.toDate(defaultTimeZone !== null && defaultTimeZone !== void 0 ? defaultTimeZone : "UTC") : null;
-    let hasTime = granularity === "hour" || granularity === "minute" || granularity === "second";
+    let dateValue = value != null ? value.toDate(defaultTimeZone !== null && defaultTimeZone !== void 0 ? defaultTimeZone : 'UTC') : null;
+    let hasTime = granularity === 'hour' || granularity === 'minute' || granularity === 'second';
     var _props_shouldCloseOnSelect;
     let shouldCloseOnSelect = (_props_shouldCloseOnSelect = props.shouldCloseOnSelect) !== null && _props_shouldCloseOnSelect !== void 0 ? _props_shouldCloseOnSelect : true;
     let [selectedDate, setSelectedDate] = (0, $goopS$useState)(null);
     let [selectedTime, setSelectedTime] = (0, $goopS$useState)(null);
     if (value) {
         selectedDate = value;
-        if ("hour" in value) selectedTime = value;
+        if ('hour' in value) selectedTime = value;
     }
     // 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());
-    let showEra = (value === null || value === void 0 ? void 0 : value.calendar.identifier) === "gregory" && value.era === "BC";
+    if (v && !(granularity in v)) throw new Error('Invalid granularity ' + granularity + ' for value ' + v.toString());
+    let showEra = (value === null || value === void 0 ? void 0 : value.calendar.identifier) === 'gregory' && value.era === 'BC';
     let formatOpts = (0, $goopS$useMemo)(()=>({
             granularity: granularity,
             timeZone: defaultTimeZone,
@@ -68,16 +68,16 @@ function $ab5bf3f618090389$export$87194bb378cc3ac2(props) {
         builtinValidation: builtinValidation
     });
     let isValueInvalid = validation.displayValidation.isInvalid;
-    let validationState = props.validationState || (isValueInvalid ? "invalid" : null);
+    let validationState = props.validationState || (isValueInvalid ? 'invalid' : null);
     let commitValue = (date, time)=>{
-        setValue("timeZone" in time ? time.set((0, $goopS$toCalendarDate)(date)) : (0, $goopS$toCalendarDateTime)(date, time));
+        setValue('timeZone' in time ? time.set((0, $goopS$toCalendarDate)(date)) : (0, $goopS$toCalendarDateTime)(date, time));
         setSelectedDate(null);
         setSelectedTime(null);
         validation.commitValidation();
     };
     // Intercept setValue to make sure the Time section is not changed by date selection in Calendar
     let selectDate = (newValue)=>{
-        let shouldClose = typeof shouldCloseOnSelect === "function" ? shouldCloseOnSelect() : shouldCloseOnSelect;
+        let shouldClose = typeof shouldCloseOnSelect === 'function' ? shouldCloseOnSelect() : shouldCloseOnSelect;
         if (hasTime) {
             if (selectedTime || shouldClose) commitValue(newValue, selectedTime || (0, $35a22f14a1f04b11$export$c5221a78ef73c5e9)(props.placeholderValue));
             else setSelectedDate(newValue);
@@ -112,7 +112,7 @@ function $ab5bf3f618090389$export$87194bb378cc3ac2(props) {
         validationState: validationState,
         isInvalid: isValueInvalid,
         formatValue (locale, fieldOptions) {
-            if (!dateValue) return "";
+            if (!dateValue) return '';
             let formatOptions = (0, $35a22f14a1f04b11$export$7e319ea407e63bc0)(fieldOptions, formatOpts);
             let formatter = new (0, $goopS$DateFormatter)(locale, formatOptions);
             return formatter.format(dateValue);
@@ -122,4 +122,4 @@ function $ab5bf3f618090389$export$87194bb378cc3ac2(props) {
 
 
 export {$ab5bf3f618090389$export$87194bb378cc3ac2 as useDatePickerState};
-//# sourceMappingURL=useDatePickerState.mjs.map
+//# sourceMappingURL=useDatePickerState.module.js.map

package/dist/useDatePickerState.module.js

@@ -26,19 +26,19 @@ function $ab5bf3f618090389$export$87194bb378cc3ac2(props) {
     let [value, setValue] = (0, $goopS$useControlledState)(props.value, props.defaultValue || null, props.onChange);
     let v = value || props.placeholderValue;
     let [granularity, defaultTimeZone] = (0, $35a22f14a1f04b11$export$2440da353cedad43)(v, props.granularity);
-    let dateValue = value != null ? value.toDate(defaultTimeZone !== null && defaultTimeZone !== void 0 ? defaultTimeZone : "UTC") : null;
-    let hasTime = granularity === "hour" || granularity === "minute" || granularity === "second";
+    let dateValue = value != null ? value.toDate(defaultTimeZone !== null && defaultTimeZone !== void 0 ? defaultTimeZone : 'UTC') : null;
+    let hasTime = granularity === 'hour' || granularity === 'minute' || granularity === 'second';
     var _props_shouldCloseOnSelect;
     let shouldCloseOnSelect = (_props_shouldCloseOnSelect = props.shouldCloseOnSelect) !== null && _props_shouldCloseOnSelect !== void 0 ? _props_shouldCloseOnSelect : true;
     let [selectedDate, setSelectedDate] = (0, $goopS$useState)(null);
     let [selectedTime, setSelectedTime] = (0, $goopS$useState)(null);
     if (value) {
         selectedDate = value;
-        if ("hour" in value) selectedTime = value;
+        if ('hour' in value) selectedTime = value;
     }
     // 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());
-    let showEra = (value === null || value === void 0 ? void 0 : value.calendar.identifier) === "gregory" && value.era === "BC";
+    if (v && !(granularity in v)) throw new Error('Invalid granularity ' + granularity + ' for value ' + v.toString());
+    let showEra = (value === null || value === void 0 ? void 0 : value.calendar.identifier) === 'gregory' && value.era === 'BC';
     let formatOpts = (0, $goopS$useMemo)(()=>({
             granularity: granularity,
             timeZone: defaultTimeZone,
@@ -68,16 +68,16 @@ function $ab5bf3f618090389$export$87194bb378cc3ac2(props) {
         builtinValidation: builtinValidation
     });
     let isValueInvalid = validation.displayValidation.isInvalid;
-    let validationState = props.validationState || (isValueInvalid ? "invalid" : null);
+    let validationState = props.validationState || (isValueInvalid ? 'invalid' : null);
     let commitValue = (date, time)=>{
-        setValue("timeZone" in time ? time.set((0, $goopS$toCalendarDate)(date)) : (0, $goopS$toCalendarDateTime)(date, time));
+        setValue('timeZone' in time ? time.set((0, $goopS$toCalendarDate)(date)) : (0, $goopS$toCalendarDateTime)(date, time));
         setSelectedDate(null);
         setSelectedTime(null);
         validation.commitValidation();
     };
     // Intercept setValue to make sure the Time section is not changed by date selection in Calendar
     let selectDate = (newValue)=>{
-        let shouldClose = typeof shouldCloseOnSelect === "function" ? shouldCloseOnSelect() : shouldCloseOnSelect;
+        let shouldClose = typeof shouldCloseOnSelect === 'function' ? shouldCloseOnSelect() : shouldCloseOnSelect;
         if (hasTime) {
             if (selectedTime || shouldClose) commitValue(newValue, selectedTime || (0, $35a22f14a1f04b11$export$c5221a78ef73c5e9)(props.placeholderValue));
             else setSelectedDate(newValue);
@@ -112,7 +112,7 @@ function $ab5bf3f618090389$export$87194bb378cc3ac2(props) {
         validationState: validationState,
         isInvalid: isValueInvalid,
         formatValue (locale, fieldOptions) {
-            if (!dateValue) return "";
+            if (!dateValue) return '';
             let formatOptions = (0, $35a22f14a1f04b11$export$7e319ea407e63bc0)(fieldOptions, formatOpts);
             let formatter = new (0, $goopS$DateFormatter)(locale, formatOptions);
             return formatter.format(dateValue);

package/dist/useDateRangePickerState.main.js

@@ -54,19 +54,19 @@ function $7072d26f58deb33b$export$e50a61c1de9f574(props) {
     };
     let v = (value === null || value === void 0 ? void 0 : value.start) || (value === null || value === void 0 ? void 0 : value.end) || props.placeholderValue;
     let [granularity, defaultTimeZone] = (0, $50d5d6a623389320$exports.useDefaultProps)(v, props.granularity);
-    let hasTime = granularity === "hour" || granularity === "minute" || granularity === "second";
+    let hasTime = granularity === 'hour' || granularity === 'minute' || granularity === 'second';
     var _props_shouldCloseOnSelect;
     let shouldCloseOnSelect = (_props_shouldCloseOnSelect = props.shouldCloseOnSelect) !== null && _props_shouldCloseOnSelect !== void 0 ? _props_shouldCloseOnSelect : true;
     let [dateRange, setSelectedDateRange] = (0, $9LYIl$react.useState)(null);
     let [timeRange, setSelectedTimeRange] = (0, $9LYIl$react.useState)(null);
     if (value && value.start && value.end) {
         dateRange = value;
-        if ("hour" in value.start) timeRange = value;
+        if ('hour' in value.start) timeRange = value;
     }
     let commitValue = (dateRange, timeRange)=>{
         setValue({
-            start: "timeZone" in timeRange.start ? timeRange.start.set((0, $9LYIl$internationalizeddate.toCalendarDate)(dateRange.start)) : (0, $9LYIl$internationalizeddate.toCalendarDateTime)(dateRange.start, timeRange.start),
-            end: "timeZone" in timeRange.end ? timeRange.end.set((0, $9LYIl$internationalizeddate.toCalendarDate)(dateRange.end)) : (0, $9LYIl$internationalizeddate.toCalendarDateTime)(dateRange.end, timeRange.end)
+            start: 'timeZone' in timeRange.start ? timeRange.start.set((0, $9LYIl$internationalizeddate.toCalendarDate)(dateRange.start)) : (0, $9LYIl$internationalizeddate.toCalendarDateTime)(dateRange.start, timeRange.start),
+            end: 'timeZone' in timeRange.end ? timeRange.end.set((0, $9LYIl$internationalizeddate.toCalendarDate)(dateRange.end)) : (0, $9LYIl$internationalizeddate.toCalendarDateTime)(dateRange.end, timeRange.end)
         });
         setSelectedDateRange(null);
         setSelectedTimeRange(null);
@@ -74,7 +74,7 @@ function $7072d26f58deb33b$export$e50a61c1de9f574(props) {
     };
     // Intercept setValue to make sure the Time section is not changed by date selection in Calendar
     let setDateRange = (range)=>{
-        let shouldClose = typeof shouldCloseOnSelect === "function" ? shouldCloseOnSelect() : shouldCloseOnSelect;
+        let shouldClose = typeof shouldCloseOnSelect === 'function' ? shouldCloseOnSelect() : shouldCloseOnSelect;
         if (hasTime) {
             if (shouldClose || range.start && range.end && (timeRange === null || timeRange === void 0 ? void 0 : timeRange.start) && (timeRange === null || timeRange === void 0 ? void 0 : timeRange.end)) commitValue(range, {
                 start: (timeRange === null || timeRange === void 0 ? void 0 : timeRange.start) || (0, $50d5d6a623389320$exports.getPlaceholderTime)(props.placeholderValue),
@@ -91,7 +91,7 @@ function $7072d26f58deb33b$export$e50a61c1de9f574(props) {
         if ((dateRange === null || dateRange === void 0 ? void 0 : dateRange.start) && (dateRange === null || dateRange === void 0 ? void 0 : dateRange.end) && range.start && range.end) commitValue(dateRange, range);
         else setSelectedTimeRange(range);
     };
-    let showEra = (value === null || value === void 0 ? void 0 : (_value_start = value.start) === null || _value_start === void 0 ? void 0 : _value_start.calendar.identifier) === "gregory" && value.start.era === "BC" || (value === null || value === void 0 ? void 0 : (_value_end = value.end) === null || _value_end === void 0 ? void 0 : _value_end.calendar.identifier) === "gregory" && value.end.era === "BC";
+    let showEra = (value === null || value === void 0 ? void 0 : (_value_start = value.start) === null || _value_start === void 0 ? void 0 : _value_start.calendar.identifier) === 'gregory' && value.start.era === 'BC' || (value === null || value === void 0 ? void 0 : (_value_end = value.end) === null || _value_end === void 0 ? void 0 : _value_end.calendar.identifier) === 'gregory' && value.end.era === 'BC';
     let formatOpts = (0, $9LYIl$react.useMemo)(()=>({
             granularity: granularity,
             timeZone: defaultTimeZone,
@@ -128,7 +128,7 @@ function $7072d26f58deb33b$export$e50a61c1de9f574(props) {
         builtinValidation: builtinValidation
     });
     let isValueInvalid = validation.displayValidation.isInvalid;
-    let validationState = props.validationState || (isValueInvalid ? "invalid" : null);
+    let validationState = props.validationState || (isValueInvalid ? 'invalid' : null);
     return {
         ...validation,
         value: value,
@@ -172,19 +172,19 @@ function $7072d26f58deb33b$export$e50a61c1de9f574(props) {
         isInvalid: isValueInvalid,
         formatValue (locale, fieldOptions) {
             if (!value || !value.start || !value.end) return null;
-            let startTimeZone = "timeZone" in value.start ? value.start.timeZone : undefined;
-            let startGranularity = props.granularity || (value.start && "minute" in value.start ? "minute" : "day");
-            let endTimeZone = "timeZone" in value.end ? value.end.timeZone : undefined;
-            let endGranularity = props.granularity || (value.end && "minute" in value.end ? "minute" : "day");
+            let startTimeZone = 'timeZone' in value.start ? value.start.timeZone : undefined;
+            let startGranularity = props.granularity || (value.start && 'minute' in value.start ? 'minute' : 'day');
+            let endTimeZone = 'timeZone' in value.end ? value.end.timeZone : undefined;
+            let endGranularity = props.granularity || (value.end && 'minute' in value.end ? 'minute' : 'day');
             let startOptions = (0, $50d5d6a623389320$exports.getFormatOptions)(fieldOptions, {
                 granularity: startGranularity,
                 timeZone: startTimeZone,
                 hideTimeZone: props.hideTimeZone,
                 hourCycle: props.hourCycle,
-                showEra: value.start.calendar.identifier === "gregory" && value.start.era === "BC" || value.end.calendar.identifier === "gregory" && value.end.era === "BC"
+                showEra: value.start.calendar.identifier === 'gregory' && value.start.era === 'BC' || value.end.calendar.identifier === 'gregory' && value.end.era === 'BC'
             });
-            let startDate = value.start.toDate(startTimeZone || "UTC");
-            let endDate = value.end.toDate(endTimeZone || "UTC");
+            let startDate = value.start.toDate(startTimeZone || 'UTC');
+            let endDate = value.end.toDate(endTimeZone || 'UTC');
             let startFormatter = new (0, $9LYIl$internationalizeddate.DateFormatter)(locale, startOptions);
             let endFormatter;
             if (startTimeZone === endTimeZone && startGranularity === endGranularity && value.start.compare(value.end) !== 0) {
@@ -198,12 +198,12 @@ function $7072d26f58deb33b$export$e50a61c1de9f574(props) {
                     let separatorIndex = -1;
                     for(let i = 0; i < parts.length; i++){
                         let part = parts[i];
-                        if (part.source === "shared" && part.type === "literal") separatorIndex = i;
-                        else if (part.source === "endRange") break;
+                        if (part.source === 'shared' && part.type === 'literal') separatorIndex = i;
+                        else if (part.source === 'endRange') break;
                     }
                     // Now we can combine the parts into start and end strings.
-                    let start = "";
-                    let end = "";
+                    let start = '';
+                    let end = '';
                     for(let i = 0; i < parts.length; i++){
                         if (i < separatorIndex) start += parts[i].value;
                         else if (i > separatorIndex) end += parts[i].value;

package/dist/useDateRangePickerState.mjs

@@ -48,19 +48,19 @@ function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
     };
     let v = (value === null || value === void 0 ? void 0 : value.start) || (value === null || value === void 0 ? void 0 : value.end) || props.placeholderValue;
     let [granularity, defaultTimeZone] = (0, $35a22f14a1f04b11$export$2440da353cedad43)(v, props.granularity);
-    let hasTime = granularity === "hour" || granularity === "minute" || granularity === "second";
+    let hasTime = granularity === 'hour' || granularity === 'minute' || granularity === 'second';
     var _props_shouldCloseOnSelect;
     let shouldCloseOnSelect = (_props_shouldCloseOnSelect = props.shouldCloseOnSelect) !== null && _props_shouldCloseOnSelect !== void 0 ? _props_shouldCloseOnSelect : true;
     let [dateRange, setSelectedDateRange] = (0, $hac8C$useState)(null);
     let [timeRange, setSelectedTimeRange] = (0, $hac8C$useState)(null);
     if (value && value.start && value.end) {
         dateRange = value;
-        if ("hour" in value.start) timeRange = value;
+        if ('hour' in value.start) timeRange = value;
     }
     let commitValue = (dateRange, timeRange)=>{
         setValue({
-            start: "timeZone" in timeRange.start ? timeRange.start.set((0, $hac8C$toCalendarDate)(dateRange.start)) : (0, $hac8C$toCalendarDateTime)(dateRange.start, timeRange.start),
-            end: "timeZone" in timeRange.end ? timeRange.end.set((0, $hac8C$toCalendarDate)(dateRange.end)) : (0, $hac8C$toCalendarDateTime)(dateRange.end, timeRange.end)
+            start: 'timeZone' in timeRange.start ? timeRange.start.set((0, $hac8C$toCalendarDate)(dateRange.start)) : (0, $hac8C$toCalendarDateTime)(dateRange.start, timeRange.start),
+            end: 'timeZone' in timeRange.end ? timeRange.end.set((0, $hac8C$toCalendarDate)(dateRange.end)) : (0, $hac8C$toCalendarDateTime)(dateRange.end, timeRange.end)
         });
         setSelectedDateRange(null);
         setSelectedTimeRange(null);
@@ -68,7 +68,7 @@ function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
     };
     // Intercept setValue to make sure the Time section is not changed by date selection in Calendar
     let setDateRange = (range)=>{
-        let shouldClose = typeof shouldCloseOnSelect === "function" ? shouldCloseOnSelect() : shouldCloseOnSelect;
+        let shouldClose = typeof shouldCloseOnSelect === 'function' ? shouldCloseOnSelect() : shouldCloseOnSelect;
         if (hasTime) {
             if (shouldClose || range.start && range.end && (timeRange === null || timeRange === void 0 ? void 0 : timeRange.start) && (timeRange === null || timeRange === void 0 ? void 0 : timeRange.end)) commitValue(range, {
                 start: (timeRange === null || timeRange === void 0 ? void 0 : timeRange.start) || (0, $35a22f14a1f04b11$export$c5221a78ef73c5e9)(props.placeholderValue),
@@ -85,7 +85,7 @@ function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
         if ((dateRange === null || dateRange === void 0 ? void 0 : dateRange.start) && (dateRange === null || dateRange === void 0 ? void 0 : dateRange.end) && range.start && range.end) commitValue(dateRange, range);
         else setSelectedTimeRange(range);
     };
-    let showEra = (value === null || value === void 0 ? void 0 : (_value_start = value.start) === null || _value_start === void 0 ? void 0 : _value_start.calendar.identifier) === "gregory" && value.start.era === "BC" || (value === null || value === void 0 ? void 0 : (_value_end = value.end) === null || _value_end === void 0 ? void 0 : _value_end.calendar.identifier) === "gregory" && value.end.era === "BC";
+    let showEra = (value === null || value === void 0 ? void 0 : (_value_start = value.start) === null || _value_start === void 0 ? void 0 : _value_start.calendar.identifier) === 'gregory' && value.start.era === 'BC' || (value === null || value === void 0 ? void 0 : (_value_end = value.end) === null || _value_end === void 0 ? void 0 : _value_end.calendar.identifier) === 'gregory' && value.end.era === 'BC';
     let formatOpts = (0, $hac8C$useMemo)(()=>({
             granularity: granularity,
             timeZone: defaultTimeZone,
@@ -122,7 +122,7 @@ function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
         builtinValidation: builtinValidation
     });
     let isValueInvalid = validation.displayValidation.isInvalid;
-    let validationState = props.validationState || (isValueInvalid ? "invalid" : null);
+    let validationState = props.validationState || (isValueInvalid ? 'invalid' : null);
     return {
         ...validation,
         value: value,
@@ -166,19 +166,19 @@ function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
         isInvalid: isValueInvalid,
         formatValue (locale, fieldOptions) {
             if (!value || !value.start || !value.end) return null;
-            let startTimeZone = "timeZone" in value.start ? value.start.timeZone : undefined;
-            let startGranularity = props.granularity || (value.start && "minute" in value.start ? "minute" : "day");
-            let endTimeZone = "timeZone" in value.end ? value.end.timeZone : undefined;
-            let endGranularity = props.granularity || (value.end && "minute" in value.end ? "minute" : "day");
+            let startTimeZone = 'timeZone' in value.start ? value.start.timeZone : undefined;
+            let startGranularity = props.granularity || (value.start && 'minute' in value.start ? 'minute' : 'day');
+            let endTimeZone = 'timeZone' in value.end ? value.end.timeZone : undefined;
+            let endGranularity = props.granularity || (value.end && 'minute' in value.end ? 'minute' : 'day');
             let startOptions = (0, $35a22f14a1f04b11$export$7e319ea407e63bc0)(fieldOptions, {
                 granularity: startGranularity,
                 timeZone: startTimeZone,
                 hideTimeZone: props.hideTimeZone,
                 hourCycle: props.hourCycle,
-                showEra: value.start.calendar.identifier === "gregory" && value.start.era === "BC" || value.end.calendar.identifier === "gregory" && value.end.era === "BC"
+                showEra: value.start.calendar.identifier === 'gregory' && value.start.era === 'BC' || value.end.calendar.identifier === 'gregory' && value.end.era === 'BC'
             });
-            let startDate = value.start.toDate(startTimeZone || "UTC");
-            let endDate = value.end.toDate(endTimeZone || "UTC");
+            let startDate = value.start.toDate(startTimeZone || 'UTC');
+            let endDate = value.end.toDate(endTimeZone || 'UTC');
             let startFormatter = new (0, $hac8C$DateFormatter)(locale, startOptions);
             let endFormatter;
             if (startTimeZone === endTimeZone && startGranularity === endGranularity && value.start.compare(value.end) !== 0) {
@@ -192,12 +192,12 @@ function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
                     let separatorIndex = -1;
                     for(let i = 0; i < parts.length; i++){
                         let part = parts[i];
-                        if (part.source === "shared" && part.type === "literal") separatorIndex = i;
-                        else if (part.source === "endRange") break;
+                        if (part.source === 'shared' && part.type === 'literal') separatorIndex = i;
+                        else if (part.source === 'endRange') break;
                     }
                     // Now we can combine the parts into start and end strings.
-                    let start = "";
-                    let end = "";
+                    let start = '';
+                    let end = '';
                     for(let i = 0; i < parts.length; i++){
                         if (i < separatorIndex) start += parts[i].value;
                         else if (i > separatorIndex) end += parts[i].value;
@@ -229,4 +229,4 @@ function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
 
 
 export {$93c38a5e28be6249$export$e50a61c1de9f574 as useDateRangePickerState};
-//# sourceMappingURL=useDateRangePickerState.mjs.map
+//# sourceMappingURL=useDateRangePickerState.module.js.map