react-better-html 1.1.77 → 1.1.78

package/dist/index.js

@@ -4962,7 +4962,7 @@ var DropdownComponent = (0, import_react16.forwardRef)(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,
@@ -5221,7 +5221,7 @@ var InputElement = import_styled_components9.default.input.withConfig({
    &[type="date"],
    &[type="datetime-local"],
    &[type="time"] {
-      min-height: 48px;
+      // min-height: 46px;
       -webkit-appearance: none;
 
       &::-webkit-calendar-picker-indicator {
@@ -5350,6 +5350,12 @@ var InputFieldComponent = (0, import_react18.forwardRef)(function InputField({
     },
     [onChange, onChangeValue, withDebounce]
   );
+  const leftIconZIndex = (0, import_react18.useMemo)(
+    () => ["react-better-html-dropdown-open-late", "react-better-html-inputField-dateTime-opened-late"].some(
+      (classNameItem) => props.className?.includes(classNameItem)
+    ) ? 1002 : 1,
+    [props.className]
+  );
   (0, import_react18.useEffect)(() => {
     if (!withDebounce) return;
     onChangeValue?.(debouncedValue);
@@ -5362,11 +5368,11 @@ var InputFieldComponent = (0, import_react18.forwardRef)(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__ */ (0, import_jsx_runtime16.jsx)(