@wix/form-public 0.523.0 → 0.524.0

package/dist/index.cjs

@@ -54093,6 +54093,7 @@ var NonModalPopover = /* @__PURE__ */ React173.forwardRef((props2, forwardedRef)
     shouldCloseOnInteractOutside: isOutsideTrigger
   }));
 });
+var EMPTY_SELECT_PLACEHOLDER = "\u200B";
 var SelectTriggerButton = /* @__PURE__ */ React173.forwardRef((props2, ref) => {
   const overlayState = React173.useContext(reactAriaComponents.OverlayTriggerStateContext);
   const handlePressStart = (event) => {
@@ -54331,7 +54332,7 @@ var Month = ({ children, className }) => {
   const [isOpen, setIsOpen] = React173.useState(false);
   const isForcedOpen = useIsForcedOpenDropdown(id6);
   const [container, setContainer] = React173.useState(null);
-  const placeholder = hidePlaceholder ? void 0 : t("field.date.placeholder.month");
+  const placeholder = hidePlaceholder ? EMPTY_SELECT_PLACEHOLDER : t("field.date.placeholder.month");
   const handleMonthChange = React173.useCallback((selectedValue) => {
     if (readOnly) {
       return;
@@ -54697,7 +54698,8 @@ var Input2 = ({ className }) => {
     regionalFormat
   ]);
   return /* @__PURE__ */ React173__default.default.createElement(reactAriaComponents.DateInput, {
-    className
+    className,
+    "data-placeholder-hidden": !placeholder || void 0
   }, (segment) => {
     const showCustomPlaceholder = segment.type === firstSegmentType && segment.isPlaceholder && Boolean(placeholder);
     return /* @__PURE__ */ React173__default.default.createElement(reactAriaComponents.DateSegment, {
@@ -54931,7 +54933,7 @@ var Month2 = ({ children, className }) => {
   const [isOpen, setIsOpen] = React173.useState(false);
   const isForcedOpen = useIsForcedOpenDropdown(id6);
   const [container, setContainer] = React173.useState(null);
-  const placeholder = hidePlaceholder ? void 0 : t("field.date.placeholder.month");
+  const placeholder = hidePlaceholder ? EMPTY_SELECT_PLACEHOLDER : t("field.date.placeholder.month");
   const handleMonthChange = React173.useCallback((selectedValue) => {
     if (readOnly) {
       return;
@@ -55155,12 +55157,14 @@ var TimeLabel = ({ className }) => {
   }, label);
 };
 var TimeInput = ({ children, className }) => {
+  const { hidePlaceholder } = useFieldPropsV2();
   const hourElement = findChildOfType(children, Time.Hour);
   const minuteElement = findChildOfType(children, Time.Minute);
   const periodElement = findChildOfType(children, Time.Period);
   return /* @__PURE__ */ React173__default.default.createElement(reactAriaComponents.DateInput, {
     className,
-    "data-hook": "time"
+    "data-hook": "time",
+    "data-placeholder-hidden": hidePlaceholder || void 0
   }, (segment) => {
     switch (segment.type) {
       case "hour":
@@ -55790,7 +55794,7 @@ var Dropdown = ({ children }) => {
       isDisabled: disabled,
       isInvalid: hasError,
       isRequired: required,
-      placeholder,
+      placeholder: placeholder || EMPTY_SELECT_PLACEHOLDER,
       onBlur,
       onFocus
     }, triggerElement, applyInternalProps(optionsElement, {
@@ -62860,13 +62864,14 @@ var TimeInput2 = ({ children }) => {
   });
 };
 var Time2 = ({ children, className }) => {
-  const { hasError } = useFieldPropsV2();
+  const { hasError, hidePlaceholder } = useFieldPropsV2();
   const hourElement = findChildOfType(children, Time2.Hour);
   const minuteElement = findChildOfType(children, Time2.Minute);
   const periodElement = findChildOfType(children, Time2.Period);
   return /* @__PURE__ */ React173__default.default.createElement(reactAriaComponents.DateInput, {
     className,
-    "data-invalid": hasError || void 0
+    "data-invalid": hasError || void 0,
+    "data-placeholder-hidden": hidePlaceholder || void 0
   }, (segment) => {
     switch (segment.type) {
       case "hour":