@wix/form-public 0.505.0 → 0.507.0

package/dist/index.cjs

@@ -53751,7 +53751,9 @@ var DROPDOWN_FIELD_TYPES = [
   FIELD_TYPES.DATE_INPUT,
   FIELD_TYPES.CONTACTS_BIRTHDATE,
   FIELD_TYPES.DATE_TIME_INPUT,
-  FIELD_TYPES.DEXT_DATE_TIME_INPUT
+  FIELD_TYPES.DEXT_DATE_TIME_INPUT,
+  FIELD_TYPES.DATE_PICKER,
+  FIELD_TYPES.DEXT_DATE_PICKER
 ];
 var PHONE_FIELD_TYPES = [
   FIELD_TYPES.PHONE,
@@ -54108,6 +54110,8 @@ var DatePicker = ({ children }) => {
   const { labelId } = useFieldAttributes();
   const { regionalFormat } = useConfig();
   const [container, setContainer] = React172.useState(null);
+  const [isOpen, setIsOpen] = React172.useState(false);
+  const isForcedOpen = useIsForcedOpenDropdown(id6);
   const handleChange = React172.useCallback((dateValue2) => {
     const stringValue = dateValueToString(dateValue2);
     onChange(stringValue);
@@ -54141,8 +54145,12 @@ var DatePicker = ({ children }) => {
       isReadOnly: readOnly,
       isRequired: required,
       onBlur,
-      onFocus
-    }, controlElement, calendarElement))),
+      onFocus,
+      isOpen: isForcedOpen || isOpen,
+      onOpenChange: isForcedOpen ? void 0 : setIsOpen
+    }, controlElement, applyInternalProps(calendarElement, {
+      isForcedOpen
+    })))),
     renderDescription: () => /* @__PURE__ */ React172__default.default.createElement(React172__default.default.Fragment, null, errorElement, descriptionElement)
   });
 };
@@ -54225,7 +54233,8 @@ var Trigger = ({ children, className }) => {
     className
   }, children);
 };
-var Calendar = ({ children, className }) => {
+var Calendar = ({ children, className, ...internal }) => {
+  const { isForcedOpen } = internal;
   const { regionalFormat, isMobile: isMobile2 } = useConfig();
   const { availability } = useFieldPropsV2();
   const firstDayOfWeek = React172.useMemo(() => getFirstDayOfTheWeek(regionalFormat), [
@@ -54247,7 +54256,10 @@ var Calendar = ({ children, className }) => {
   return /* @__PURE__ */ React172__default.default.createElement(NonModalPopover, {
     className,
     containerPadding: 0
-  }, /* @__PURE__ */ React172__default.default.createElement(reactAriaComponents.Dialog, null, /* @__PURE__ */ React172__default.default.createElement(reactAriaComponents.Calendar, {
+  }, /* @__PURE__ */ React172__default.default.createElement(CalendarDialog, {
+    isForcedOpen
+  }, /* @__PURE__ */ React172__default.default.createElement(reactAriaComponents.Calendar, {
+    autoFocus: isForcedOpen ? false : void 0,
     firstDayOfWeek: convertFirstDayOfWeek(firstDayOfWeek),
     isDateUnavailable
   }, /* @__PURE__ */ React172__default.default.createElement("header", null, previousTriggerElement, /* @__PURE__ */ React172__default.default.createElement(reactAriaComponents.CalendarMonthPicker, null, (aria) => applyInternalProps(monthTriggerElement, {
@@ -54270,12 +54282,15 @@ var Calendar = ({ children, className }) => {
     date
   })))));
 };
-var Day3 = ({ className, ...internal }) => {
+var CalendarDialog = ({ isForcedOpen, children }) => isForcedOpen ? /* @__PURE__ */ React172__default.default.createElement("div", {
+  role: "dialog"
+}, children) : /* @__PURE__ */ React172__default.default.createElement(reactAriaComponents.Dialog, null, children);
+var Day3 = ({ children, className, ...internal }) => {
   const { date } = internal;
   return /* @__PURE__ */ React172__default.default.createElement(reactAriaComponents.CalendarCell, {
     className,
     date
-  });
+  }, children);
 };
 var PreviousTrigger = ({ children, className }) => /* @__PURE__ */ React172__default.default.createElement(reactAriaComponents.Button, {
   slot: "previous",