@wix/form-public 0.522.0 → 0.524.0

package/dist/index.js

@@ -248,7 +248,7 @@ function deriveError(validation, error, options) {
   if (!error) {
     return error;
   }
-  return derivePatternError(error) ?? deriveCharacterLengthError(validation, error) ?? deriveItemsCountError(validation, error) ?? deriveNumericValueError(validation, error) ?? deriveDateFieldError(validation, error, options?.value) ?? deriveDateTimeFieldError(validation, error, options?.value) ?? error;
+  return derivePatternError(error) ?? deriveCharacterLengthError(validation, error) ?? deriveItemsCountError(validation, error) ?? deriveNumericValueError(validation, error) ?? deriveDateTimeFieldError(validation, error, options?.value) ?? deriveDateFieldError(validation, error, options?.value) ?? error;
 }
 function derivePatternError(error) {
   if (!error || error.errorType !== ErrorType.PATTERN_ERROR) {
@@ -54083,6 +54083,7 @@ var NonModalPopover = /* @__PURE__ */ forwardRef((props2, forwardedRef) => {
     shouldCloseOnInteractOutside: isOutsideTrigger
   }));
 });
+var EMPTY_SELECT_PLACEHOLDER = "\u200B";
 var SelectTriggerButton = /* @__PURE__ */ forwardRef((props2, ref) => {
   const overlayState = useContext(OverlayTriggerStateContext);
   const handlePressStart = (event) => {
@@ -54321,7 +54322,7 @@ var Month = ({ children, className }) => {
   const [isOpen, setIsOpen] = useState(false);
   const isForcedOpen = useIsForcedOpenDropdown(id6);
   const [container, setContainer] = 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 = useCallback((selectedValue) => {
     if (readOnly) {
       return;
@@ -54687,7 +54688,8 @@ var Input2 = ({ className }) => {
     regionalFormat
   ]);
   return /* @__PURE__ */ React173.createElement(DateInput$1, {
-    className
+    className,
+    "data-placeholder-hidden": !placeholder || void 0
   }, (segment) => {
     const showCustomPlaceholder = segment.type === firstSegmentType && segment.isPlaceholder && Boolean(placeholder);
     return /* @__PURE__ */ React173.createElement(DateSegment, {
@@ -54921,7 +54923,7 @@ var Month2 = ({ children, className }) => {
   const [isOpen, setIsOpen] = useState(false);
   const isForcedOpen = useIsForcedOpenDropdown(id6);
   const [container, setContainer] = 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 = useCallback((selectedValue) => {
     if (readOnly) {
       return;
@@ -55145,12 +55147,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.createElement(DateInput$1, {
     className,
-    "data-hook": "time"
+    "data-hook": "time",
+    "data-placeholder-hidden": hidePlaceholder || void 0
   }, (segment) => {
     switch (segment.type) {
       case "hour":
@@ -55780,7 +55784,7 @@ var Dropdown = ({ children }) => {
       isDisabled: disabled,
       isInvalid: hasError,
       isRequired: required,
-      placeholder,
+      placeholder: placeholder || EMPTY_SELECT_PLACEHOLDER,
       onBlur,
       onFocus
     }, triggerElement, applyInternalProps(optionsElement, {
@@ -62850,13 +62854,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.createElement(DateInput$1, {
     className,
-    "data-invalid": hasError || void 0
+    "data-invalid": hasError || void 0,
+    "data-placeholder-hidden": hidePlaceholder || void 0
   }, (segment) => {
     switch (segment.type) {
       case "hour":