@react-stately/datepicker 3.9.3 → 3.10.0

package/dist/useDateFieldState.mjs

@@ -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,
@@ -107,7 +107,7 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
     let [validSegments, setValidSegments] = (0, $g03ag$useState)(()=>props.value || props.defaultValue ? {
             ...allSegments
         } : {});
-    let clearedSegment = (0, $g03ag$useRef)();
+    let clearedSegment = (0, $g03ag$useRef)(undefined);
     // Reset placeholder when calendar changes
     let lastCalendarIdentifier = (0, $g03ag$useRef)(calendar.identifier);
     (0, $g03ag$useEffect)(()=>{
@@ -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,16 +292,24 @@ 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);
+        },
+        getDateFormatter (locale, formatOptions) {
+            let newOptions = {
+                ...formatOpts,
+                ...formatOptions
+            };
+            let newFormatOptions = (0, $35a22f14a1f04b11$export$7e319ea407e63bc0)({}, newOptions);
+            return new (0, $g03ag$DateFormatter)(locale, newFormatOptions);
         }
     };
 }
 function $3c0fc76039f1c516$var$getSegmentLimits(date, type, options) {
     switch(type){
-        case "era":
+        case 'era':
             {
                 let eras = date.calendar.getEras();
                 return {
@@ -310,33 +318,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 +358,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 +375,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 +392,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 +422,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 +431,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
             });
@@ -433,4 +441,4 @@ function $3c0fc76039f1c516$var$setSegment(value, part, segmentValue, options) {
 
 
 export {$3c0fc76039f1c516$export$60e84778edff6d26 as useDateFieldState};
-//# sourceMappingURL=useDateFieldState.mjs.map
+//# sourceMappingURL=useDateFieldState.module.js.map

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,
@@ -107,7 +107,7 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
     let [validSegments, setValidSegments] = (0, $g03ag$useState)(()=>props.value || props.defaultValue ? {
             ...allSegments
         } : {});
-    let clearedSegment = (0, $g03ag$useRef)();
+    let clearedSegment = (0, $g03ag$useRef)(undefined);
     // Reset placeholder when calendar changes
     let lastCalendarIdentifier = (0, $g03ag$useRef)(calendar.identifier);
     (0, $g03ag$useEffect)(()=>{
@@ -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,16 +292,24 @@ 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);
+        },
+        getDateFormatter (locale, formatOptions) {
+            let newOptions = {
+                ...formatOpts,
+                ...formatOptions
+            };
+            let newFormatOptions = (0, $35a22f14a1f04b11$export$7e319ea407e63bc0)({}, newOptions);
+            return new (0, $g03ag$DateFormatter)(locale, newFormatOptions);
         }
     };
 }
 function $3c0fc76039f1c516$var$getSegmentLimits(date, type, options) {
     switch(type){
-        case "era":
+        case 'era':
             {
                 let eras = date.calendar.getEras();
                 return {
@@ -310,33 +318,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 +358,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 +375,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 +392,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 +422,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 +431,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
             });