@react-stately/datepicker 3.8.0 → 3.9.1

package/dist/module.js

@@ -1,9 +1,48 @@
+import $b3427c06585c22a0$exports from "./ar-AE.module.js";
+import $d282528f459122b9$exports from "./bg-BG.module.js";
+import $2d5eecd634a9ca45$exports from "./cs-CZ.module.js";
+import $c8e2288226c24a67$exports from "./da-DK.module.js";
+import $6f5745e389c346d7$exports from "./de-DE.module.js";
+import $8c882ccf4300d1da$exports from "./el-GR.module.js";
+import $22195056771860be$exports from "./en-US.module.js";
+import $cedfa43b4e2a5906$exports from "./es-ES.module.js";
+import $eeeaa8daee3601c7$exports from "./et-EE.module.js";
+import $35e0614a49b3bb40$exports from "./fi-FI.module.js";
+import $929bc63f7705a78f$exports from "./fr-FR.module.js";
+import $9a28d073b034d183$exports from "./he-IL.module.js";
+import $7743e79780ebcca3$exports from "./hr-HR.module.js";
+import $3351817a04898858$exports from "./hu-HU.module.js";
+import $4120bdb1d03484db$exports from "./it-IT.module.js";
+import $65e5e1569f34ea4f$exports from "./ja-JP.module.js";
+import $d34552a7550967e7$exports from "./ko-KR.module.js";
+import $8f855bffe63f6eca$exports from "./lt-LT.module.js";
+import $ce40f46d09034645$exports from "./lv-LV.module.js";
+import $dd1a9a73340c793e$exports from "./nb-NO.module.js";
+import $4ee1fb3f0cbe6f59$exports from "./nl-NL.module.js";
+import $c85829aebb0bc94b$exports from "./pl-PL.module.js";
+import $27f5cd2291ca8a02$exports from "./pt-BR.module.js";
+import $e046fdccd69bea8e$exports from "./pt-PT.module.js";
+import $fa5f88e804986547$exports from "./ro-RO.module.js";
+import $28e4714602d1b568$exports from "./ru-RU.module.js";
+import $4e3bc8cf783ad569$exports from "./sk-SK.module.js";
+import $bee07513333bdc15$exports from "./sl-SI.module.js";
+import $7ed9c6fad16a15ec$exports from "./sr-SP.module.js";
+import $8bef6d5a236de86c$exports from "./sv-SE.module.js";
+import $098b9a2d2340cfc5$exports from "./tr-TR.module.js";
+import $54a862ea7fad7419$exports from "./uk-UA.module.js";
+import $e6cc491d590dfda5$exports from "./zh-CN.module.js";
+import $9aebf53181a474bd$exports from "./zh-TW.module.js";
 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 {useFormValidationState as $7UzoM$useFormValidationState, mergeValidation as $7UzoM$mergeValidation, VALID_VALIDITY_STATE as $7UzoM$VALID_VALIDITY_STATE} from "@react-stately/form";
 import {useOverlayTriggerState as $7UzoM$useOverlayTriggerState} from "@react-stately/overlays";
 import {useControlledState as $7UzoM$useControlledState} from "@react-stately/utils";
-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";
+import {useState as $7UzoM$useState, useMemo as $7UzoM$useMemo, useRef as $7UzoM$useRef, useEffect as $7UzoM$useEffect, useCallback as $7UzoM$useCallback} from "react";
+import {LocalizedStringDictionary as $7UzoM$LocalizedStringDictionary, LocalizedStringFormatter as $7UzoM$LocalizedStringFormatter} from "@internationalized/string";
 
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -36,9 +75,144 @@ import {LocalizedStringDictionary as $7UzoM$LocalizedStringDictionary} from "@in
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
+var $452ac34de8c2444e$exports = {};
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
-function $35a22f14a1f04b11$export$eac50920cf2fd59a(value, minValue, maxValue) {
-    return value != null && (minValue != null && value.compare(minValue) < 0 || maxValue != null && value.compare(maxValue) > 0);
+
+
+
+
+
+
+
+$452ac34de8c2444e$exports = {
+    "ar-AE": $b3427c06585c22a0$exports,
+    "bg-BG": $d282528f459122b9$exports,
+    "cs-CZ": $2d5eecd634a9ca45$exports,
+    "da-DK": $c8e2288226c24a67$exports,
+    "de-DE": $6f5745e389c346d7$exports,
+    "el-GR": $8c882ccf4300d1da$exports,
+    "en-US": $22195056771860be$exports,
+    "es-ES": $cedfa43b4e2a5906$exports,
+    "et-EE": $eeeaa8daee3601c7$exports,
+    "fi-FI": $35e0614a49b3bb40$exports,
+    "fr-FR": $929bc63f7705a78f$exports,
+    "he-IL": $9a28d073b034d183$exports,
+    "hr-HR": $7743e79780ebcca3$exports,
+    "hu-HU": $3351817a04898858$exports,
+    "it-IT": $4120bdb1d03484db$exports,
+    "ja-JP": $65e5e1569f34ea4f$exports,
+    "ko-KR": $d34552a7550967e7$exports,
+    "lt-LT": $8f855bffe63f6eca$exports,
+    "lv-LV": $ce40f46d09034645$exports,
+    "nb-NO": $dd1a9a73340c793e$exports,
+    "nl-NL": $4ee1fb3f0cbe6f59$exports,
+    "pl-PL": $c85829aebb0bc94b$exports,
+    "pt-BR": $27f5cd2291ca8a02$exports,
+    "pt-PT": $e046fdccd69bea8e$exports,
+    "ro-RO": $fa5f88e804986547$exports,
+    "ru-RU": $28e4714602d1b568$exports,
+    "sk-SK": $4e3bc8cf783ad569$exports,
+    "sl-SI": $bee07513333bdc15$exports,
+    "sr-SP": $7ed9c6fad16a15ec$exports,
+    "sv-SE": $8bef6d5a236de86c$exports,
+    "tr-TR": $098b9a2d2340cfc5$exports,
+    "uk-UA": $54a862ea7fad7419$exports,
+    "zh-CN": $e6cc491d590dfda5$exports,
+    "zh-TW": $9aebf53181a474bd$exports
+};
+
+
+
+
+
+const $35a22f14a1f04b11$var$dictionary = new (0, $7UzoM$LocalizedStringDictionary)((0, (/*@__PURE__*/$parcel$interopDefault($452ac34de8c2444e$exports))));
+function $35a22f14a1f04b11$var$getLocale() {
+    // Match browser language setting here, NOT react-aria's I18nProvider, so that we match other browser-provided
+    // validation messages, which to not respect our provider's language.
+    // @ts-ignore
+    return typeof navigator !== "undefined" && (navigator.language || navigator.userLanguage) || "en-US";
+}
+function $35a22f14a1f04b11$export$f18627323ab57ac0(value, minValue, maxValue, isDateUnavailable, options) {
+    let rangeOverflow = value != null && maxValue != null && value.compare(maxValue) > 0;
+    let rangeUnderflow = value != null && minValue != null && value.compare(minValue) < 0;
+    let isUnavailable = value != null && (isDateUnavailable === null || isDateUnavailable === void 0 ? void 0 : isDateUnavailable(value)) || false;
+    let isInvalid = rangeOverflow || rangeUnderflow || isUnavailable;
+    let errors = [];
+    if (isInvalid) {
+        let locale = $35a22f14a1f04b11$var$getLocale();
+        let strings = (0, $7UzoM$LocalizedStringDictionary).getGlobalDictionaryForPackage("@react-stately/datepicker") || $35a22f14a1f04b11$var$dictionary;
+        let formatter = new (0, $7UzoM$LocalizedStringFormatter)(locale, strings);
+        let dateFormatter = new (0, $7UzoM$DateFormatter)(locale, $35a22f14a1f04b11$export$7e319ea407e63bc0({}, options));
+        let timeZone = dateFormatter.resolvedOptions().timeZone;
+        if (rangeUnderflow) errors.push(formatter.format("rangeUnderflow", {
+            minValue: dateFormatter.format(minValue.toDate(timeZone))
+        }));
+        if (rangeOverflow) errors.push(formatter.format("rangeOverflow", {
+            maxValue: dateFormatter.format(maxValue.toDate(timeZone))
+        }));
+        if (isUnavailable) errors.push(formatter.format("unavailableDate"));
+    }
+    return {
+        isInvalid: isInvalid,
+        validationErrors: errors,
+        validationDetails: {
+            badInput: isUnavailable,
+            customError: false,
+            patternMismatch: false,
+            rangeOverflow: rangeOverflow,
+            rangeUnderflow: rangeUnderflow,
+            stepMismatch: false,
+            tooLong: false,
+            tooShort: false,
+            typeMismatch: false,
+            valueMissing: false,
+            valid: !isInvalid
+        }
+    };
+}
+function $35a22f14a1f04b11$export$80ff8fc0ae339c13(value, minValue, maxValue, isDateUnavailable, options) {
+    let startValidation = $35a22f14a1f04b11$export$f18627323ab57ac0(value === null || value === void 0 ? void 0 : value.start, minValue, maxValue, isDateUnavailable, options);
+    let endValidation = $35a22f14a1f04b11$export$f18627323ab57ac0(value === null || value === void 0 ? void 0 : value.end, minValue, maxValue, isDateUnavailable, options);
+    let result = (0, $7UzoM$mergeValidation)(startValidation, endValidation);
+    if (value.end != null && value.start != null && value.end.compare(value.start) < 0) result = (0, $7UzoM$mergeValidation)(result, {
+        isInvalid: true,
+        validationErrors: [
+            $35a22f14a1f04b11$var$dictionary.getStringForLocale("rangeReversed", $35a22f14a1f04b11$var$getLocale())
+        ],
+        validationDetails: {
+            ...(0, $7UzoM$VALID_VALIDITY_STATE),
+            rangeUnderflow: true,
+            rangeOverflow: true,
+            valid: false
+        }
+    });
+    return result;
 }
 const $35a22f14a1f04b11$var$DEFAULT_FIELD_OPTIONS = {
     year: "numeric",
@@ -129,8 +303,8 @@ function $35a22f14a1f04b11$export$2440da353cedad43(v, granularity) {
 
 
 
+
 function $ab5bf3f618090389$export$87194bb378cc3ac2(props) {
-    var _props_isDateUnavailable;
     let overlayState = (0, $7UzoM$useOverlayTriggerState)(props);
     let [value, setValue] = (0, $7UzoM$useControlledState)(props.value, props.defaultValue || null, props.onChange);
     let v = value || props.placeholderValue;
@@ -147,10 +321,42 @@ function $ab5bf3f618090389$export$87194bb378cc3ac2(props) {
     }
     // 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";
+    let formatOpts = (0, $7UzoM$useMemo)(()=>({
+            granularity: granularity,
+            timeZone: defaultTimeZone,
+            hideTimeZone: props.hideTimeZone,
+            hourCycle: props.hourCycle,
+            shouldForceLeadingZeros: props.shouldForceLeadingZeros,
+            showEra: showEra
+        }), [
+        granularity,
+        props.hourCycle,
+        props.shouldForceLeadingZeros,
+        defaultTimeZone,
+        props.hideTimeZone,
+        showEra
+    ]);
+    let { minValue: minValue, maxValue: maxValue, isDateUnavailable: isDateUnavailable } = props;
+    let builtinValidation = (0, $7UzoM$useMemo)(()=>(0, $35a22f14a1f04b11$export$f18627323ab57ac0)(value, minValue, maxValue, isDateUnavailable, formatOpts), [
+        value,
+        minValue,
+        maxValue,
+        isDateUnavailable,
+        formatOpts
+    ]);
+    let validation = (0, $7UzoM$useFormValidationState)({
+        ...props,
+        value: value,
+        builtinValidation: builtinValidation
+    });
+    let isValueInvalid = validation.displayValidation.isInvalid;
+    let validationState = props.validationState || (isValueInvalid ? "invalid" : null);
     let commitValue = (date, time)=>{
         setValue("timeZone" in time ? time.set((0, $7UzoM$toCalendarDate)(date)) : (0, $7UzoM$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)=>{
@@ -158,16 +364,18 @@ function $ab5bf3f618090389$export$87194bb378cc3ac2(props) {
         if (hasTime) {
             if (selectedTime || shouldClose) commitValue(newValue, selectedTime || (0, $35a22f14a1f04b11$export$c5221a78ef73c5e9)(props.placeholderValue));
             else setSelectedDate(newValue);
-        } else setValue(newValue);
+        } else {
+            setValue(newValue);
+            validation.commitValidation();
+        }
         if (shouldClose) overlayState.setOpen(false);
     };
     let selectTime = (newValue)=>{
         if (selectedDate && newValue) commitValue(selectedDate, newValue);
         else setSelectedTime(newValue);
     };
-    let isValueInvalid = props.isInvalid || props.validationState === "invalid" || (0, $35a22f14a1f04b11$export$eac50920cf2fd59a)(value, props.minValue, props.maxValue) || value && ((_props_isDateUnavailable = props.isDateUnavailable) === null || _props_isDateUnavailable === void 0 ? void 0 : _props_isDateUnavailable.call(props, value));
-    let validationState = props.validationState || (isValueInvalid ? "invalid" : null);
     return {
+        ...validation,
         value: value,
         setValue: setValue,
         dateValue: selectedDate,
@@ -188,13 +396,7 @@ function $ab5bf3f618090389$export$87194bb378cc3ac2(props) {
         isInvalid: isValueInvalid,
         formatValue (locale, fieldOptions) {
             if (!dateValue) return "";
-            let formatOptions = (0, $35a22f14a1f04b11$export$7e319ea407e63bc0)(fieldOptions, {
-                granularity: granularity,
-                timeZone: defaultTimeZone,
-                hideTimeZone: props.hideTimeZone,
-                hourCycle: props.hourCycle,
-                showEra: value.calendar.identifier === "gregory" && value.era === "BC"
-            });
+            let formatOptions = (0, $35a22f14a1f04b11$export$7e319ea407e63bc0)(fieldOptions, formatOpts);
             let formatter = new (0, $7UzoM$DateFormatter)(locale, formatOptions);
             return formatter.format(dateValue);
         }
@@ -214,6 +416,7 @@ function $ab5bf3f618090389$export$87194bb378cc3ac2(props) {
  * governing permissions and limitations under the License.
  */ 
 
+
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -240,9 +443,9 @@ const $3e3ed55ab2966714$var$placeholders = new (0, $7UzoM$LocalizedStringDiction
         day: "dd"
     },
     am: {
-        year: "ዓዓዓዓ",
-        month: "ሚሜ",
-        day: "ቀቀ"
+        year: "\u12D3\u12D3\u12D3\u12D3",
+        month: "\u121A\u121C",
+        day: "\u1240\u1240"
     },
     an: {
         year: "aaaa",
@@ -250,9 +453,9 @@ const $3e3ed55ab2966714$var$placeholders = new (0, $7UzoM$LocalizedStringDiction
         day: "dd"
     },
     ar: {
-        year: "سنة",
-        month: "شهر",
-        day: "يوم"
+        year: "\u0633\u0646\u0629",
+        month: "\u0634\u0647\u0631",
+        day: "\u064A\u0648\u0645"
     },
     ast: {
         year: "aaaa",
@@ -265,18 +468,18 @@ const $3e3ed55ab2966714$var$placeholders = new (0, $7UzoM$LocalizedStringDiction
         day: "gg"
     },
     be: {
-        year: "гггг",
-        month: "мм",
-        day: "дд"
+        year: "\u0433\u0433\u0433\u0433",
+        month: "\u043C\u043C",
+        day: "\u0434\u0434"
     },
     bg: {
-        year: "гггг",
-        month: "мм",
-        day: "дд"
+        year: "\u0433\u0433\u0433\u0433",
+        month: "\u043C\u043C",
+        day: "\u0434\u0434"
     },
     bn: {
         year: "yyyy",
-        month: "মিমি",
+        month: "\u09AE\u09BF\u09AE\u09BF",
         day: "dd"
     },
     br: {
@@ -300,9 +503,9 @@ const $3e3ed55ab2966714$var$placeholders = new (0, $7UzoM$LocalizedStringDiction
         day: "q'q'"
     },
     ckb: {
-        year: "ساڵ",
-        month: "مانگ",
-        day: "ڕۆژ"
+        year: "\u0633\u0627\u06B5",
+        month: "\u0645\u0627\u0646\u06AF",
+        day: "\u0695\u06C6\u0698"
     },
     cs: {
         year: "rrrr",
@@ -327,12 +530,12 @@ const $3e3ed55ab2966714$var$placeholders = new (0, $7UzoM$LocalizedStringDiction
     dsb: {
         year: "llll",
         month: "mm",
-        day: "źź"
+        day: "\u017A\u017A"
     },
     el: {
-        year: "εεεε",
-        month: "μμ",
-        day: "ηη"
+        year: "\u03B5\u03B5\u03B5\u03B5",
+        month: "\u03BC\u03BC",
+        day: "\u03B7\u03B7"
     },
     en: {
         year: "yyyy",
@@ -360,9 +563,9 @@ const $3e3ed55ab2966714$var$placeholders = new (0, $7UzoM$LocalizedStringDiction
         day: "ee"
     },
     fa: {
-        year: "سال",
-        month: "ماه",
-        day: "روز"
+        year: "\u0633\u0627\u0644",
+        month: "\u0645\u0627\u0647",
+        day: "\u0631\u0648\u0632"
     },
     ff: {
         year: "hhhh",
@@ -400,9 +603,9 @@ const $3e3ed55ab2966714$var$placeholders = new (0, $7UzoM$LocalizedStringDiction
         day: "dd"
     },
     he: {
-        year: "שנה",
-        month: "חודש",
-        day: "יום"
+        year: "\u05E9\u05E0\u05D4",
+        month: "\u05D7\u05D5\u05D3\u05E9",
+        day: "\u05D9\u05D5\u05DD"
     },
     hr: {
         year: "gggg",
@@ -435,29 +638,29 @@ const $3e3ed55ab2966714$var$placeholders = new (0, $7UzoM$LocalizedStringDiction
         day: "gg"
     },
     ja: {
-        year: " 年 ",
-        month: "月",
-        day: "日"
+        year: " \u5E74 ",
+        month: "\u6708",
+        day: "\u65E5"
     },
     ka: {
-        year: "წწწწ",
-        month: "თთ",
-        day: "რრ"
+        year: "\u10EC\u10EC\u10EC\u10EC",
+        month: "\u10D7\u10D7",
+        day: "\u10E0\u10E0"
     },
     kk: {
-        year: "жжжж",
-        month: "аа",
-        day: "кк"
+        year: "\u0436\u0436\u0436\u0436",
+        month: "\u0430\u0430",
+        day: "\u043A\u043A"
     },
     kn: {
-        year: "ವವವವ",
-        month: "ಮಿಮೀ",
-        day: "ದಿದಿ"
+        year: "\u0CB5\u0CB5\u0CB5\u0CB5",
+        month: "\u0CAE\u0CBF\u0CAE\u0CC0",
+        day: "\u0CA6\u0CBF\u0CA6\u0CBF"
     },
     ko: {
-        year: "연도",
-        month: "월",
-        day: "일"
+        year: "\uC5F0\uB3C4",
+        month: "\uC6D4",
+        day: "\uC77C"
     },
     lb: {
         year: "jjjj",
@@ -465,9 +668,9 @@ const $3e3ed55ab2966714$var$placeholders = new (0, $7UzoM$LocalizedStringDiction
         day: "dd"
     },
     lo: {
-        year: "ປປປປ",
-        month: "ດດ",
-        day: "ວວ"
+        year: "\u0E9B\u0E9B\u0E9B\u0E9B",
+        month: "\u0E94\u0E94",
+        day: "\u0EA7\u0EA7"
     },
     lt: {
         year: "mmmm",
@@ -485,9 +688,9 @@ const $3e3ed55ab2966714$var$placeholders = new (0, $7UzoM$LocalizedStringDiction
         day: "dd"
     },
     ml: {
-        year: "വർഷം",
-        month: "മാസം",
-        day: "തീയതി"
+        year: "\u0D35\u0D7C\u0D37\u0D02",
+        month: "\u0D2E\u0D3E\u0D38\u0D02",
+        day: "\u0D24\u0D40\u0D2F\u0D24\u0D3F"
     },
     ms: {
         year: "tttt",
@@ -535,9 +738,9 @@ const $3e3ed55ab2966714$var$placeholders = new (0, $7UzoM$LocalizedStringDiction
         day: "zz"
     },
     ru: {
-        year: "гггг",
-        month: "мм",
-        day: "дд"
+        year: "\u0433\u0433\u0433\u0433",
+        month: "\u043C\u043C",
+        day: "\u0434\u0434"
     },
     sc: {
         year: "aaaa",
@@ -560,9 +763,9 @@ const $3e3ed55ab2966714$var$placeholders = new (0, $7UzoM$LocalizedStringDiction
         day: "dd"
     },
     sr: {
-        year: "гггг",
-        month: "мм",
-        day: "дд"
+        year: "\u0433\u0433\u0433\u0433",
+        month: "\u043C\u043C",
+        day: "\u0434\u0434"
     },
     sv: {
         year: "\xe5\xe5\xe5\xe5",
@@ -575,14 +778,14 @@ const $3e3ed55ab2966714$var$placeholders = new (0, $7UzoM$LocalizedStringDiction
         day: "dd"
     },
     tg: {
-        year: "сссс",
-        month: "мм",
-        day: "рр"
+        year: "\u0441\u0441\u0441\u0441",
+        month: "\u043C\u043C",
+        day: "\u0440\u0440"
     },
     th: {
-        year: "ปปปป",
-        month: "ดด",
-        day: "วว"
+        year: "\u0E1B\u0E1B\u0E1B\u0E1B",
+        month: "\u0E14\u0E14",
+        day: "\u0E27\u0E27"
     },
     tr: {
         year: "yyyy",
@@ -590,19 +793,19 @@ const $3e3ed55ab2966714$var$placeholders = new (0, $7UzoM$LocalizedStringDiction
         day: "gg"
     },
     uk: {
-        year: "рррр",
-        month: "мм",
-        day: "дд"
+        year: "\u0440\u0440\u0440\u0440",
+        month: "\u043C\u043C",
+        day: "\u0434\u0434"
     },
     "zh-CN": {
-        year: "年",
-        month: "月",
-        day: "日"
+        year: "\u5E74",
+        month: "\u6708",
+        day: "\u65E5"
     },
     "zh-TW": {
-        year: "年",
-        month: "月",
-        day: "日"
+        year: "\u5E74",
+        month: "\u6708",
+        day: "\u65E5"
     }
 }, "en");
 function $3e3ed55ab2966714$export$d3f5c5e0a5023fa0(field, value, locale) {
@@ -610,7 +813,7 @@ function $3e3ed55ab2966714$export$d3f5c5e0a5023fa0(field, value, locale) {
     if (field === "era" || field === "dayPeriod") return value;
     if (field === "year" || field === "month" || field === "day") return $3e3ed55ab2966714$var$placeholders.getStringForLocale(field, locale);
     // For time fields (e.g. hour, minute, etc.), use two dashes as the placeholder.
-    return "––";
+    return "\u2013\u2013";
 }
 
 
@@ -639,7 +842,7 @@ const $3c0fc76039f1c516$var$TYPE_MAPPING = {
     dayperiod: "dayPeriod"
 };
 function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
-    let { locale: locale, createCalendar: createCalendar, hideTimeZone: hideTimeZone, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired } = 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";
@@ -664,8 +867,9 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
     let [placeholderDate, setPlaceholderDate] = (0, $7UzoM$useState)(()=>(0, $35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone));
     let val = calendarValue || placeholderDate;
     let showEra = calendar.identifier === "gregory" && val.era === "BC";
-    var _props_maxGranularity;
-    let formatOpts = (0, $7UzoM$useMemo)(()=>({
+    let formatOpts = (0, $7UzoM$useMemo)(()=>{
+        var _props_maxGranularity;
+        return {
             granularity: granularity,
             maxGranularity: (_props_maxGranularity = props.maxGranularity) !== null && _props_maxGranularity !== void 0 ? _props_maxGranularity : "year",
             timeZone: defaultTimeZone,
@@ -673,7 +877,8 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
             hourCycle: props.hourCycle,
             showEra: showEra,
             shouldForceLeadingZeros: props.shouldForceLeadingZeros
-        }), [
+        };
+    }, [
         props.maxGranularity,
         granularity,
         props.hourCycle,
@@ -801,10 +1006,23 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
             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 isValueInvalid = props.isInvalid || props.validationState === "invalid" || (0, $35a22f14a1f04b11$export$eac50920cf2fd59a)(calendarValue, props.minValue, props.maxValue);
+    let builtinValidation = (0, $7UzoM$useMemo)(()=>(0, $35a22f14a1f04b11$export$f18627323ab57ac0)(value, minValue, maxValue, isDateUnavailable, formatOpts), [
+        value,
+        minValue,
+        maxValue,
+        isDateUnavailable,
+        formatOpts
+    ]);
+    let validation = (0, $7UzoM$useFormValidationState)({
+        ...props,
+        value: value,
+        builtinValidation: builtinValidation
+    });
+    let isValueInvalid = validation.displayValidation.isInvalid;
     let validationState = props.validationState || (isValueInvalid ? "invalid" : null);
-    var _props_maxGranularity1;
+    var _props_maxGranularity;
     return {
+        ...validation,
         value: calendarValue,
         dateValue: dateValue,
         calendar: calendar,
@@ -814,7 +1032,7 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
         validationState: validationState,
         isInvalid: isValueInvalid,
         granularity: granularity,
-        maxGranularity: (_props_maxGranularity1 = props.maxGranularity) !== null && _props_maxGranularity1 !== void 0 ? _props_maxGranularity1 : "year",
+        maxGranularity: (_props_maxGranularity = props.maxGranularity) !== null && _props_maxGranularity !== void 0 ? _props_maxGranularity : "year",
         isDisabled: isDisabled,
         isReadOnly: isReadOnly,
         isRequired: isRequired,
@@ -1027,8 +1245,9 @@ function $3c0fc76039f1c516$var$setSegment(value, part, segmentValue, options) {
 
 
 
+
 function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
-    var _props_isDateUnavailable, _props_isDateUnavailable1;
+    var _value_start, _value_end;
     let overlayState = (0, $7UzoM$useOverlayTriggerState)(props);
     let [controlledValue, setControlledValue] = (0, $7UzoM$useControlledState)(props.value, props.defaultValue || null, props.onChange);
     let [placeholderValue, setPlaceholderValue] = (0, $7UzoM$useState)(()=>controlledValue || {
@@ -1053,7 +1272,7 @@ function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
         else setControlledValue(null);
     };
     let v = (value === null || value === void 0 ? void 0 : value.start) || (value === null || value === void 0 ? void 0 : value.end) || props.placeholderValue;
-    let [granularity] = (0, $35a22f14a1f04b11$export$2440da353cedad43)(v, props.granularity);
+    let [granularity, defaultTimeZone] = (0, $35a22f14a1f04b11$export$2440da353cedad43)(v, props.granularity);
     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;
@@ -1070,6 +1289,7 @@ function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
         });
         setSelectedDateRange(null);
         setSelectedTimeRange(null);
+        validation.commitValidation();
     };
     // Intercept setValue to make sure the Time section is not changed by date selection in Calendar
     let setDateRange = (range)=>{
@@ -1080,17 +1300,56 @@ function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
                 end: (timeRange === null || timeRange === void 0 ? void 0 : timeRange.end) || (0, $35a22f14a1f04b11$export$c5221a78ef73c5e9)(props.placeholderValue)
             });
             else setSelectedDateRange(range);
-        } else if (range.start && range.end) setValue(range);
-        else setSelectedDateRange(range);
+        } else if (range.start && range.end) {
+            setValue(range);
+            validation.commitValidation();
+        } else setSelectedDateRange(range);
         if (shouldClose) overlayState.setOpen(false);
     };
     let setTimeRange = (range)=>{
         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 isValueInvalid = props.isInvalid || props.validationState === "invalid" || value != null && ((0, $35a22f14a1f04b11$export$eac50920cf2fd59a)(value.start, props.minValue, props.maxValue) || (0, $35a22f14a1f04b11$export$eac50920cf2fd59a)(value.end, props.minValue, props.maxValue) || value.end != null && value.start != null && value.end.compare(value.start) < 0 || (value === null || value === void 0 ? void 0 : value.start) && ((_props_isDateUnavailable = props.isDateUnavailable) === null || _props_isDateUnavailable === void 0 ? void 0 : _props_isDateUnavailable.call(props, value.start)) || (value === null || value === void 0 ? void 0 : value.end) && ((_props_isDateUnavailable1 = props.isDateUnavailable) === null || _props_isDateUnavailable1 === void 0 ? void 0 : _props_isDateUnavailable1.call(props, value.end)));
+    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, $7UzoM$useMemo)(()=>({
+            granularity: granularity,
+            timeZone: defaultTimeZone,
+            hideTimeZone: props.hideTimeZone,
+            hourCycle: props.hourCycle,
+            shouldForceLeadingZeros: props.shouldForceLeadingZeros,
+            showEra: showEra
+        }), [
+        granularity,
+        props.hourCycle,
+        props.shouldForceLeadingZeros,
+        defaultTimeZone,
+        props.hideTimeZone,
+        showEra
+    ]);
+    let { minValue: minValue, maxValue: maxValue, isDateUnavailable: isDateUnavailable } = props;
+    let builtinValidation = (0, $7UzoM$useMemo)(()=>(0, $35a22f14a1f04b11$export$80ff8fc0ae339c13)(value, minValue, maxValue, isDateUnavailable, formatOpts), [
+        value,
+        minValue,
+        maxValue,
+        isDateUnavailable,
+        formatOpts
+    ]);
+    let validation = (0, $7UzoM$useFormValidationState)({
+        ...props,
+        value: controlledValue,
+        name: (0, $7UzoM$useMemo)(()=>[
+                props.startName,
+                props.endName
+            ], [
+            props.startName,
+            props.endName
+        ]),
+        builtinValidation: builtinValidation
+    });
+    let isValueInvalid = validation.displayValidation.isInvalid;
     let validationState = props.validationState || (isValueInvalid ? "invalid" : null);
     return {
+        ...validation,
         value: value,
         setValue: setValue,
         dateRange: dateRange,
@@ -1209,7 +1468,7 @@ function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
 
 
 function $eff5d8ee529ac4bb$export$fd53cef0cc796101(props) {
-    let { placeholderValue: placeholderValue = new (0, $7UzoM$Time)(), minValue: minValue, maxValue: maxValue, granularity: granularity } = props;
+    let { placeholderValue: placeholderValue = new (0, $7UzoM$Time)(), minValue: minValue, maxValue: maxValue, granularity: granularity, validate: validate } = 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;
@@ -1250,7 +1509,11 @@ function $eff5d8ee529ac4bb$export$fd53cef0cc796101(props) {
         maxGranularity: "hour",
         placeholderValue: placeholderDate,
         // Calendar should not matter for time fields.
-        createCalendar: ()=>new (0, $7UzoM$GregorianCalendar)()
+        createCalendar: ()=>new (0, $7UzoM$GregorianCalendar)(),
+        validate: (0, $7UzoM$useCallback)(()=>validate === null || validate === void 0 ? void 0 : validate(value), [
+            validate,
+            value
+        ])
     });
     return {
         ...state,