@wix/form-public 0.506.0 → 0.507.0

package/dist/index.js

@@ -53741,7 +53741,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,
@@ -54098,6 +54100,8 @@ var DatePicker = ({ children }) => {
   const { labelId } = useFieldAttributes();
   const { regionalFormat } = useConfig();
   const [container, setContainer] = useState(null);
+  const [isOpen, setIsOpen] = useState(false);
+  const isForcedOpen = useIsForcedOpenDropdown(id6);
   const handleChange = useCallback((dateValue2) => {
     const stringValue = dateValueToString(dateValue2);
     onChange(stringValue);
@@ -54131,8 +54135,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.createElement(React172.Fragment, null, errorElement, descriptionElement)
   });
 };
@@ -54215,7 +54223,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 = useMemo(() => getFirstDayOfTheWeek(regionalFormat), [
@@ -54237,7 +54246,10 @@ var Calendar = ({ children, className }) => {
   return /* @__PURE__ */ React172.createElement(NonModalPopover, {
     className,
     containerPadding: 0
-  }, /* @__PURE__ */ React172.createElement(Dialog, null, /* @__PURE__ */ React172.createElement(Calendar$1, {
+  }, /* @__PURE__ */ React172.createElement(CalendarDialog, {
+    isForcedOpen
+  }, /* @__PURE__ */ React172.createElement(Calendar$1, {
+    autoFocus: isForcedOpen ? false : void 0,
     firstDayOfWeek: convertFirstDayOfWeek(firstDayOfWeek),
     isDateUnavailable
   }, /* @__PURE__ */ React172.createElement("header", null, previousTriggerElement, /* @__PURE__ */ React172.createElement(CalendarMonthPicker, null, (aria) => applyInternalProps(monthTriggerElement, {
@@ -54260,12 +54272,15 @@ var Calendar = ({ children, className }) => {
     date
   })))));
 };
-var Day3 = ({ className, ...internal }) => {
+var CalendarDialog = ({ isForcedOpen, children }) => isForcedOpen ? /* @__PURE__ */ React172.createElement("div", {
+  role: "dialog"
+}, children) : /* @__PURE__ */ React172.createElement(Dialog, null, children);
+var Day3 = ({ children, className, ...internal }) => {
   const { date } = internal;
   return /* @__PURE__ */ React172.createElement(CalendarCell, {
     className,
     date
-  });
+  }, children);
 };
 var PreviousTrigger = ({ children, className }) => /* @__PURE__ */ React172.createElement(Button, {
   slot: "previous",