@wix/editor-react-components 1.2768.0 → 1.2770.0

package/dist/site/components/DatePicker/component.js

@@ -1,13 +1,13 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { createContext, useEffect, useMemo, useRef, useState, useContext, forwardRef, useCallback } from "react";
 import { c as clsx } from "../chunks/clsx.js";
 import { b as $d27d541f9569d26d$export$45712eceda6fad21, d as $24f9a20f226ad820$export$5165eccb35aaadb5, e as $2b2d34ff061957fb$export$2b85b721e524d74b, f as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../chunks/Button.js";
-import { $ as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, j as $c7eafbbe1ea5834e$export$535bd6ca7f90a273, b as $64fa3d84918910a7$export$29f1550f4b0d4415, f as $64fa3d84918910a7$export$4d86445c2cf5e3, g as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, h as $64fa3d84918910a7$export$2881499e37b75b9a, c as $64fa3d84918910a7$export$fabf2dc03a41866e, m as $f39a9eba43920ace$export$b5d7cc18bb8d2b59, i as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, n as $3ef42575df84b30b$export$9d1611c77c2fe928, o as $64fa3d84918910a7$export$c62b8e45d58ddad9, d as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, e as $64fa3d84918910a7$export$ef03459518577ad4 } from "../chunks/filterDOMProps.js";
-import { c as $191c9b6d48a0a4e2$export$294aa081a6c6f55d, l as $fd2148440a13ec26$export$a763b9476acd3eb, m as $fd2148440a13ec26$export$dad6ae84456c676a, j as $fd2148440a13ec26$export$75ee7c75d68f5b0e, b as $fd2148440a13ec26$export$fc1a364ae1f3ff10, g as $514c0188e459b4c0$export$9afb8bc826b033ea, e as $d3e0e05bdfcf66bd$export$c24727297075ec6a, h as $ee014567cb39d3f0$export$ff05c3ac10437e03, $ as $514c0188e459b4c0$export$5f1af8db9871e1d6, a as $ee014567cb39d3f0$export$f551688fc98f2e09 } from "../chunks/Input.js";
-import { f as $60f33508b4cd9d3b$export$85fd5fdf27bacc79, g as $ad063034c8620db8$export$ea39ec197993aef0, h as $ad063034c8620db8$export$a5a3b454ada2268e, i as $ad063034c8620db8$export$a2258d9c4118825c, j as $a46cf152bb926da5$export$a9b970dcc4ae71a9, k as $9c268ab73a5d55e5$export$722debc0e56fea39, l as $ad063034c8620db8$export$91b62ebf2ba703ee, m as $ad063034c8620db8$export$629b0a497aa65267, n as $121970af65029459$export$f8aeda7b10753fa1, o as $51a3e22a5186a962$export$c826860796309d1b, p as $3578607fe3d4b096$export$cfa2225e87938781, q as $ad063034c8620db8$export$42c81a444fbfb5d4, r as $ad063034c8620db8$export$d0bdf45af03a6ea3, s as $ad063034c8620db8$export$ccc1b2479e7dd654, t as $600b3cf69ae46262$export$90fc3a17d93f704c, u as $654b97e09f2a30c1$export$4d0f8be8b12a7ef6, v as $6a440d0e2d99dd46$export$4a931266a3838b86, w as $535772f9d2c1f38d$export$c5251b9e124bf29, x as $7541913c0284d84b$export$300019f83c56d282, y as $0014db39426443c5$exports, z as $7541913c0284d84b$export$7b3062cd49e80452, A as $72abaeab4d80592f$export$9fc1347d4195ccb3, B as $535772f9d2c1f38d$export$20e40289641fbbb6, C as $535772f9d2c1f38d$export$1258395f99bf9cbf, E as $901761b40e390936$export$2bb74740c4e19def, F as $b3526bc71400be8d$export$d39e1813b3bdd0e1, G as $ad063034c8620db8$export$a75f2bff57811055, H as $d07e34cce18680fd$export$93522d1a439f3617, I as $ad063034c8620db8$export$5c333a116e949cdd, J as $ad063034c8620db8$export$f91e89d3d0406102, K as $12a3c853105e5a70$export$ad991b66133851cf, L as $d07e34cce18680fd$export$b4a036af3fc0b032, M as $ad063034c8620db8$export$dbc69fd56b53d5e, N as $ad063034c8620db8$export$2061056d06d7cdf7, O as $ad063034c8620db8$export$ef8b6d9133084f4e, P as $93635573935797de$export$80ee6245ec4f29ec, Q as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, R as $8b141f2f71e88f85$export$2440da353cedad43, S as $8b141f2f71e88f85$export$f18627323ab57ac0, T as $8b141f2f71e88f85$export$7e319ea407e63bc0, U as $8b141f2f71e88f85$export$c5221a78ef73c5e9, V as $d07e34cce18680fd$export$b21e0b124e224484, W as $8b141f2f71e88f85$export$80ff8fc0ae339c13, X as $84102b64e5ca022f$export$dd0bbc9b26defe37, Y as $ad063034c8620db8$export$a18c89cbd24170ff, Z as $d3f049242431219c$export$45fda7c47f93fd48, _ as $d3f049242431219c$export$6d3443f2c48bfc20, a0 as $44f671af83e7d9e0$export$2de4954e8ae13b9f, a1 as $58246871e4652552$export$588937bcd60ade55, a2 as $58246871e4652552$export$6b862160d295c8e, a3 as $40825cdb76e74f70$export$7b3e670c86da5fe8, a4 as $ad063034c8620db8$export$aa8b41735afcabd2, a5 as $2aaf608024c21ca1$export$680ea196effce5f, a as $40825cdb76e74f70$export$7edc06cf1783b30f, b as $40825cdb76e74f70$export$336ab7fa954c4b5f, d as $4e3b923658d69c60$export$8c610744efcf8a1d, e as $4e3b923658d69c60$export$28c660c63b792dea, D as DismissSmall_default } from "../chunks/DismissSmall.js";
+import { a as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, $ as $c7eafbbe1ea5834e$export$535bd6ca7f90a273, c as $64fa3d84918910a7$export$29f1550f4b0d4415, d as $64fa3d84918910a7$export$4d86445c2cf5e3, e as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, b as $64fa3d84918910a7$export$2881499e37b75b9a, g as $64fa3d84918910a7$export$fabf2dc03a41866e, m as $f39a9eba43920ace$export$b5d7cc18bb8d2b59, j as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, n as $3ef42575df84b30b$export$9d1611c77c2fe928, o as $64fa3d84918910a7$export$c62b8e45d58ddad9, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4 } from "../chunks/filterDOMProps.js";
+import { c as $191c9b6d48a0a4e2$export$294aa081a6c6f55d, j as $fd2148440a13ec26$export$a763b9476acd3eb, b as $fd2148440a13ec26$export$fc1a364ae1f3ff10, g as $514c0188e459b4c0$export$9afb8bc826b033ea, e as $d3e0e05bdfcf66bd$export$c24727297075ec6a, h as $ee014567cb39d3f0$export$ff05c3ac10437e03, $ as $514c0188e459b4c0$export$5f1af8db9871e1d6, a as $ee014567cb39d3f0$export$f551688fc98f2e09 } from "../chunks/Input.js";
+import { j as $60f33508b4cd9d3b$export$85fd5fdf27bacc79, k as $ad063034c8620db8$export$ea39ec197993aef0, l as $ad063034c8620db8$export$a5a3b454ada2268e, m as $ad063034c8620db8$export$a2258d9c4118825c, n as $a46cf152bb926da5$export$a9b970dcc4ae71a9, o as $9c268ab73a5d55e5$export$722debc0e56fea39, p as $ad063034c8620db8$export$91b62ebf2ba703ee, q as $ad063034c8620db8$export$629b0a497aa65267, r as $121970af65029459$export$f8aeda7b10753fa1, s as $51a3e22a5186a962$export$c826860796309d1b, t as $3578607fe3d4b096$export$cfa2225e87938781, u as $ad063034c8620db8$export$42c81a444fbfb5d4, v as $ad063034c8620db8$export$d0bdf45af03a6ea3, w as $ad063034c8620db8$export$ccc1b2479e7dd654, x as $654b97e09f2a30c1$export$4d0f8be8b12a7ef6, y as $6a440d0e2d99dd46$export$4a931266a3838b86, z as $535772f9d2c1f38d$export$c5251b9e124bf29, A as $7541913c0284d84b$export$300019f83c56d282, B as $0014db39426443c5$exports, $ as $72abaeab4d80592f$export$9fc1347d4195ccb3, C as $535772f9d2c1f38d$export$20e40289641fbbb6, D as $535772f9d2c1f38d$export$1258395f99bf9cbf, E as $901761b40e390936$export$2bb74740c4e19def, c as $b3526bc71400be8d$export$d39e1813b3bdd0e1, F as $ad063034c8620db8$export$a75f2bff57811055, G as $d07e34cce18680fd$export$93522d1a439f3617, H as $ad063034c8620db8$export$5c333a116e949cdd, I as $ad063034c8620db8$export$f91e89d3d0406102, J as $12a3c853105e5a70$export$ad991b66133851cf, K as $d07e34cce18680fd$export$b4a036af3fc0b032, L as $ad063034c8620db8$export$dbc69fd56b53d5e, M as $ad063034c8620db8$export$2061056d06d7cdf7, N as $ad063034c8620db8$export$ef8b6d9133084f4e, O as $93635573935797de$export$80ee6245ec4f29ec, a as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, P as $8b141f2f71e88f85$export$2440da353cedad43, Q as $8b141f2f71e88f85$export$f18627323ab57ac0, R as $8b141f2f71e88f85$export$7e319ea407e63bc0, S as $8b141f2f71e88f85$export$c5221a78ef73c5e9, T as $d07e34cce18680fd$export$b21e0b124e224484, U as $84102b64e5ca022f$export$dd0bbc9b26defe37, V as $ad063034c8620db8$export$a18c89cbd24170ff, b as $d3f049242431219c$export$45fda7c47f93fd48, d as $d3f049242431219c$export$6d3443f2c48bfc20, e as $44f671af83e7d9e0$export$2de4954e8ae13b9f, W as $58246871e4652552$export$588937bcd60ade55, X as $58246871e4652552$export$6b862160d295c8e, Y as $40825cdb76e74f70$export$7b3e670c86da5fe8, g as $40825cdb76e74f70$export$7edc06cf1783b30f, h as $40825cdb76e74f70$export$336ab7fa954c4b5f } from "../chunks/DateField.js";
 import { $ as $cf2482eff2eeeec2$export$f12b703ca79dfbb1 } from "../chunks/useLocalizedStringFormatter.js";
-import { n as $fe16bffc7a557bf0$export$7f54fc3180508a52, T as $390e54f620492c70$export$b4cc09c592e8fdb8, M as $e8ac3c3f5d4bae7f$export$d6875122194c7b44, e as $bbaa08b3cd72f041$export$9d1611c77c2fe928, t as $1969ac565cfec8d0$export$de79e2c695e052f3, K as $8f5a2122b0992be3$export$630ff653c5ada6a9, D as $23f2114a1b82827e$export$cd4e5573fbe2b576, f as $23f2114a1b82827e$export$e58f029f0fbfdb29, q as $23f2114a1b82827e$export$4282f70798064fe0, O as $23f2114a1b82827e$export$b4f377a2b6254582, l as $d447af545b77c9f1$export$f21a1ffae260145a, C as $6a20a7989e6c817a$export$98658e8c59125e6a, j as $d447af545b77c9f1$export$b204af158042fbac, B as $390e54f620492c70$export$f680877a34711e37, L as $2c9edc598a03d523$export$420e68273165f4ec, H as $c4867b2f328c2698$export$e5c5a5f917a5871c, G as $f192c2f16961cbe0$export$80f3e147d781571c, i as $2add3ce32c6007eb$export$fedb369cb70207f1, x as $a4e76a5424781910$export$e08e3b67e392101e, b as $3e6197669829fe11$export$40bfa8c7b0832715, A as $e969f22b6713ca4a$export$ae780daf29e6d456, z as $0c4a58759813079a$export$4e328f61c538687f, h as $a049562f99e7db0e$export$f9c6924e160136d1, g as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, a as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../chunks/Group.js";
+import { s as $fe16bffc7a557bf0$export$7f54fc3180508a52, T as $390e54f620492c70$export$b4cc09c592e8fdb8, O as $e8ac3c3f5d4bae7f$export$d6875122194c7b44, a as $bbaa08b3cd72f041$export$9d1611c77c2fe928, y as $1969ac565cfec8d0$export$de79e2c695e052f3, d as $8f5a2122b0992be3$export$630ff653c5ada6a9, G as $23f2114a1b82827e$export$cd4e5573fbe2b576, k as $23f2114a1b82827e$export$e58f029f0fbfdb29, q as $d447af545b77c9f1$export$f21a1ffae260145a, F as $6a20a7989e6c817a$export$98658e8c59125e6a, v as $23f2114a1b82827e$export$4282f70798064fe0, o as $d447af545b77c9f1$export$b204af158042fbac, b as $390e54f620492c70$export$f680877a34711e37, N as $2c9edc598a03d523$export$420e68273165f4ec, K as $c4867b2f328c2698$export$e5c5a5f917a5871c, Q as $23f2114a1b82827e$export$b4f377a2b6254582, J as $f192c2f16961cbe0$export$80f3e147d781571c, n as $2add3ce32c6007eb$export$fedb369cb70207f1, C as $a4e76a5424781910$export$e08e3b67e392101e, i as $3e6197669829fe11$export$40bfa8c7b0832715, $ as $e969f22b6713ca4a$export$ae780daf29e6d456, E as $0c4a58759813079a$export$4e328f61c538687f, m as $a049562f99e7db0e$export$f9c6924e160136d1, l as $01b77f81d0f07f68$export$75b6ee27786ba447, g as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, h as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../chunks/Group.js";
 import { a as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7, $ as $2eb8e6d23f3d0cb0$export$a54013f0d02a8f82 } from "../chunks/I18nProvider.js";
 import { $ as $ea3928288112382f$export$439d29a4e110a164, a as $ea3928288112382f$export$a966af930f325cab } from "../chunks/VisuallyHidden.js";
 import __rspack_external_react_dom_7136dc57__default from "react-dom";
@@ -17,8 +17,7 @@ import { T as TranslationsDefinition } from "../chunks/index4.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
-import { E as EMPTY_VALUE, T as TestIds, D as DesignStates, s as selectors, A as ARIA_LABEL_NAMESPACE, d as defaultValues, S as SelectionModeValues, G as GranularityValues, V as VALUE_MISSING_MESSAGE, a as AriaLabels } from "../chunks/constants37.js";
-import { I as InfoCircleSmall_default, R as RequiredIndicator, u as useValidatedField } from "../chunks/RequiredIndicator.js";
+import { T as TestIds, s as selectors, D as DesignStates, A as ARIA_LABEL_NAMESPACE, d as defaultValues, a as AriaLabels } from "../chunks/constants37.js";
 createContext(null);
 createContext(null);
 createContext(null);
@@ -916,7 +915,7 @@ $e05239aa7a8d905d$exports = {
   "zh-CN": $a43114bde648d07d$exports,
   "zh-TW": $139934e8158dd341$exports
 };
-function $parcel$interopDefault$5(a) {
+function $parcel$interopDefault$4(a) {
   return a && a.__esModule ? a.default : a;
 }
 const $9bac9bf03b87f160$export$653eddfc964b0f8a = /* @__PURE__ */ new WeakMap();
@@ -924,7 +923,7 @@ function $9bac9bf03b87f160$export$134cbb7fb09a9522(date) {
   return (date == null ? void 0 : date.calendar.identifier) === "gregory" && date.era === "BC" ? "short" : void 0;
 }
 function $9bac9bf03b87f160$export$b6df97c887c38e1a(state) {
-  let stringFormatter = $cf2482eff2eeeec2$export$f12b703ca79dfbb1($parcel$interopDefault$5($e05239aa7a8d905d$exports), "@react-aria/calendar");
+  let stringFormatter = $cf2482eff2eeeec2$export$f12b703ca79dfbb1($parcel$interopDefault$4($e05239aa7a8d905d$exports), "@react-aria/calendar");
   let start, end;
   if ("highlightedRange" in state) ({ start, end } = state.highlightedRange || {});
   else start = end = state.value ?? void 0;
@@ -962,7 +961,7 @@ function $9bac9bf03b87f160$export$b6df97c887c38e1a(state) {
   ]);
 }
 function $9bac9bf03b87f160$export$31afe65d91ef6e8(startDate, endDate, timeZone, isAria) {
-  let stringFormatter = $cf2482eff2eeeec2$export$f12b703ca79dfbb1($parcel$interopDefault$5($e05239aa7a8d905d$exports), "@react-aria/calendar");
+  let stringFormatter = $cf2482eff2eeeec2$export$f12b703ca79dfbb1($parcel$interopDefault$4($e05239aa7a8d905d$exports), "@react-aria/calendar");
   let era = $9bac9bf03b87f160$export$134cbb7fb09a9522(startDate) || $9bac9bf03b87f160$export$134cbb7fb09a9522(endDate);
   let monthFormatter = $60f33508b4cd9d3b$export$85fd5fdf27bacc79({
     month: "long",
@@ -1035,11 +1034,11 @@ function $3c71b1595a147f24$export$496315a1608d9602(cb, dependencies) {
     lastDeps.current = dependencies;
   }, dependencies);
 }
-function $parcel$interopDefault$4(a) {
+function $parcel$interopDefault$3(a) {
   return a && a.__esModule ? a.default : a;
 }
 function $4ca33167bdccdd26$export$d652b3ea2d672d5b(props, state) {
-  let stringFormatter = $cf2482eff2eeeec2$export$f12b703ca79dfbb1($parcel$interopDefault$4($e05239aa7a8d905d$exports), "@react-aria/calendar");
+  let stringFormatter = $cf2482eff2eeeec2$export$f12b703ca79dfbb1($parcel$interopDefault$3($e05239aa7a8d905d$exports), "@react-aria/calendar");
   let domProps = $8e9d2fae0ecb9001$export$457c3d6518dd4c6f(props);
   let title = $9bac9bf03b87f160$export$31afe65d91ef6e8(state.visibleRange.start, state.visibleRange.end, state.timeZone, false);
   let visibleRangeDescription = $9bac9bf03b87f160$export$31afe65d91ef6e8(state.visibleRange.start, state.visibleRange.end, state.timeZone, true);
@@ -1112,13 +1111,13 @@ function $4ca33167bdccdd26$export$d652b3ea2d672d5b(props, state) {
 function $a1efc3efb5426bf7$export$3ee915f8151bd4f1(props, state) {
   return $4ca33167bdccdd26$export$d652b3ea2d672d5b(props, state);
 }
-function $parcel$interopDefault$3(a) {
+function $parcel$interopDefault$2(a) {
   return a && a.__esModule ? a.default : a;
 }
 function $be61a22f9aa88c7c$export$136073280381448e(props, state, ref) {
   let { date, isDisabled } = props;
   let { errorMessageId, selectedDateDescription } = $9bac9bf03b87f160$export$653eddfc964b0f8a.get(state);
-  let stringFormatter = $cf2482eff2eeeec2$export$f12b703ca79dfbb1($parcel$interopDefault$3($e05239aa7a8d905d$exports), "@react-aria/calendar");
+  let stringFormatter = $cf2482eff2eeeec2$export$f12b703ca79dfbb1($parcel$interopDefault$2($e05239aa7a8d905d$exports), "@react-aria/calendar");
   let dateFormatter = $60f33508b4cd9d3b$export$85fd5fdf27bacc79({
     weekday: "long",
     day: "numeric",
@@ -1444,42 +1443,6 @@ function $2d54ee2ec11ddab8$export$cb95147730a423f5(props, state) {
     weeksInMonth
   };
 }
-function $be0fc2ab732b9d1a$export$87e0539f600c24e5(props, state, ref) {
-  let { commitBehavior = "select", ...otherProps } = props;
-  let res = $4ca33167bdccdd26$export$d652b3ea2d672d5b(otherProps, state);
-  let isVirtualClick = useRef(false);
-  let windowRef = useRef(typeof window !== "undefined" ? window : null);
-  $600b3cf69ae46262$export$90fc3a17d93f704c(windowRef, "pointerdown", (e) => {
-    isVirtualClick.current = e.width === 0 && e.height === 0;
-  });
-  const commitBehaviorMapping = {
-    clear: () => state.clearSelection(),
-    reset: () => state.setAnchorDate(null),
-    select: () => state.selectFocusedDate()
-  };
-  let endDragging = (e) => {
-    if (isVirtualClick.current) {
-      isVirtualClick.current = false;
-      return;
-    }
-    state.setDragging(false);
-    if (!state.anchorDate) return;
-    let target = e.target;
-    if (ref.current && $23f2114a1b82827e$export$b4f377a2b6254582(ref.current) && (!$23f2114a1b82827e$export$4282f70798064fe0(ref.current, target) || !target.closest('button, [role="button"]'))) commitBehaviorMapping[commitBehavior]();
-  };
-  $600b3cf69ae46262$export$90fc3a17d93f704c(windowRef, "pointerup", endDragging);
-  res.calendarProps.onBlur = (e) => {
-    if (!ref.current) return;
-    if ((!e.relatedTarget || !$23f2114a1b82827e$export$4282f70798064fe0(ref.current, e.relatedTarget)) && state.anchorDate) commitBehaviorMapping[commitBehavior]();
-  };
-  $600b3cf69ae46262$export$90fc3a17d93f704c(ref, "touchmove", (e) => {
-    if (state.isDragging) e.preventDefault();
-  }, {
-    passive: false,
-    capture: true
-  });
-  return res;
-}
 const $58196c8d6a1f38fc$var$supportsInert = typeof HTMLElement !== "undefined" && "inert" in HTMLElement.prototype;
 function $58196c8d6a1f38fc$var$isAlwaysVisibleNode(node) {
   return node.dataset.liveAnnouncer === "true" || node.dataset.reactAriaTopLayer !== void 0;
@@ -1636,14 +1599,14 @@ function $58196c8d6a1f38fc$export$1020fa7f77e17884(element) {
     };
   }
 }
-function $parcel$interopDefault$2(a) {
+function $parcel$interopDefault$1(a) {
   return a && a.__esModule ? a.default : a;
 }
 function $6902a2bb26917a07$export$42df105a73306d51(props, state, ref) {
   let buttonId = $390e54f620492c70$export$f680877a34711e37();
   let dialogId = $390e54f620492c70$export$f680877a34711e37();
   let fieldId = $390e54f620492c70$export$f680877a34711e37();
-  let stringFormatter = $cf2482eff2eeeec2$export$f12b703ca79dfbb1($parcel$interopDefault$2($0014db39426443c5$exports), "@react-aria/datepicker");
+  let stringFormatter = $cf2482eff2eeeec2$export$f12b703ca79dfbb1($parcel$interopDefault$1($0014db39426443c5$exports), "@react-aria/datepicker");
   let { isInvalid, validationErrors, validationDetails } = state.displayValidation;
   let { labelProps, fieldProps, descriptionProps, errorMessageProps } = $191c9b6d48a0a4e2$export$294aa081a6c6f55d({
     ...props,
@@ -1657,10 +1620,10 @@ function $6902a2bb26917a07$export$42df105a73306d51(props, state, ref) {
   let date = state.formatValue(locale, {
     month: "long"
   });
-  let description2 = date ? stringFormatter.format("selectedDateDescription", {
+  let description = date ? stringFormatter.format("selectedDateDescription", {
     date
   }) : "";
-  let descProps = $121970af65029459$export$f8aeda7b10753fa1(description2);
+  let descProps = $121970af65029459$export$f8aeda7b10753fa1(description);
   let ariaDescribedBy = [
     descProps["aria-describedby"],
     fieldProps["aria-describedby"]
@@ -1675,8 +1638,8 @@ function $6902a2bb26917a07$export$42df105a73306d51(props, state, ref) {
     isDisabled: state.isOpen,
     onBlurWithin: (e) => {
       var _a, _b;
-      let dialog2 = document.getElementById(dialogId);
-      if (!$23f2114a1b82827e$export$4282f70798064fe0(dialog2, e.relatedTarget)) {
+      let dialog = document.getElementById(dialogId);
+      if (!$23f2114a1b82827e$export$4282f70798064fe0(dialog, e.relatedTarget)) {
         isFocused.current = false;
         (_a = props.onBlur) == null ? void 0 : _a.call(props, e);
         (_b = props.onFocusChange) == null ? void 0 : _b.call(props, false);
@@ -1772,187 +1735,6 @@ function $6902a2bb26917a07$export$42df105a73306d51(props, state, ref) {
     validationDetails
   };
 }
-function $parcel$interopDefault$1(a) {
-  return a && a.__esModule ? a.default : a;
-}
-function $cccdba1b2bb08448$export$12fd5f0e9f4bb192(props, state, ref) {
-  var _a, _b, _c, _d, _e;
-  let stringFormatter = $cf2482eff2eeeec2$export$f12b703ca79dfbb1($parcel$interopDefault$1($0014db39426443c5$exports), "@react-aria/datepicker");
-  let { isInvalid, validationErrors, validationDetails } = state.displayValidation;
-  let { labelProps, fieldProps, descriptionProps, errorMessageProps } = $191c9b6d48a0a4e2$export$294aa081a6c6f55d({
-    ...props,
-    labelElementType: "span",
-    isInvalid,
-    errorMessage: props.errorMessage || validationErrors
-  });
-  let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
-  let { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
-  let range = state.formatValue(locale, {
-    month: "long"
-  });
-  let description2 = range ? stringFormatter.format("selectedRangeDescription", {
-    startDate: range.start,
-    endDate: range.end
-  }) : "";
-  let descProps = $121970af65029459$export$f8aeda7b10753fa1(description2);
-  let startFieldProps = {
-    "aria-label": stringFormatter.format("startDate"),
-    "aria-labelledby": labelledBy
-  };
-  let endFieldProps = {
-    "aria-label": stringFormatter.format("endDate"),
-    "aria-labelledby": labelledBy
-  };
-  let buttonId = $390e54f620492c70$export$f680877a34711e37();
-  let dialogId = $390e54f620492c70$export$f680877a34711e37();
-  let groupProps = $6a440d0e2d99dd46$export$4a931266a3838b86(state, ref);
-  let ariaDescribedBy = [
-    descProps["aria-describedby"],
-    fieldProps["aria-describedby"]
-  ].filter(Boolean).join(" ") || void 0;
-  let focusManager = useMemo(() => $535772f9d2c1f38d$export$c5251b9e124bf29(ref, {
-    // Exclude the button from the focus manager.
-    accept: (element) => element.id !== buttonId
-  }), [
-    ref,
-    buttonId
-  ]);
-  let commonFieldProps = {
-    [$7541913c0284d84b$export$7b3062cd49e80452]: focusManager,
-    [$7541913c0284d84b$export$300019f83c56d282]: "presentation",
-    "aria-describedby": ariaDescribedBy,
-    placeholderValue: props.placeholderValue,
-    hideTimeZone: props.hideTimeZone,
-    hourCycle: props.hourCycle,
-    granularity: props.granularity,
-    shouldForceLeadingZeros: props.shouldForceLeadingZeros,
-    isDisabled: props.isDisabled,
-    isReadOnly: props.isReadOnly,
-    isRequired: props.isRequired,
-    validationBehavior: props.validationBehavior
-  };
-  let domProps = $8e9d2fae0ecb9001$export$457c3d6518dd4c6f(props);
-  let isFocused = useRef(false);
-  let { focusWithinProps } = $2c9edc598a03d523$export$420e68273165f4ec({
-    ...props,
-    isDisabled: state.isOpen,
-    onBlurWithin: (e) => {
-      var _a2, _b2;
-      let dialog2 = document.getElementById(dialogId);
-      if (!$23f2114a1b82827e$export$4282f70798064fe0(dialog2, e.relatedTarget)) {
-        isFocused.current = false;
-        (_a2 = props.onBlur) == null ? void 0 : _a2.call(props, e);
-        (_b2 = props.onFocusChange) == null ? void 0 : _b2.call(props, false);
-      }
-    },
-    onFocusWithin: (e) => {
-      var _a2, _b2;
-      if (!isFocused.current) {
-        isFocused.current = true;
-        (_a2 = props.onFocus) == null ? void 0 : _a2.call(props, e);
-        (_b2 = props.onFocusChange) == null ? void 0 : _b2.call(props, true);
-      }
-    }
-  });
-  let startFieldValidation = useRef($fd2148440a13ec26$export$dad6ae84456c676a);
-  let endFieldValidation = useRef($fd2148440a13ec26$export$dad6ae84456c676a);
-  return {
-    groupProps: $bbaa08b3cd72f041$export$9d1611c77c2fe928(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
-      role: "group",
-      "aria-disabled": props.isDisabled || null,
-      "aria-describedby": ariaDescribedBy,
-      onKeyDown(e) {
-        if (state.isOpen) return;
-        if (props.onKeyDown) props.onKeyDown(e);
-      },
-      onKeyUp(e) {
-        if (state.isOpen) return;
-        if (props.onKeyUp) props.onKeyUp(e);
-      }
-    }),
-    labelProps: {
-      ...labelProps,
-      onClick: () => {
-        focusManager.focusFirst();
-      }
-    },
-    buttonProps: {
-      ...descProps,
-      id: buttonId,
-      "aria-haspopup": "dialog",
-      "aria-label": stringFormatter.format("calendar"),
-      "aria-labelledby": `${buttonId} ${labelledBy}`,
-      "aria-describedby": ariaDescribedBy,
-      "aria-expanded": state.isOpen,
-      isDisabled: props.isDisabled || props.isReadOnly,
-      onPress: () => state.setOpen(true)
-    },
-    dialogProps: {
-      id: dialogId,
-      "aria-labelledby": `${buttonId} ${labelledBy}`
-    },
-    startFieldProps: {
-      ...startFieldProps,
-      ...commonFieldProps,
-      value: ((_a = state.value) == null ? void 0 : _a.start) ?? null,
-      defaultValue: (_b = state.defaultValue) == null ? void 0 : _b.start,
-      onChange: (start) => state.setDateTime("start", start),
-      autoFocus: props.autoFocus,
-      name: props.startName,
-      form: props.form,
-      [$fd2148440a13ec26$export$a763b9476acd3eb]: {
-        realtimeValidation: state.realtimeValidation,
-        displayValidation: state.displayValidation,
-        updateValidation(e) {
-          startFieldValidation.current = e;
-          state.updateValidation($fd2148440a13ec26$export$75ee7c75d68f5b0e(e, endFieldValidation.current));
-        },
-        resetValidation: state.resetValidation,
-        commitValidation: state.commitValidation
-      }
-    },
-    endFieldProps: {
-      ...endFieldProps,
-      ...commonFieldProps,
-      value: ((_c = state.value) == null ? void 0 : _c.end) ?? null,
-      defaultValue: (_d = state.defaultValue) == null ? void 0 : _d.end,
-      onChange: (end) => state.setDateTime("end", end),
-      name: props.endName,
-      form: props.form,
-      [$fd2148440a13ec26$export$a763b9476acd3eb]: {
-        realtimeValidation: state.realtimeValidation,
-        displayValidation: state.displayValidation,
-        updateValidation(e) {
-          endFieldValidation.current = e;
-          state.updateValidation($fd2148440a13ec26$export$75ee7c75d68f5b0e(startFieldValidation.current, e));
-        },
-        resetValidation: state.resetValidation,
-        commitValidation: state.commitValidation
-      }
-    },
-    descriptionProps,
-    errorMessageProps,
-    calendarProps: {
-      autoFocus: true,
-      value: ((_e = state.dateRange) == null ? void 0 : _e.start) && state.dateRange.end ? state.dateRange : null,
-      onChange: state.setDateRange,
-      minValue: props.minValue,
-      maxValue: props.maxValue,
-      isDisabled: props.isDisabled,
-      isReadOnly: props.isReadOnly,
-      isDateUnavailable: props.isDateUnavailable,
-      allowsNonContiguousRanges: props.allowsNonContiguousRanges,
-      defaultFocusedValue: state.dateRange ? void 0 : props.placeholderValue,
-      isInvalid: state.isInvalid,
-      errorMessage: typeof props.errorMessage === "function" ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(" "),
-      firstDayOfWeek: props.firstDayOfWeek,
-      pageBehavior: props.pageBehavior
-    },
-    isInvalid,
-    validationErrors,
-    validationDetails
-  };
-}
 function $0d47b37c475c5231$export$cf75428e0b9ed1ea({ children }) {
   let context = useMemo(() => ({
     register: () => {
@@ -2878,157 +2660,6 @@ function $ea0ea6e62ae0d7ca$var$unitDuration(duration) {
   for (let key in duration) unit[key] = 1;
   return unit;
 }
-function $a0a87fb6fcfb22ec$export$9a987164d97ecc90(props) {
-  let { value: valueProp, defaultValue, onChange, createCalendar, locale, visibleDuration = {
-    months: 1
-  }, minValue, maxValue, ...calendarProps } = props;
-  let [value, setValue] = $3e6197669829fe11$export$40bfa8c7b0832715(valueProp, defaultValue || null, onChange);
-  let [anchorDate, setAnchorDateState] = useState(null);
-  let alignment = "center";
-  if (value && value.start && value.end) {
-    let start = $dd602d3c757202f2$export$f4a51ff076cc9a09($d07e34cce18680fd$export$93522d1a439f3617(value.start), visibleDuration, locale, minValue, maxValue);
-    let end = start.add(visibleDuration).subtract({
-      days: 1
-    });
-    if (value.end.compare(end) > 0) alignment = "start";
-  }
-  let availableRangeRef = useRef(null);
-  let [availableRange, setAvailableRange] = useState(null);
-  let min = useMemo(() => $ad063034c8620db8$export$a75f2bff57811055(minValue, availableRange == null ? void 0 : availableRange.start), [
-    minValue,
-    availableRange
-  ]);
-  let max = useMemo(() => $ad063034c8620db8$export$5c333a116e949cdd(maxValue, availableRange == null ? void 0 : availableRange.end), [
-    maxValue,
-    availableRange
-  ]);
-  let calendar2 = $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f({
-    ...calendarProps,
-    value: value && value.start,
-    createCalendar,
-    locale,
-    visibleDuration,
-    minValue: min,
-    maxValue: max,
-    selectionAlignment: props.selectionAlignment || alignment
-  });
-  let updateAvailableRange = (date) => {
-    if (date && props.isDateUnavailable && !props.allowsNonContiguousRanges) {
-      const nextAvailableStartDate = $a0a87fb6fcfb22ec$var$nextUnavailableDate(date, calendar2, -1);
-      const nextAvailableEndDate = $a0a87fb6fcfb22ec$var$nextUnavailableDate(date, calendar2, 1);
-      availableRangeRef.current = {
-        start: nextAvailableStartDate,
-        end: nextAvailableEndDate
-      };
-      setAvailableRange(availableRangeRef.current);
-    } else {
-      availableRangeRef.current = null;
-      setAvailableRange(null);
-    }
-  };
-  let [lastVisibleRange, setLastVisibleRange] = useState(calendar2.visibleRange);
-  if (!$ad063034c8620db8$export$91b62ebf2ba703ee(calendar2.visibleRange.start, lastVisibleRange.start) || !$ad063034c8620db8$export$91b62ebf2ba703ee(calendar2.visibleRange.end, lastVisibleRange.end)) {
-    updateAvailableRange(anchorDate);
-    setLastVisibleRange(calendar2.visibleRange);
-  }
-  let setAnchorDate = (date) => {
-    if (date) {
-      setAnchorDateState(date);
-      updateAvailableRange(date);
-    } else {
-      setAnchorDateState(null);
-      updateAvailableRange(null);
-    }
-  };
-  let highlightedRange = anchorDate ? $a0a87fb6fcfb22ec$var$makeRange(anchorDate, calendar2.focusedDate) : value && $a0a87fb6fcfb22ec$var$makeRange(value.start, value.end);
-  let selectDate = (date) => {
-    if (props.isReadOnly) return;
-    const constrainedDate = $dd602d3c757202f2$export$4f5203c0d889109e(date, min, max);
-    const previousAvailableConstrainedDate = $dd602d3c757202f2$export$a1d3911297b952d7(constrainedDate, calendar2.visibleRange.start, props.isDateUnavailable);
-    if (!previousAvailableConstrainedDate) return;
-    if (!anchorDate) setAnchorDate(previousAvailableConstrainedDate);
-    else {
-      let range = $a0a87fb6fcfb22ec$var$makeRange(anchorDate, previousAvailableConstrainedDate);
-      if (range) setValue({
-        start: $a0a87fb6fcfb22ec$var$convertValue(range.start, value == null ? void 0 : value.start),
-        end: $a0a87fb6fcfb22ec$var$convertValue(range.end, value == null ? void 0 : value.end)
-      });
-      setAnchorDate(null);
-    }
-  };
-  let [isDragging, setDragging] = useState(false);
-  let { isDateUnavailable } = props;
-  let isInvalidSelection = useMemo(() => {
-    if (!value || anchorDate) return false;
-    if (isDateUnavailable && (isDateUnavailable(value.start) || isDateUnavailable(value.end))) return true;
-    return $dd602d3c757202f2$export$eac50920cf2fd59a(value.start, minValue, maxValue) || $dd602d3c757202f2$export$eac50920cf2fd59a(value.end, minValue, maxValue);
-  }, [
-    isDateUnavailable,
-    value,
-    anchorDate,
-    minValue,
-    maxValue
-  ]);
-  let isValueInvalid = props.isInvalid || props.validationState === "invalid" || isInvalidSelection;
-  let validationState = isValueInvalid ? "invalid" : null;
-  return {
-    ...calendar2,
-    value,
-    setValue,
-    anchorDate,
-    setAnchorDate,
-    highlightedRange,
-    validationState,
-    isValueInvalid,
-    selectFocusedDate() {
-      selectDate(calendar2.focusedDate);
-    },
-    selectDate,
-    highlightDate(date) {
-      if (anchorDate) calendar2.setFocusedDate(date);
-    },
-    isSelected(date) {
-      return Boolean(highlightedRange && date.compare(highlightedRange.start) >= 0 && date.compare(highlightedRange.end) <= 0 && !calendar2.isCellDisabled(date) && !calendar2.isCellUnavailable(date));
-    },
-    isInvalid(date) {
-      var _a, _b;
-      return calendar2.isInvalid(date) || $dd602d3c757202f2$export$eac50920cf2fd59a(date, (_a = availableRangeRef.current) == null ? void 0 : _a.start, (_b = availableRangeRef.current) == null ? void 0 : _b.end);
-    },
-    isDragging,
-    setDragging,
-    clearSelection() {
-      setAnchorDate(null);
-      setValue(null);
-    }
-  };
-}
-function $a0a87fb6fcfb22ec$var$makeRange(start, end) {
-  if (!start || !end) return null;
-  if (end.compare(start) < 0) [start, end] = [
-    end,
-    start
-  ];
-  return {
-    start: $d07e34cce18680fd$export$93522d1a439f3617(start),
-    end: $d07e34cce18680fd$export$93522d1a439f3617(end)
-  };
-}
-function $a0a87fb6fcfb22ec$var$convertValue(newValue, oldValue) {
-  newValue = $d07e34cce18680fd$export$b4a036af3fc0b032(newValue, (oldValue == null ? void 0 : oldValue.calendar) || new $93635573935797de$export$80ee6245ec4f29ec());
-  if (oldValue && "hour" in oldValue) return oldValue.set(newValue);
-  return newValue;
-}
-function $a0a87fb6fcfb22ec$var$nextUnavailableDate(anchorDate, state, dir) {
-  let nextDate = anchorDate.add({
-    days: dir
-  });
-  while ((dir < 0 ? nextDate.compare(state.visibleRange.start) >= 0 : nextDate.compare(state.visibleRange.end) <= 0) && !state.isCellUnavailable(nextDate)) nextDate = nextDate.add({
-    days: dir
-  });
-  if (state.isCellUnavailable(nextDate)) return nextDate.add({
-    days: -dir
-  });
-}
 function $28aae683a942e141$export$87194bb378cc3ac2(props) {
   let overlayState = $f11fb0bcf1b2687a$export$61c6a8c84e605fb6(props);
   let [value, setValue] = $3e6197669829fe11$export$40bfa8c7b0832715(props.value, props.defaultValue || null, props.onChange);
@@ -3131,245 +2762,27 @@ function $28aae683a942e141$export$87194bb378cc3ac2(props) {
     }
   };
 }
-function $6de3e3f1a7663217$export$e50a61c1de9f574(props) {
-  var _a, _b;
-  let overlayState = $f11fb0bcf1b2687a$export$61c6a8c84e605fb6(props);
-  let [controlledValue, setControlledValue] = $3e6197669829fe11$export$40bfa8c7b0832715(props.value, props.defaultValue || null, props.onChange);
-  let [initialValue] = useState(controlledValue);
-  let [placeholderValue, setPlaceholderValue] = useState(() => controlledValue || {
-    start: null,
-    end: null
+const $dfd62f934fc76fed$export$3b805cea1f178355 = /* @__PURE__ */ createContext(null);
+const $dfd62f934fc76fed$export$233dd9682e1ad64b = /* @__PURE__ */ createContext(null);
+const $dfd62f934fc76fed$export$9e31dcedda1dadc7 = /* @__PURE__ */ createContext(null);
+const $dfd62f934fc76fed$export$5e0fc348c00f87a0 = /* @__PURE__ */ createContext(null);
+const $dfd62f934fc76fed$export$e1aef45b828286de = /* @__PURE__ */ forwardRef(function Calendar(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $dfd62f934fc76fed$export$3b805cea1f178355);
+  let { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
+  let state = $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f({
+    ...props,
+    locale,
+    createCalendar: props.createCalendar || $84102b64e5ca022f$export$dd0bbc9b26defe37
   });
-  if (controlledValue == null && placeholderValue.start && placeholderValue.end) {
-    placeholderValue = {
-      start: null,
-      end: null
-    };
-    setPlaceholderValue(placeholderValue);
-  }
-  let value = controlledValue || placeholderValue;
-  let setValue = (newValue) => {
-    value = newValue || {
-      start: null,
-      end: null
-    };
-    setPlaceholderValue(value);
-    if ($6de3e3f1a7663217$var$isCompleteRange(value)) setControlledValue(value);
-    else setControlledValue(null);
-  };
-  let v = (value == null ? void 0 : value.start) || (value == null ? void 0 : value.end) || props.placeholderValue || null;
-  let [granularity, defaultTimeZone] = $8b141f2f71e88f85$export$2440da353cedad43(v, props.granularity);
-  let hasTime = granularity === "hour" || granularity === "minute" || granularity === "second";
-  let shouldCloseOnSelect = props.shouldCloseOnSelect ?? true;
-  let [dateRange, setSelectedDateRange] = useState(null);
-  let [timeRange, setSelectedTimeRange] = useState(null);
-  if (value && $6de3e3f1a7663217$var$isCompleteRange(value)) {
-    dateRange = value;
-    if ("hour" in value.start) timeRange = value;
-  }
-  let commitValue = (dateRange2, timeRange2) => {
-    setValue({
-      start: "timeZone" in timeRange2.start ? timeRange2.start.set($d07e34cce18680fd$export$93522d1a439f3617(dateRange2.start)) : $d07e34cce18680fd$export$b21e0b124e224484(dateRange2.start, timeRange2.start),
-      end: "timeZone" in timeRange2.end ? timeRange2.end.set($d07e34cce18680fd$export$93522d1a439f3617(dateRange2.end)) : $d07e34cce18680fd$export$b21e0b124e224484(dateRange2.end, timeRange2.end)
-    });
-    setSelectedDateRange(null);
-    setSelectedTimeRange(null);
-    validation.commitValidation();
-  };
-  let setDateRange = (range) => {
-    let shouldClose = typeof shouldCloseOnSelect === "function" ? shouldCloseOnSelect() : shouldCloseOnSelect;
-    if (hasTime) {
-      if ($6de3e3f1a7663217$var$isCompleteRange(range) && (shouldClose || (timeRange == null ? void 0 : timeRange.start) && (timeRange == null ? void 0 : timeRange.end))) commitValue(range, {
-        start: (timeRange == null ? void 0 : timeRange.start) || $8b141f2f71e88f85$export$c5221a78ef73c5e9(props.placeholderValue),
-        end: (timeRange == null ? void 0 : timeRange.end) || $8b141f2f71e88f85$export$c5221a78ef73c5e9(props.placeholderValue)
-      });
-      else setSelectedDateRange(range);
-    } else if ($6de3e3f1a7663217$var$isCompleteRange(range)) {
-      setValue(range);
-      validation.commitValidation();
-    } else setSelectedDateRange(range);
-    if (shouldClose) overlayState.setOpen(false);
-  };
-  let setTimeRange = (range) => {
-    if ($6de3e3f1a7663217$var$isCompleteRange(dateRange) && $6de3e3f1a7663217$var$isCompleteRange(range)) commitValue(dateRange, range);
-    else setSelectedTimeRange(range);
-  };
-  let showEra = ((_a = value == null ? void 0 : value.start) == null ? void 0 : _a.calendar.identifier) === "gregory" && value.start.era === "BC" || ((_b = value == null ? void 0 : value.end) == null ? void 0 : _b.calendar.identifier) === "gregory" && value.end.era === "BC";
-  let formatOpts = useMemo(() => ({
-    granularity,
-    timeZone: defaultTimeZone,
-    hideTimeZone: props.hideTimeZone,
-    hourCycle: props.hourCycle,
-    shouldForceLeadingZeros: props.shouldForceLeadingZeros,
-    showEra
-  }), [
-    granularity,
-    props.hourCycle,
-    props.shouldForceLeadingZeros,
-    defaultTimeZone,
-    props.hideTimeZone,
-    showEra
-  ]);
-  let { minValue, maxValue, isDateUnavailable } = props;
-  let builtinValidation = useMemo(() => $8b141f2f71e88f85$export$80ff8fc0ae339c13(value, minValue, maxValue, isDateUnavailable, formatOpts), [
-    value,
-    minValue,
-    maxValue,
-    isDateUnavailable,
-    formatOpts
-  ]);
-  let validation = $fd2148440a13ec26$export$fc1a364ae1f3ff10({
+  let { calendarProps, prevButtonProps, nextButtonProps, errorMessageProps, title } = $a1efc3efb5426bf7$export$3ee915f8151bd4f1(props, state);
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
     ...props,
-    value: controlledValue,
-    name: useMemo(() => [
-      props.startName,
-      props.endName
-    ].filter((n) => n != null), [
-      props.startName,
-      props.endName
-    ]),
-    builtinValidation
-  });
-  let isValueInvalid = validation.displayValidation.isInvalid;
-  let validationState = props.validationState || (isValueInvalid ? "invalid" : null);
-  return {
-    ...validation,
-    value,
-    defaultValue: props.defaultValue ?? initialValue,
-    setValue,
-    dateRange,
-    timeRange,
-    granularity,
-    hasTime,
-    setDate(part, date) {
-      if (part === "start") setDateRange({
-        start: date,
-        end: (dateRange == null ? void 0 : dateRange.end) ?? null
-      });
-      else setDateRange({
-        start: (dateRange == null ? void 0 : dateRange.start) ?? null,
-        end: date
-      });
-    },
-    setTime(part, time) {
-      if (part === "start") setTimeRange({
-        start: time,
-        end: (timeRange == null ? void 0 : timeRange.end) ?? null
-      });
-      else setTimeRange({
-        start: (timeRange == null ? void 0 : timeRange.start) ?? null,
-        end: time
-      });
-    },
-    setDateTime(part, dateTime) {
-      if (part === "start") setValue({
-        start: dateTime,
-        end: (value == null ? void 0 : value.end) ?? null
-      });
-      else setValue({
-        start: (value == null ? void 0 : value.start) ?? null,
-        end: dateTime
-      });
-    },
-    setDateRange,
-    setTimeRange,
-    ...overlayState,
-    setOpen(isOpen) {
-      if (!isOpen && !((value == null ? void 0 : value.start) && (value == null ? void 0 : value.end)) && $6de3e3f1a7663217$var$isCompleteRange(dateRange) && hasTime) commitValue(dateRange, {
-        start: (timeRange == null ? void 0 : timeRange.start) || $8b141f2f71e88f85$export$c5221a78ef73c5e9(props.placeholderValue),
-        end: (timeRange == null ? void 0 : timeRange.end) || $8b141f2f71e88f85$export$c5221a78ef73c5e9(props.placeholderValue)
-      });
-      overlayState.setOpen(isOpen);
-    },
-    validationState,
-    isInvalid: isValueInvalid,
-    formatValue(locale, fieldOptions) {
-      if (!value || !value.start || !value.end) return null;
-      let startTimeZone = "timeZone" in value.start ? value.start.timeZone : void 0;
-      let startGranularity = props.granularity || (value.start && "minute" in value.start ? "minute" : "day");
-      let endTimeZone = "timeZone" in value.end ? value.end.timeZone : void 0;
-      let endGranularity = props.granularity || (value.end && "minute" in value.end ? "minute" : "day");
-      let startOptions = $8b141f2f71e88f85$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"
-      });
-      let startDate = value.start.toDate(startTimeZone || "UTC");
-      let endDate = value.end.toDate(endTimeZone || "UTC");
-      let startFormatter = new $12a3c853105e5a70$export$ad991b66133851cf(locale, startOptions);
-      let endFormatter;
-      if (startTimeZone === endTimeZone && startGranularity === endGranularity && value.start.compare(value.end) !== 0) {
-        try {
-          let parts = startFormatter.formatRangeToParts(startDate, endDate);
-          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;
-          }
-          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;
-          }
-          return {
-            start,
-            end
-          };
-        } catch {
-        }
-        endFormatter = startFormatter;
-      } else {
-        let endOptions = $8b141f2f71e88f85$export$7e319ea407e63bc0(fieldOptions, {
-          granularity: endGranularity,
-          timeZone: endTimeZone,
-          hideTimeZone: props.hideTimeZone,
-          hourCycle: props.hourCycle
-        });
-        endFormatter = new $12a3c853105e5a70$export$ad991b66133851cf(locale, endOptions);
-      }
-      return {
-        start: startFormatter.format(startDate),
-        end: endFormatter.format(endDate)
-      };
-    },
-    getDateFormatter(locale, formatOptions) {
-      let newOptions = {
-        ...formatOpts,
-        ...formatOptions
-      };
-      let newFormatOptions = $8b141f2f71e88f85$export$7e319ea407e63bc0({}, newOptions);
-      return new $12a3c853105e5a70$export$ad991b66133851cf(locale, newFormatOptions);
-    }
-  };
-}
-function $6de3e3f1a7663217$var$isCompleteRange(value) {
-  return (value == null ? void 0 : value.start) != null && value.end != null;
-}
-const $dfd62f934fc76fed$export$3b805cea1f178355 = /* @__PURE__ */ createContext(null);
-const $dfd62f934fc76fed$export$233dd9682e1ad64b = /* @__PURE__ */ createContext(null);
-const $dfd62f934fc76fed$export$9e31dcedda1dadc7 = /* @__PURE__ */ createContext(null);
-const $dfd62f934fc76fed$export$5e0fc348c00f87a0 = /* @__PURE__ */ createContext(null);
-const $dfd62f934fc76fed$export$e1aef45b828286de = /* @__PURE__ */ forwardRef(function Calendar(props, ref) {
-  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $dfd62f934fc76fed$export$3b805cea1f178355);
-  let { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
-  let state = $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f({
-    ...props,
-    locale,
-    createCalendar: props.createCalendar || $84102b64e5ca022f$export$dd0bbc9b26defe37
-  });
-  let { calendarProps, prevButtonProps, nextButtonProps, errorMessageProps, title } = $a1efc3efb5426bf7$export$3ee915f8151bd4f1(props, state);
-  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
-    ...props,
-    values: {
-      state,
-      isDisabled: props.isDisabled || false,
-      isInvalid: state.isValueInvalid
-    },
-    defaultClassName: "react-aria-Calendar"
+    values: {
+      state,
+      isDisabled: props.isDisabled || false,
+      isInvalid: state.isValueInvalid
+    },
+    defaultClassName: "react-aria-Calendar"
   });
   let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
     global: true
@@ -3423,76 +2836,6 @@ const $dfd62f934fc76fed$export$e1aef45b828286de = /* @__PURE__ */ forwardRef(fun
     tabIndex: -1
   }))));
 });
-const $dfd62f934fc76fed$export$a4f5c8b89d277a8d = /* @__PURE__ */ forwardRef(function RangeCalendar(props, ref) {
-  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $dfd62f934fc76fed$export$233dd9682e1ad64b);
-  let { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
-  let state = $a0a87fb6fcfb22ec$export$9a987164d97ecc90({
-    ...props,
-    locale,
-    createCalendar: props.createCalendar || $84102b64e5ca022f$export$dd0bbc9b26defe37
-  });
-  let { calendarProps, prevButtonProps, nextButtonProps, errorMessageProps, title } = $be0fc2ab732b9d1a$export$87e0539f600c24e5(props, state, ref);
-  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
-    ...props,
-    values: {
-      state,
-      isDisabled: props.isDisabled || false,
-      isInvalid: state.isValueInvalid
-    },
-    defaultClassName: "react-aria-RangeCalendar"
-  });
-  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
-    global: true
-  });
-  return /* @__PURE__ */ React__default.createElement("div", {
-    ...$bbaa08b3cd72f041$export$9d1611c77c2fe928(renderProps, DOMProps, calendarProps),
-    ref,
-    slot: props.slot || void 0,
-    "data-disabled": props.isDisabled || void 0,
-    "data-invalid": state.isValueInvalid || void 0
-  }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
-    values: [
-      [
-        $d2b4bc8c273e7be6$export$24d547caef80ccd1,
-        {
-          slots: {
-            previous: prevButtonProps,
-            next: nextButtonProps
-          }
-        }
-      ],
-      [
-        $4e85f108e88277b8$export$d688439359537581,
-        {
-          "aria-hidden": true,
-          level: 2,
-          children: title
-        }
-      ],
-      [
-        $dfd62f934fc76fed$export$5e0fc348c00f87a0,
-        state
-      ],
-      [
-        $dfd62f934fc76fed$export$233dd9682e1ad64b,
-        props
-      ],
-      [
-        $514c0188e459b4c0$export$9afb8bc826b033ea,
-        {
-          slots: {
-            errorMessage: errorMessageProps
-          }
-        }
-      ]
-    ]
-  }, /* @__PURE__ */ React__default.createElement($ea3928288112382f$export$439d29a4e110a164, null, /* @__PURE__ */ React__default.createElement("h2", null, calendarProps["aria-label"])), renderProps.children, /* @__PURE__ */ React__default.createElement($ea3928288112382f$export$439d29a4e110a164, null, /* @__PURE__ */ React__default.createElement("button", {
-    "aria-label": nextButtonProps["aria-label"],
-    disabled: nextButtonProps.isDisabled,
-    onClick: () => state.focusNextPage(),
-    tabIndex: -1
-  }))));
-});
 const $dfd62f934fc76fed$var$InternalCalendarGridContext = /* @__PURE__ */ createContext(null);
 const $dfd62f934fc76fed$export$5bd780d491cfc46c = /* @__PURE__ */ forwardRef(function CalendarGrid(props, ref) {
   let calendarState = useContext($dfd62f934fc76fed$export$9e31dcedda1dadc7);
@@ -3936,9 +3279,7 @@ function $c699643d2073b351$export$eefa3e19139f00f3(props) {
   }, /* @__PURE__ */ React__default.createElement("input", inputProps));
 }
 const $06d5b8ec9ee5d538$export$cf316c7f3b44c11e = /* @__PURE__ */ createContext(null);
-const $06d5b8ec9ee5d538$export$8282edba42ee28a = /* @__PURE__ */ createContext(null);
 const $06d5b8ec9ee5d538$export$50a10c048fdcdee9 = /* @__PURE__ */ createContext(null);
-const $06d5b8ec9ee5d538$export$80d7ae1f804790be = /* @__PURE__ */ createContext(null);
 const $06d5b8ec9ee5d538$var$CLEAR_CONTEXTS = [
   $a049562f99e7db0e$export$f9c6924e160136d1,
   $d2b4bc8c273e7be6$export$24d547caef80ccd1,
@@ -4075,136 +3416,6 @@ const $06d5b8ec9ee5d538$export$5109c6dd95d8fb00 = /* @__PURE__ */ forwardRef(fun
     state
   }));
 });
-const $06d5b8ec9ee5d538$export$17334619f3ac2224 = /* @__PURE__ */ forwardRef(function DateRangePicker(props, ref) {
-  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $06d5b8ec9ee5d538$export$8282edba42ee28a);
-  let { validationBehavior: formValidationBehavior } = $64fa3d84918910a7$export$fabf2dc03a41866e($d3e0e05bdfcf66bd$export$c24727297075ec6a) || {};
-  var _props_validationBehavior, _ref;
-  let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : "native";
-  let state = $6de3e3f1a7663217$export$e50a61c1de9f574({
-    ...props,
-    validationBehavior
-  });
-  let groupRef = useRef(null);
-  let [labelRef, label2] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
-  let { groupProps, labelProps, startFieldProps, endFieldProps, buttonProps, dialogProps, calendarProps, descriptionProps, errorMessageProps, ...validation } = $cccdba1b2bb08448$export$12fd5f0e9f4bb192({
-    ...$64fa3d84918910a7$export$ef03459518577ad4(props),
-    label: label2,
-    validationBehavior
-  }, state, groupRef);
-  let [groupWidth, setGroupWidth] = useState(null);
-  let onResize = useCallback(() => {
-    if (groupRef.current) setGroupWidth(groupRef.current.offsetWidth + "px");
-  }, []);
-  $9daab02d461809db$export$683480f191c0e3ea({
-    ref: groupRef,
-    onResize
-  });
-  let { focusProps, isFocused, isFocusVisible } = $0c4a58759813079a$export$4e328f61c538687f({
-    within: true
-  });
-  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
-    ...props,
-    values: {
-      state,
-      isFocusWithin: isFocused,
-      isFocusVisible,
-      isDisabled: props.isDisabled || false,
-      isInvalid: state.isInvalid,
-      isOpen: state.isOpen
-    },
-    defaultClassName: "react-aria-DateRangePicker"
-  });
-  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
-    global: true
-  });
-  delete DOMProps.id;
-  return /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
-    values: [
-      [
-        $06d5b8ec9ee5d538$export$80d7ae1f804790be,
-        state
-      ],
-      [
-        $a049562f99e7db0e$export$f9c6924e160136d1,
-        {
-          ...groupProps,
-          ref: groupRef,
-          isInvalid: state.isInvalid
-        }
-      ],
-      [
-        $d2b4bc8c273e7be6$export$24d547caef80ccd1,
-        {
-          ...buttonProps,
-          isPressed: state.isOpen
-        }
-      ],
-      [
-        $01b77f81d0f07f68$export$75b6ee27786ba447,
-        {
-          ...labelProps,
-          ref: labelRef,
-          elementType: "span"
-        }
-      ],
-      [
-        $dfd62f934fc76fed$export$233dd9682e1ad64b,
-        calendarProps
-      ],
-      [
-        $de32f1b87079253c$export$d2f961adcb0afbe,
-        state
-      ],
-      [
-        $07b14b47974efb58$export$9b9a0cd73afb7ca4,
-        {
-          trigger: "DateRangePicker",
-          triggerRef: groupRef,
-          placement: "bottom start",
-          style: {
-            "--trigger-width": groupWidth
-          },
-          clearContexts: $06d5b8ec9ee5d538$var$CLEAR_CONTEXTS
-        }
-      ],
-      [
-        $de32f1b87079253c$export$8b93a07348a7730c,
-        dialogProps
-      ],
-      [
-        $40825cdb76e74f70$export$7b3e670c86da5fe8,
-        {
-          slots: {
-            start: startFieldProps,
-            end: endFieldProps
-          }
-        }
-      ],
-      [
-        $514c0188e459b4c0$export$9afb8bc826b033ea,
-        {
-          slots: {
-            description: descriptionProps,
-            errorMessage: errorMessageProps
-          }
-        }
-      ],
-      [
-        $ee014567cb39d3f0$export$ff05c3ac10437e03,
-        validation
-      ]
-    ]
-  }, /* @__PURE__ */ React__default.createElement("div", {
-    ...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, focusProps),
-    ref,
-    slot: props.slot || void 0,
-    "data-focus-within": isFocused || void 0,
-    "data-invalid": state.isInvalid || void 0,
-    "data-focus-visible": isFocusVisible || void 0,
-    "data-disabled": props.isDisabled || void 0,
-    "data-open": state.isOpen || void 0
-  }));
-});
 const $5cb03073d3f54797$export$a8a3e93435678ff9 = /* @__PURE__ */ forwardRef(function Heading(props, ref) {
   [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $4e85f108e88277b8$export$d688439359537581);
   let { children, level = 3, className, ...domProps } = props;
@@ -4225,231 +3436,99 @@ const Date = ({ size, ...props }) => /* @__PURE__ */ React.createElement("svg",
 Date.displayName = "Date";
 var Date_default = Date;
 const root = "root__l0Qv-";
-const popover = "popover__JAzkr";
 const datePicker = "datePicker__n-7WW";
-const labelRow = "labelRow__pUSW5";
 const label = "label__YTX1z";
-const tooltipButton = "tooltipButton__4-ns8";
-const infoIcon = "infoIcon__zyj7w";
-const tooltip = "tooltip__-Jo2K";
+const helperText = "helperText__CKn-5";
+const errorMessage = "errorMessage__b9Pp3";
 const group = "group__2UIvk";
 const field = "field__lHZ2g";
-const rangeSeparator = "rangeSeparator__jAkz-";
-const description = "description__nmlkW";
-const errorMessage = "errorMessage__b9Pp3";
 const segment = "segment__w-IAO";
-const clearButton = "clearButton__NdcRh";
-const clearIcon = "clearIcon__Klxmr";
 const calendarButton = "calendarButton__s-QAb";
+const navButton = "navButton__5nJy7";
 const calendarIcon = "calendarIcon__CYg1H";
-const dialog = "dialog__XWvmP";
+const navIcon = "navIcon__LkD1n";
+const positioner = "positioner__38UDd";
+const popover = "popover__JAzkr";
 const calendar = "calendar__dQLez";
 const calendarHeader = "calendarHeader__h7CtJ";
 const calendarHeading = "calendarHeading__JLdsJ";
-const navButton = "navButton__5nJy7";
-const navIcon = "navIcon__LkD1n";
 const calendarGrid = "calendarGrid__7hp87";
 const calendarCell = "calendarCell__Pjcxr";
 const styles = {
   root,
-  popover,
   datePicker,
-  labelRow,
   label,
-  tooltipButton,
-  infoIcon,
-  tooltip,
+  helperText,
+  errorMessage,
   group,
   field,
-  rangeSeparator,
-  description,
-  errorMessage,
   segment,
-  clearButton,
-  clearIcon,
   calendarButton,
+  navButton,
   calendarIcon,
-  dialog,
+  navIcon,
+  positioner,
+  popover,
   calendar,
   calendarHeader,
   calendarHeading,
-  navButton,
-  navIcon,
   calendarGrid,
   calendarCell
 };
-const readString = (prop) => typeof prop === "string" ? prop : EMPTY_VALUE;
-const readBool = (prop, fallback) => typeof prop === "boolean" ? prop : fallback;
-const toDateValue = (iso, withTime) => {
-  if (!iso) {
+const toCalendarDate = (value) => {
+  if (typeof value !== "string" || !value) {
     return null;
   }
   try {
-    if (withTime) {
-      const parsed = iso.includes("T") ? $58246871e4652552$export$588937bcd60ade55(iso) : $58246871e4652552$export$6b862160d295c8e(iso);
-      return $d07e34cce18680fd$export$b21e0b124e224484(parsed);
-    }
-    return $58246871e4652552$export$6b862160d295c8e(iso.slice(0, 10));
+    return $58246871e4652552$export$6b862160d295c8e(value);
   } catch {
     return null;
   }
 };
-const toIso = (date) => {
-  if (!date) {
-    return EMPTY_VALUE;
-  }
-  const iso = date.toString();
-  return iso.includes("T") ? iso.slice(0, 16) : iso;
-};
-const dayKey = (d) => d.year * 1e4 + d.month * 100 + d.day;
-const toDayKey = (iso) => {
-  if (!iso) {
-    return void 0;
-  }
-  try {
-    return dayKey($58246871e4652552$export$6b862160d295c8e(iso.slice(0, 10)));
-  } catch {
-    return void 0;
-  }
-};
-const buildIsDateUnavailable = (unavailableDates) => {
-  const ranges = [];
-  unavailableDates == null ? void 0 : unavailableDates.forEach(({ from, to }) => {
-    const start = toDayKey(from ?? to);
-    const end = toDayKey(to ?? from);
-    if (start === void 0 || end === void 0) {
-      return;
-    }
-    ranges.push(start <= end ? [start, end] : [end, start]);
-  });
-  if (!ranges.length) {
-    return void 0;
-  }
-  return (date) => {
-    const key = dayKey(date);
-    return ranges.some(([lo, hi]) => key >= lo && key <= hi);
-  };
-};
-const useDatePickerValue = (params) => {
-  const { value, endValue, onChange, onEndChange, withTime } = params;
-  const startStr = readString(value);
-  const endStr = readString(endValue);
-  const toRange = () => {
-    const start = toDateValue(startStr, withTime);
-    const end = toDateValue(endStr, withTime);
-    return start && end ? { start, end } : null;
-  };
-  const [dateValue, setDateValue] = useState(
-    () => toDateValue(startStr, withTime)
-  );
-  const [rangeValue, setRangeValue] = useState(toRange);
-  const syncSignature = `${startStr}::${endStr}::${withTime}`;
-  const [prevSignature, setPrevSignature] = useState(syncSignature);
-  if (prevSignature !== syncSignature) {
-    setPrevSignature(syncSignature);
-    setDateValue(toDateValue(startStr, withTime));
-    setRangeValue(toRange());
-  }
-  const handleSingleChange = (next) => {
-    setDateValue(next);
-    onChange(toIso(next));
-  };
-  const handleRangeChange = (next) => {
-    setRangeValue(next);
-    onChange(toIso((next == null ? void 0 : next.start) ?? null));
-    onEndChange(toIso((next == null ? void 0 : next.end) ?? null));
-  };
-  const hasValue = (isRange) => isRange ? rangeValue !== null : dateValue !== null;
-  return {
-    dateValue,
-    rangeValue,
-    handleSingleChange,
-    handleRangeChange,
-    hasValue
-  };
-};
-const useDateConstraints = (params) => {
-  const { allowPastDates, allowFutureDates, withTime } = params;
-  const minDateStr = readString(params.minDate);
-  const maxDateStr = readString(params.maxDate);
-  return useMemo(() => {
-    const todayCal = $ad063034c8620db8$export$d0bdf45af03a6ea3($ad063034c8620db8$export$aa8b41735afcabd2());
-    const endOfDay = (date) => withTime ? $d07e34cce18680fd$export$b21e0b124e224484(date, new $2aaf608024c21ca1$export$680ea196effce5f(23, 59, 59, 999)) : date;
-    const startOfToday = withTime ? $d07e34cce18680fd$export$b21e0b124e224484(todayCal) : todayCal;
-    const endOfToday = endOfDay(todayCal);
-    let min = toDateValue(minDateStr, withTime);
-    let max = toDateValue(maxDateStr, withTime);
-    if (max) {
-      max = endOfDay(max);
-    }
-    if (!allowPastDates) {
-      min = min && min.compare(startOfToday) > 0 ? min : startOfToday;
-    }
-    if (!allowFutureDates) {
-      max = max && max.compare(endOfToday) < 0 ? max : endOfToday;
-    }
-    return { minValue: min ?? void 0, maxValue: max ?? void 0 };
-  }, [minDateStr, maxDateStr, allowPastDates, allowFutureDates, withTime]);
-};
-const useUnavailableDates = (unavailableDates) => {
-  const key = JSON.stringify(unavailableDates ?? []);
-  return useMemo(() => buildIsDateUnavailable(unavailableDates), [key]);
-};
-const renderSegments = (segment2) => /* @__PURE__ */ jsx($40825cdb76e74f70$export$336ab7fa954c4b5f, { segment: segment2, className: styles.segment });
+const toLocalDate = (date) => date ? date.toString() : void 0;
 const DatePickerField = ({
-  isRange,
-  clearButton: clearButton2,
   calendarButtonLabel,
   elementProps
 }) => {
+  var _a;
   const groupClassName = ({
     isHovered,
     isFocusWithin,
+    isInvalid,
     isDisabled
   }) => {
-    var _a;
+    var _a2;
     return clsx(
       styles.group,
-      selectors.group,
+      selectors.dateInput,
       isHovered && DesignStates.dateInput.hover.className,
       isFocusWithin && DesignStates.dateInput.focus.className,
+      isInvalid && DesignStates.dateInput.error.className,
       isDisabled && DesignStates.dateInput.disabled.className,
-      (_a = elementProps == null ? void 0 : elementProps.dateInput) == null ? void 0 : _a.className
+      (_a2 = elementProps == null ? void 0 : elementProps.dateInput) == null ? void 0 : _a2.className
     );
   };
-  const calendarButtonClassName = ({ isHovered, isPressed }) => {
-    var _a;
+  const isCalendarOpen = ((_a = useContext($06d5b8ec9ee5d538$export$50a10c048fdcdee9)) == null ? void 0 : _a.isOpen) ?? false;
+  const calendarButtonClassName = ({ isHovered, isFocusVisible }) => {
+    var _a2;
     return clsx(
       styles.calendarButton,
       selectors.calendarButton,
       isHovered && DesignStates.calendarButton.hover.className,
-      isPressed && DesignStates.calendarButton.selected.className,
-      (_a = elementProps == null ? void 0 : elementProps.calendarButton) == null ? void 0 : _a.className
+      // Keyboard focus only (react-aria's focus-visible), not mouse clicks.
+      isFocusVisible && DesignStates.calendarButton.focus.className,
+      isCalendarOpen && DesignStates.calendarButton.selected.className,
+      (_a2 = elementProps == null ? void 0 : elementProps.calendarButton) == null ? void 0 : _a2.className
     );
   };
   return /* @__PURE__ */ jsxs($a049562f99e7db0e$export$eb2fcfdbd7ba97d4, { className: groupClassName, "data-testid": TestIds.group, children: [
-    isRange ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        $40825cdb76e74f70$export$7edc06cf1783b30f,
-        {
-          slot: "start",
-          className: styles.field,
-          "data-testid": TestIds.field,
-          children: renderSegments
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: styles.rangeSeparator, children: "–" }),
-      /* @__PURE__ */ jsx(
-        $40825cdb76e74f70$export$7edc06cf1783b30f,
-        {
-          slot: "end",
-          className: styles.field,
-          "data-testid": TestIds.endField,
-          children: renderSegments
-        }
-      )
-    ] }) : /* @__PURE__ */ jsx($40825cdb76e74f70$export$7edc06cf1783b30f, { className: styles.field, "data-testid": TestIds.field, children: renderSegments }),
-    clearButton2,
+    /* @__PURE__ */ jsx($40825cdb76e74f70$export$7edc06cf1783b30f, { className: styles.field, "data-testid": TestIds.field, children: (segment2) => /* @__PURE__ */ jsx(
+      $40825cdb76e74f70$export$336ab7fa954c4b5f,
+      {
+        segment: segment2,
+        className: clsx(styles.segment, selectors.segment)
+      }
+    ) }),
     /* @__PURE__ */ jsx(
       $d2b4bc8c273e7be6$export$353f5b6fc5456de1,
       {
@@ -4461,120 +3540,112 @@ const DatePickerField = ({
     )
   ] });
 };
+const keepOpen = () => false;
 const DatePickerCalendar = ({
-  isRange,
+  portalContainer,
+  isPreviewOpen,
   elementProps
 }) => {
   var _a, _b;
-  const calendarClassName = clsx(
-    styles.calendar,
-    selectors.calendar,
-    (_a = elementProps == null ? void 0 : elementProps.calendar) == null ? void 0 : _a.className
-  );
-  const dayClassName = ({ isHovered, isSelected, isDisabled, isToday }) => {
-    var _a2, _b2;
+  const dayClassName = ({ isHovered, isSelected, isToday, isFocusVisible }) => {
+    var _a2;
     return clsx(
       styles.calendarCell,
-      selectors.day,
-      isHovered && DesignStates.calendarDay.hover.className,
-      isSelected && DesignStates.calendarDay.selected.className,
-      isDisabled && DesignStates.calendarDay.disabled.className,
-      (_a2 = elementProps == null ? void 0 : elementProps.calendarDay) == null ? void 0 : _a2.className,
-      isToday && ((_b2 = elementProps == null ? void 0 : elementProps.today) == null ? void 0 : _b2.className)
+      selectors.date,
+      isHovered && DesignStates.dates.hover.className,
+      isSelected && DesignStates.dates.selected.className,
+      isToday && DesignStates.dates.today.className,
+      // Keyboard focus only (react-aria's focus-visible), not mouse clicks.
+      isFocusVisible && DesignStates.dates.focus.className,
+      (_a2 = elementProps == null ? void 0 : elementProps.dates) == null ? void 0 : _a2.className
     );
   };
-  const calendarBody = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("header", { className: styles.calendarHeader, children: [
-      /* @__PURE__ */ jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { slot: "previous", className: styles.navButton, children: /* @__PURE__ */ jsx(ChevronLeft_default, { "aria-hidden": true, className: styles.navIcon }) }),
-      /* @__PURE__ */ jsx($5cb03073d3f54797$export$a8a3e93435678ff9, { className: styles.calendarHeading }),
-      /* @__PURE__ */ jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { slot: "next", className: styles.navButton, children: /* @__PURE__ */ jsx(ChevronRight_default, { "aria-hidden": true, className: styles.navIcon }) })
-    ] }),
-    /* @__PURE__ */ jsx($dfd62f934fc76fed$export$5bd780d491cfc46c, { className: styles.calendarGrid, children: (date) => /* @__PURE__ */ jsx($dfd62f934fc76fed$export$5d847498420df57b, { date, className: dayClassName }) })
-  ] });
+  const calendar2 = /* @__PURE__ */ jsxs(
+    $dfd62f934fc76fed$export$e1aef45b828286de,
+    {
+      className: styles.calendar,
+      "data-testid": TestIds.calendar,
+      autoFocus: isPreviewOpen ? false : void 0,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "header",
+          {
+            className: clsx(
+              styles.calendarHeader,
+              selectors.calendarHeader,
+              (_a = elementProps == null ? void 0 : elementProps.calendarHeader) == null ? void 0 : _a.className
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                $d2b4bc8c273e7be6$export$353f5b6fc5456de1,
+                {
+                  slot: "previous",
+                  className: clsx(styles.navButton, selectors.navButton),
+                  children: /* @__PURE__ */ jsx(ChevronLeft_default, { "aria-hidden": true, className: styles.navIcon })
+                }
+              ),
+              /* @__PURE__ */ jsx($5cb03073d3f54797$export$a8a3e93435678ff9, { className: styles.calendarHeading }),
+              /* @__PURE__ */ jsx(
+                $d2b4bc8c273e7be6$export$353f5b6fc5456de1,
+                {
+                  slot: "next",
+                  className: clsx(styles.navButton, selectors.navButton),
+                  children: /* @__PURE__ */ jsx(ChevronRight_default, { "aria-hidden": true, className: styles.navIcon })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs($dfd62f934fc76fed$export$5bd780d491cfc46c, { className: styles.calendarGrid, children: [
+          /* @__PURE__ */ jsx($dfd62f934fc76fed$export$22e2d15eaa4d2377, { children: (day) => {
+            var _a2;
+            return /* @__PURE__ */ jsx(
+              $dfd62f934fc76fed$export$ad2135cac3a11b3d,
+              {
+                className: clsx(
+                  selectors.weekday,
+                  (_a2 = elementProps == null ? void 0 : elementProps.weekdays) == null ? void 0 : _a2.className
+                ),
+                children: day
+              }
+            );
+          } }),
+          /* @__PURE__ */ jsx($dfd62f934fc76fed$export$e11f8ba65d857bff, { children: (date) => /* @__PURE__ */ jsx($dfd62f934fc76fed$export$5d847498420df57b, { date, className: dayClassName }) })
+        ] })
+      ]
+    }
+  );
+  const boxClassName = clsx(
+    styles.popover,
+    selectors.popover,
+    (_b = elementProps == null ? void 0 : elementProps.popover) == null ? void 0 : _b.className
+  );
   return (
-    // Portals to <body> (react-aria default) so the calendar escapes the page
-    // section's stacking context — otherwise the section below paints over the
-    // part of the popover that overflows past it. The theme CSS vars are applied
-    // to `.popover` directly (see defaults.css) since it no longer inherits them
-    // from the root; `dir`/locale still flow through the React portal.
+    // Portals into the component root rather than <body> (react-aria's default):
+    // the editor scopes design-panel CSS to the root, so a <body>-portaled
+    // popover would ignore its Popover/Dates design settings.
+    //
+    // react-aria's Popover is only the positioner (it owns inline position,
+    // z-index and max-height). The Popover design part is the static box inside
+    // it — the same split as Dropdown's Combobox Positioner/Popup — so the
+    // design panel's border and padding style a plain element.
     /* @__PURE__ */ jsx(
       $07b14b47974efb58$export$5b6b19405a83ff9d,
       {
-        className: clsx(
-          styles.popover,
-          selectors.popover,
-          (_b = elementProps == null ? void 0 : elementProps.popover) == null ? void 0 : _b.className
-        ),
-        children: /* @__PURE__ */ jsx($de32f1b87079253c$export$3ddf2d174ce01153, { className: styles.dialog, children: isRange ? /* @__PURE__ */ jsx(
-          $dfd62f934fc76fed$export$a4f5c8b89d277a8d,
-          {
-            className: calendarClassName,
-            "data-testid": TestIds.calendar,
-            children: calendarBody
-          }
-        ) : /* @__PURE__ */ jsx(
-          $dfd62f934fc76fed$export$e1aef45b828286de,
-          {
-            className: calendarClassName,
-            "data-testid": TestIds.calendar,
-            children: calendarBody
-          }
-        ) })
+        className: styles.positioner,
+        containerPadding: 0,
+        UNSTABLE_portalContainer: portalContainer ?? void 0,
+        isNonModal: isPreviewOpen,
+        shouldCloseOnInteractOutside: isPreviewOpen ? keepOpen : void 0,
+        children: isPreviewOpen ? /* @__PURE__ */ jsx("div", { className: boxClassName, children: calendar2 }) : /* @__PURE__ */ jsx($de32f1b87079253c$export$3ddf2d174ce01153, { className: boxClassName, children: calendar2 })
       }
     )
   );
 };
-const DatePickerTooltip = ({
-  text,
-  portalContainer
-}) => /* @__PURE__ */ jsxs($4e3b923658d69c60$export$8c610744efcf8a1d, { delay: 0, children: [
-  /* @__PURE__ */ jsx(
-    $d2b4bc8c273e7be6$export$353f5b6fc5456de1,
-    {
-      className: styles.tooltipButton,
-      "data-testid": TestIds.tooltipButton,
-      "aria-label": text,
-      children: /* @__PURE__ */ jsx(InfoCircleSmall_default, { "aria-hidden": true, className: styles.infoIcon })
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    $4e3b923658d69c60$export$28c660c63b792dea,
-    {
-      className: styles.tooltip,
-      offset: 6,
-      UNSTABLE_portalContainer: portalContainer ?? void 0,
-      children: text
-    }
-  )
-] });
-const DatePickerLabel = ({
-  label: label2,
-  tooltip: tooltip2,
-  required,
-  portalContainer,
-  className
-}) => {
-  if (!label2 && !tooltip2) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs("div", { className: styles.labelRow, children: [
-    label2 ? /* @__PURE__ */ jsxs($01b77f81d0f07f68$export$b04be29aa201d4f5, { className: clsx(styles.label, selectors.label, className), children: [
-      label2,
-      required && /* @__PURE__ */ jsx(
-        RequiredIndicator,
-        {
-          className: selectors.requiredIndicator,
-          "data-testid": TestIds.requiredIndicator
-        }
-      )
-    ] }) : null,
-    tooltip2 ? /* @__PURE__ */ jsx(DatePickerTooltip, { text: tooltip2, portalContainer }) : null
-  ] });
-};
 const noop = () => {
 };
 function DatePicker2(props) {
-  var _a, _b;
+  var _a, _b, _c;
   const environmentService = useService(EnvironmentDefinition);
   const { translate } = useService(TranslationsDefinition);
   const translateAria = translate(ARIA_LABEL_NAMESPACE);
@@ -4585,153 +3656,27 @@ function DatePicker2(props) {
   const {
     id,
     className = "",
-    selectionMode = defaultValues.selectionMode,
-    granularity = defaultValues.granularity,
-    allowPastDates = defaultValues.allowPastDates,
-    allowFutureDates = defaultValues.allowFutureDates,
+    value,
+    label: label2,
+    helperText: helperText2,
+    errorMessage: errorMessage2,
     readOnly = defaultValues.readOnly,
-    clearable = defaultValues.clearable,
+    disabled = defaultValues.disabled,
     direction,
     a11y,
     previewCalendarOpen,
-    onChange = noop,
-    onEndChange = noop,
-    onFocus = noop,
-    onBlur = noop,
-    fieldValidity,
-    showValidityIndication,
-    onValidate,
-    onValidityChange,
+    onValueChange = noop,
     wix,
     elementProps
   } = props;
-  const label2 = readString(props.label);
-  const description2 = readString(props.description);
-  const tooltip2 = readString(props.tooltip);
-  const isDisabled = readBool(props.isDisabled, false);
-  const isRequired = readBool(props.required, defaultValues.required);
-  const isRange = selectionMode === SelectionModeValues.Range;
-  const withTime = granularity !== GranularityValues.Day;
-  const isControlled = props.value !== void 0;
-  const sourceValue = isControlled ? props.value : props.defaultValue;
-  const sourceEndValue = isControlled ? props.endValue : props.defaultEndValue;
-  const {
-    dateValue,
-    rangeValue,
-    handleSingleChange,
-    handleRangeChange,
-    hasValue
-  } = useDatePickerValue({
-    value: sourceValue,
-    endValue: sourceEndValue,
-    onChange,
-    onEndChange,
-    withTime
-  });
-  const startStr = readString(props.value);
-  const endStr = readString(props.endValue);
-  const intrinsic = isRequired && !hasValue(isRange) ? { valid: false, validationMessage: VALUE_MISSING_MESSAGE } : { valid: true, validationMessage: "" };
-  const {
-    validity,
-    showValidityIndication: showIndication,
-    handleBlur: validateOnBlur
-  } = useValidatedField({
-    value: startStr,
-    // Range change-detection keys on both endpoints; single is a plain string.
-    valueKey: isRange ? `${startStr}|${endStr}` : startStr,
-    intrinsic,
-    fieldValidity,
-    showValidityIndication,
-    onValidate,
-    onValidityChange
-  });
-  const isInvalid = showIndication && !validity.valid;
-  const handleBlur = (event) => {
-    onBlur(event);
-    validateOnBlur();
-  };
-  const { minValue, maxValue } = useDateConstraints({
-    minDate: props.minDate,
-    maxDate: props.maxDate,
-    allowPastDates,
-    allowFutureDates,
-    withTime
-  });
-  const isDateUnavailable = useUnavailableDates(props.unavailableDates);
   const [portalContainer, setPortalContainer] = useState(
     null
   );
   const locale = environmentService.language || "en-US";
-  const ariaLabel = (a11y == null ? void 0 : a11y.ariaLabel) || label2 || t(AriaLabels.root);
-  const showClear = clearable && hasValue(isRange) && !isDisabled && !readOnly;
-  const clearButton2 = showClear ? /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      className: styles.clearButton,
-      "data-testid": TestIds.clearButton,
-      "aria-label": t(AriaLabels.clear),
-      onClick: () => isRange ? handleRangeChange(null) : handleSingleChange(null),
-      children: /* @__PURE__ */ jsx(DismissSmall_default, { "aria-hidden": true, className: styles.clearIcon })
-    }
-  ) : null;
-  const pickerChildren = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      DatePickerLabel,
-      {
-        label: label2,
-        tooltip: tooltip2,
-        required: isRequired,
-        portalContainer,
-        className: (_a = elementProps == null ? void 0 : elementProps.label) == null ? void 0 : _a.className
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      DatePickerField,
-      {
-        isRange,
-        clearButton: clearButton2,
-        calendarButtonLabel: t(AriaLabels.openCalendar),
-        elementProps
-      }
-    ),
-    description2 ? /* @__PURE__ */ jsx(
-      $514c0188e459b4c0$export$5f1af8db9871e1d6,
-      {
-        slot: "description",
-        className: clsx(
-          styles.description,
-          selectors.description,
-          (_b = elementProps == null ? void 0 : elementProps.description) == null ? void 0 : _b.className
-        ),
-        children: description2
-      }
-    ) : null,
-    isInvalid && validity.validationMessage ? /* @__PURE__ */ jsx(
-      $ee014567cb39d3f0$export$f551688fc98f2e09,
-      {
-        className: clsx(styles.errorMessage, selectors.errorMessage),
-        "data-testid": TestIds.errorMessage,
-        children: validity.validationMessage
-      }
-    ) : null,
-    /* @__PURE__ */ jsx(DatePickerCalendar, { isRange, elementProps })
-  ] });
-  const sharedProps = {
-    granularity,
-    minValue,
-    maxValue,
-    isDateUnavailable,
-    isDisabled,
-    isReadOnly: readOnly,
-    isRequired,
-    isInvalid,
-    "aria-label": ariaLabel,
-    onFocus,
-    onBlur: handleBlur,
-    isOpen: previewCalendarOpen || void 0
+  const ariaLabel = (a11y == null ? void 0 : a11y.ariaLabel) || (label2 ? void 0 : t(AriaLabels.root));
+  const handleChange = (date) => {
+    onValueChange(toLocalDate(date));
   };
-  const pickerClassName = styles.datePicker;
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -4752,23 +3697,70 @@ function DatePicker2(props) {
           dir: direction || void 0,
           lang: environmentService.language,
           "data-testid": TestIds.root,
-          children: /* @__PURE__ */ jsx($2eb8e6d23f3d0cb0$export$a54013f0d02a8f82, { locale, children: isRange ? /* @__PURE__ */ jsx(
-            $06d5b8ec9ee5d538$export$17334619f3ac2224,
-            {
-              className: pickerClassName,
-              value: rangeValue,
-              onChange: handleRangeChange,
-              ...sharedProps,
-              children: pickerChildren
-            }
-          ) : /* @__PURE__ */ jsx(
+          children: /* @__PURE__ */ jsx($2eb8e6d23f3d0cb0$export$a54013f0d02a8f82, { locale, children: /* @__PURE__ */ jsxs(
             $06d5b8ec9ee5d538$export$5109c6dd95d8fb00,
             {
-              className: pickerClassName,
-              value: dateValue,
-              onChange: handleSingleChange,
-              ...sharedProps,
-              children: pickerChildren
+              className: styles.datePicker,
+              value: toCalendarDate(value),
+              onChange: handleChange,
+              isDisabled: disabled,
+              isReadOnly: readOnly,
+              isInvalid: !!errorMessage2,
+              "aria-label": ariaLabel,
+              isOpen: previewCalendarOpen || void 0,
+              children: [
+                label2 ? /* @__PURE__ */ jsx(
+                  $01b77f81d0f07f68$export$b04be29aa201d4f5,
+                  {
+                    className: clsx(
+                      styles.label,
+                      selectors.label,
+                      (_a = elementProps == null ? void 0 : elementProps.label) == null ? void 0 : _a.className
+                    ),
+                    children: label2
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx(
+                  DatePickerField,
+                  {
+                    calendarButtonLabel: t(AriaLabels.openCalendar),
+                    elementProps
+                  }
+                ),
+                helperText2 ? /* @__PURE__ */ jsx(
+                  $514c0188e459b4c0$export$5f1af8db9871e1d6,
+                  {
+                    slot: "description",
+                    className: clsx(
+                      styles.helperText,
+                      selectors.helperText,
+                      (_b = elementProps == null ? void 0 : elementProps.helperText) == null ? void 0 : _b.className
+                    ),
+                    "data-testid": TestIds.helperText,
+                    children: helperText2
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx(
+                  $ee014567cb39d3f0$export$f551688fc98f2e09,
+                  {
+                    className: clsx(
+                      styles.errorMessage,
+                      selectors.errorMessage,
+                      (_c = elementProps == null ? void 0 : elementProps.errorMessage) == null ? void 0 : _c.className
+                    ),
+                    "data-testid": TestIds.errorMessage,
+                    children: errorMessage2
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  DatePickerCalendar,
+                  {
+                    portalContainer,
+                    isPreviewOpen: previewCalendarOpen,
+                    elementProps
+                  }
+                )
+              ]
             }
           ) })
         }