react-better-html 1.1.77 → 1.1.78

package/dist/index.mjs

@@ -4889,7 +4889,7 @@ var DropdownComponent = forwardRef7(function Dropdown({
       Div_default.row,
       {
         position: "absolute",
-        top: 46 / 2 + (label ? 16 + theme2.styles.gap / 2 : 0),
+        top: 46 / 2 + (label ? 16 + theme2.styles.gap : 0),
         right: theme2.styles.space + 1,
         alignItems: "center",
         gap: theme2.styles.gap,
@@ -5148,7 +5148,7 @@ var InputElement = styled8.input.withConfig({
    &[type="date"],
    &[type="datetime-local"],
    &[type="time"] {
-      min-height: 48px;
+      // min-height: 46px;
       -webkit-appearance: none;
 
       &::-webkit-calendar-picker-indicator {
@@ -5277,6 +5277,12 @@ var InputFieldComponent = forwardRef8(function InputField({
     },
     [onChange, onChangeValue, withDebounce]
   );
+  const leftIconZIndex = useMemo5(
+    () => ["react-better-html-dropdown-open-late", "react-better-html-inputField-dateTime-opened-late"].some(
+      (classNameItem) => props.className?.includes(classNameItem)
+    ) ? 1002 : 1,
+    [props.className]
+  );
   useEffect7(() => {
     if (!withDebounce) return;
     onChangeValue?.(debouncedValue);
@@ -5289,11 +5295,11 @@ var InputFieldComponent = forwardRef8(function InputField({
         {
           name: leftIcon,
           position: "absolute",
-          top: 46 / 2,
+          top: (props.type === "date" || props.type === "time" || props.type === "datetime-local" ? 48 : 46) / 2,
           left: theme2.styles.space + 1,
           transform: "translateY(-50%)",
           pointerEvents: "none",
-          zIndex: props.className?.includes("react-better-html-dropdown-open-late") ? 1002 : 1
+          zIndex: leftIconZIndex
         }
       ),
       /* @__PURE__ */ jsx15(