@m4l/components 9.1.87 → 9.1.89

package/components/mui_extended/DateTimePicker/DateTimePicker.styles.js

@@ -0,0 +1,752 @@
+import { g as getTypographyStyles } from "../../../utils/getTypographyStyles.js";
+import { g as getHeightSizeStyles } from "../../../utils/getHeightSizeStyles.js";
+const dateTimePickerStyles = {
+  /**
+   * Estilos para el root cuando esta en Desktop 💻
+   * @author DanielEscobar - automatic
+   * @createdAt 2025-01-28 01:24:17 - automatic
+   * @updatedAt 2025-01-29 17:03:17 - automatic
+   * @updatedUser DanielEscobar - automatic
+   */
+  rootDesktop: ({ theme, ownerState }) => ({
+    // ↴ Overrides sizes ❌
+    ...getHeightSizeStyles(
+      theme.generalSettings.isMobile,
+      ownerState.size || "medium",
+      "action",
+      (height) => ({
+        height: `${height} !important`,
+        minHeight: `${height} !important`,
+        maxHeight: `${height} !important`
+      })
+    ),
+    // Estilos globales del Input DateTimePicker en Desktop 🌎
+    "& .MuiInputBase-root": {
+      height: "100%",
+      padding: 0,
+      borderRadius: theme.vars.size.borderRadius.r1,
+      paddingLeft: theme.vars.size.baseSpacings.sp1,
+      "& input": {
+        padding: 0,
+        paddingLeft: theme.vars.size.baseSpacings.sp1,
+        paddingRight: theme.vars.size.baseSpacings.sp3,
+        ...getTypographyStyles(
+          theme.generalSettings.isMobile,
+          ownerState.size || "medium",
+          "body"
+        )
+      },
+      "& .MuiInputAdornment-root": {
+        margin: 0,
+        ...getHeightSizeStyles(
+          theme.generalSettings.isMobile,
+          ownerState.size || "medium",
+          "action",
+          (height) => ({
+            height,
+            minHeight: height,
+            maxHeight: height,
+            minWidth: `${height} !important`
+          })
+        )
+      },
+      // ↴ Overrides ❌
+      "&.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline": {
+        outline: 0,
+        minHeight: 0,
+        ...ownerState.variant === "outlined" && {
+          border: theme.vars.size.borderStroke.actionInput
+        },
+        ...ownerState.variant === "text" && {
+          border: 0,
+          borderBottom: theme.vars.size.borderStroke.actionInput
+        },
+        borderColor: ownerState.error ? theme.vars.palette.error.hover : theme.vars.palette.border.default,
+        borderRadius: theme.vars.size.borderRadius.r1
+      },
+      // ↴ Overrides ❌
+      "&.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline": {
+        outline: 0,
+        ...ownerState.variant === "outlined" && {
+          border: theme.vars.size.borderStroke.actionInput
+        },
+        ...ownerState.variant === "text" && {
+          border: 0,
+          borderBottom: theme.vars.size.borderStroke.actionInput
+        },
+        borderColor: ownerState.error ? theme.vars.palette.error.active : theme.vars.palette.primary.enabled
+      },
+      // ↴ Overrides ❌
+      "&.MuiOutlinedInput-root.Mui-focused .M4LIcon-icon": {
+        backgroundColor: ownerState.error ? theme.vars.palette.error.active : theme.vars.palette.primary.enabled
+      },
+      // ↴ Overrides ❌
+      ...!ownerState.disabled && {
+        "&:hover": {
+          background: ownerState.error ? theme.vars.palette.error.hoverOpacity : theme.vars.palette.primary.hoverOpacity
+        },
+        "&:active": {
+          background: theme.vars.palette.background.default
+        }
+      }
+    }
+  }),
+  /**
+   * Estilos para el root cuando esta en Mobile 📱
+   * @author DanielEscobar - automatic
+   * @createdAt 2025-01-28 01:24:17 - automatic
+   * @updatedAt 2025-01-29 17:03:17 - automatic
+   * @updatedUser DanielEscobar - automatic
+   */
+  rootMobile: ({ theme, ownerState }) => ({
+    // ↴ Overrides sizes ❌
+    ...getHeightSizeStyles(
+      theme.generalSettings.isMobile,
+      ownerState.size || "medium",
+      "action",
+      (height) => ({
+        height: `${height} !important`,
+        minHeight: `${height} !important`,
+        maxHeight: `${height} !important`
+      })
+    ),
+    // Estilos globales del Input DateTimePicker en Desktop 🌎
+    "& .MuiInputBase-root": {
+      height: "100%",
+      padding: 0,
+      borderRadius: theme.vars.size.borderRadius.r1,
+      paddingLeft: theme.vars.size.baseSpacings.sp1,
+      "& input": {
+        padding: 0,
+        paddingLeft: theme.vars.size.baseSpacings.sp1,
+        paddingRight: theme.vars.size.baseSpacings.sp3,
+        ...getTypographyStyles(
+          theme.generalSettings.isMobile,
+          ownerState.size || "medium",
+          "body"
+        )
+      },
+      // ↴ Overrides ❌
+      "&.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline": {
+        outline: 0,
+        minHeight: 0,
+        ...ownerState.variant === "outlined" && {
+          border: theme.vars.size.borderStroke.actionInput
+        },
+        ...ownerState.variant === "text" && {
+          border: 0,
+          borderBottom: theme.vars.size.borderStroke.actionInput
+        },
+        borderColor: ownerState.error ? theme.vars.palette.error.hover : theme.vars.palette.border.default,
+        borderRadius: theme.vars.size.borderRadius.r1
+      },
+      // ↴ Overrides ❌
+      "&.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline": {
+        outline: 0,
+        ...ownerState.variant === "outlined" && {
+          border: theme.vars.size.borderStroke.actionInput
+        },
+        ...ownerState.variant === "text" && {
+          border: 0,
+          borderBottom: theme.vars.size.borderStroke.actionInput
+        },
+        borderColor: ownerState.error ? theme.vars.palette.error.active : theme.vars.palette.primary.enabled
+      },
+      // ↴ Overrides ❌
+      ...!ownerState.disabled && {
+        "&:hover": {
+          background: ownerState.error ? theme.vars.palette.error.hoverOpacity : theme.vars.palette.primary.hoverOpacity
+        },
+        "&:active": {
+          background: theme.vars.palette.background.default
+        }
+      }
+    }
+  }),
+  /**
+   * Estilos para el popper de Material UI
+   * @author DanielEscobar - automatic
+   * @createdAt 2025-01-28 01:24:17 - automatic
+   * @updatedAt 2025-01-29 17:03:17 - automatic
+   * @updatedUser DanielEscobar - automatic
+   */
+  popper: ({ theme, ownerState }) => ({
+    zIndex: theme.vars.zIndex.modal,
+    "& .MuiDivider-root": {
+      borderColor: theme.vars.palette.border.secondary
+    },
+    // Estilos globales del MuiPickersLayout-root 🌎
+    "& .MuiPaper-root": {
+      boxShadow: theme.vars.customShadows.z4,
+      paddingTop: theme.vars.size.baseSpacings.sp3,
+      borderRadius: theme.vars.size.borderRadius.r1
+    },
+    // Estilos globales del MuiPickersLayout-root 🌎
+    "& .MuiPickersLayout-root": {
+      gap: `0px 0px ${theme.vars.size.baseSpacings.sp1} 0px`,
+      "& .MuiPickersLayout-contentWrapper": {
+        // ↴ Overrides ❌
+        // paddingLeft: theme.vars.size.baseSpacings.sp3,
+        // paddingRight: theme.vars.size.baseSpacings.sp3,
+        // Estilos específicos para el primer div hijo directo
+        "& > div:first-of-type": {
+          height: "265px"
+        }
+      }
+    },
+    // Estilos globales del MuiDateCalendar-root 🌎
+    "& .MuiDateCalendar-root": {
+      display: "flex",
+      width: "fit-content",
+      position: "relative",
+      top: -1,
+      gap: theme.vars.size.baseSpacings.sp3,
+      padding: theme.vars.size.baseSpacings.sp1,
+      // ↴ Overrides ❌
+      "& .MuiYearCalendar-root": {
+        // Fix en el height
+        height: "218px",
+        "& .MuiPickersYear-root": {
+          "& .MuiPickersYear-yearButton": {
+            width: "fit-content",
+            padding: `0px ${theme.vars.size.baseSpacings.sp3}`,
+            borderRadius: theme.vars.size.borderRadius.r1,
+            "&:hover": {
+              background: theme.vars.palette.default.hoverOpacity
+            },
+            "&:active": {
+              background: theme.vars.palette.default.active
+            },
+            "&.Mui-selected": {
+              background: theme.vars.palette.primary.enabled,
+              "&:hover": {
+                background: theme.vars.palette.primary.hover
+              },
+              "&:active": {
+                background: theme.vars.palette.primary.active
+              }
+            },
+            ...getHeightSizeStyles(
+              theme.generalSettings.isMobile,
+              ownerState.size || "small",
+              "action",
+              (height) => ({
+                minHeight: height,
+                height,
+                maxHeight: height
+              })
+            ),
+            ...getTypographyStyles(
+              theme.generalSettings.isMobile,
+              ownerState.size || "medium",
+              "body"
+            )
+          }
+        }
+      },
+      // ↴ Overrides ❌
+      "& .MuiDayCalendar-root": {
+        width: "fit-content",
+        padding: theme.vars.size.baseSpacings.sp2,
+        "& .MuiDayCalendar-header": {
+          display: "flex",
+          gap: theme.vars.size.baseSpacings.sp1,
+          "& .MuiTypography-root": {
+            margin: 0,
+            ...getTypographyStyles(
+              theme.generalSettings.isMobile,
+              ownerState.size || "medium",
+              "body"
+            ),
+            ...getHeightSizeStyles(
+              theme.generalSettings.isMobile,
+              ownerState.size || "small",
+              "action",
+              (height) => ({
+                minHeight: height,
+                height,
+                maxHeight: height,
+                minWidth: height,
+                width: height,
+                maxWidth: height
+              })
+            )
+          }
+        },
+        "& .MuiDayCalendar-weekContainer": {
+          display: "flex",
+          margin: 0,
+          paddingTop: theme.vars.size.baseSpacings.sp1,
+          gap: theme.vars.size.baseSpacings.sp1
+        }
+      }
+    },
+    // Estilos globales del MuiMultiSectionDigitalClock-root 🌎
+    "& .MuiMultiSectionDigitalClock-root": {
+      padding: theme.vars.size.baseSpacings.sp1,
+      // ↴ Overrides ❌
+      "& .MuiList-root": {
+        display: "flex",
+        width: "fit-content",
+        flexDirection: "column",
+        overflow: "overlay",
+        borderColor: theme.vars.palette.border.secondary,
+        paddingRight: theme.vars.size.baseSpacings.sp2,
+        paddingLeft: theme.vars.size.baseSpacings.sp2,
+        gap: theme.vars.size.baseSpacings.sp2,
+        "& .MuiButtonBase-root": {
+          margin: 0,
+          ...getHeightSizeStyles(
+            theme.generalSettings.isMobile,
+            ownerState.size || "small",
+            "action",
+            (height) => ({
+              minHeight: height,
+              height,
+              maxHeight: height,
+              minWidth: height,
+              width: height,
+              maxWidth: height
+            })
+          ),
+          ...getTypographyStyles(
+            theme.generalSettings.isMobile,
+            ownerState.size || "medium",
+            "body"
+          )
+        }
+      }
+    },
+    // Estilos globales del MuiDialogActions-root 🌎
+    "& .MuiDialogActions-root": {
+      paddingRight: theme.vars.size.baseSpacings.sp3,
+      // ↴ Overrides ❌
+      "& .MuiButtonBase-root": {
+        margin: 0,
+        ...getHeightSizeStyles(
+          theme.generalSettings.isMobile,
+          ownerState.size || "small",
+          "action",
+          (height) => ({
+            minHeight: height,
+            height,
+            maxHeight: height,
+            minWidth: height,
+            width: height,
+            maxWidth: height
+          })
+        ),
+        ...getTypographyStyles(
+          theme.generalSettings.isMobile,
+          ownerState.size || "medium",
+          "body"
+        )
+      }
+    }
+  }),
+  /**
+   * estilos para paper de Material UI
+   * @author DanielEscobar - automatic
+   * @createdAt 2025-01-28 02:42:08 - automatic
+   * @updatedAt 2025-01-29 17:03:17 - automatic
+   * @updatedUser DanielEscobar - automatic
+   */
+  paper: ({ theme, ownerState }) => ({
+    minWidth: "0 !important",
+    padding: theme.vars.size.baseSpacings.sp3,
+    borderRadius: theme.vars.size.borderRadius.r1,
+    "& .MuiPickersLayout-root": {
+      gap: theme.vars.size.baseSpacings.sp2
+    },
+    // Estilos globales del MuiPickersLayout-root 🌎
+    "& .MuiPickersToolbar-root": {
+      gridArea: " 1 / 2 / auto / 2 !important",
+      padding: 0,
+      // ↴ Overrides ❌
+      "& > span:first-of-type": {
+        ...getTypographyStyles(
+          theme.generalSettings.isMobile,
+          ownerState.size || "medium",
+          "body"
+        )
+      },
+      // ↴ Overrides ❌
+      "& .MuiPickersToolbar-content": {
+        "& .MuiDateTimePickerToolbar-dateContainer": {
+          "& button > span": {
+            color: theme.vars.palette.text.primary,
+            "&.Mui-selected": {
+              color: theme.vars.palette.primary.selected
+            }
+          },
+          "& button:nth-of-type(1) > span": {
+            ...getTypographyStyles(
+              theme.generalSettings.isMobile,
+              ownerState.size || "medium",
+              "body"
+            )
+          },
+          "& button:nth-of-type(2) > span": {
+            ...getTypographyStyles(
+              theme.generalSettings.isMobile,
+              ownerState.size || "medium",
+              "subtitle"
+            )
+          }
+        },
+        "& .MuiDateTimePickerToolbar-timeContainer": {
+          gap: theme.vars.size.baseSpacings.sp2,
+          "& button > span": {
+            color: theme.vars.palette.text.primary,
+            "&.Mui-selected": {
+              color: theme.vars.palette.primary.selected
+            }
+          },
+          "& .MuiDateTimePickerToolbar-timeDigitsContainer": {
+            alignItems: "center",
+            "& > button": {
+              height: "fit-content"
+            },
+            "& button:nth-of-type(1) > span, & button:nth-of-type(2) > span": {
+              ...getTypographyStyles(
+                theme.generalSettings.isMobile,
+                ownerState.size || "medium",
+                "subtitle"
+              )
+            }
+          },
+          "& .MuiDateTimePickerToolbar-separator": {
+            display: "flex",
+            justifyContent: "center",
+            alignSelf: "center",
+            ...getTypographyStyles(
+              theme.generalSettings.isMobile,
+              ownerState.size || "medium",
+              "subtitle"
+            )
+          },
+          "& .MuiDateTimePickerToolbar-ampmSelection": {
+            margin: 0,
+            display: "flex",
+            justifyContent: "center",
+            "& button:nth-of-type(1) > span, & button:nth-of-type(2) > span": {
+              display: "flex",
+              alignItems: "center",
+              ...getHeightSizeStyles(
+                theme.generalSettings.isMobile,
+                ownerState.size || "small",
+                "action",
+                (height) => ({
+                  height,
+                  minHeight: height,
+                  maxHeight: height
+                })
+              ),
+              ...getTypographyStyles(
+                theme.generalSettings.isMobile,
+                ownerState.size || "medium",
+                "body"
+              )
+            }
+          }
+        }
+      }
+    },
+    // ↴ Overrides ❌
+    "& .MuiPickersLayout-contentWrapper": {
+      // ↴ Overrides Tabs ❌
+      "& .MuiTabs-root": {
+        height: "fit-content",
+        minHeight: "auto",
+        width: "fit-content",
+        boxShadow: "none",
+        background: theme.vars.palette.default.enabled,
+        paddingBottom: theme.vars.size.baseSpacings.sp0,
+        gap: theme.vars.size.baseSpacings.sp0,
+        borderRadius: theme.vars.size.borderRadius.r1,
+        borderBottomLeftRadius: theme.vars.size.borderRadius.r0,
+        borderBottomRightRadius: theme.vars.size.borderRadius.r0,
+        "& .MuiTab-root": {
+          border: theme.vars.size.borderStroke.container,
+          borderColor: theme.vars.palette.default.enabled,
+          borderTopLeftRadius: `calc(${theme.vars.size.borderRadius.r1} - 1px)`,
+          borderTopRightRadius: `calc(${theme.vars.size.borderRadius.r1} - 1px)`,
+          ...getHeightSizeStyles(
+            theme.generalSettings.isMobile,
+            ownerState.size || "small",
+            "container",
+            (height) => ({
+              minHeight: height,
+              height,
+              maxHeight: height,
+              minWidth: height,
+              width: height,
+              maxWidth: height
+            })
+          ),
+          "& .MuiTouchRipple-root": {
+            display: "none"
+          }
+        },
+        "& .MuiTab-root.Mui-selected": {
+          background: theme.vars.palette.background.default,
+          "&::after": {
+            content: '""',
+            width: "70%",
+            transform: "translateX(20%)",
+            height: theme.vars.size.borderRadius["r0-5"],
+            left: 0,
+            top: 0,
+            backgroundColor: ownerState.tabSkeleton ? theme.vars.palette.skeleton.default : ownerState.tabDisabled ? theme.vars.palette.text.disabled : theme.vars.palette.primary.main,
+            borderEndStartRadius: theme.vars.size.borderRadius["r1"],
+            borderEndEndRadius: theme.vars.size.borderRadius["r1"],
+            position: "absolute"
+          }
+        },
+        "& .MuiTabs-indicator": {
+          display: "none"
+        }
+      },
+      "& .MuiDateCalendar-root": {
+        display: "flex",
+        width: "fit-content",
+        height: "fit-content",
+        gap: theme.vars.size.baseSpacings.sp3,
+        padding: theme.vars.size.baseSpacings.sp3,
+        border: theme.vars.size.borderStroke.container,
+        borderRadius: theme.vars.size.borderRadius.r1,
+        borderTopLeftRadius: 0,
+        borderColor: theme.vars.palette.border.default,
+        margin: 0,
+        "& .MuiYearCalendar-root": {
+          // Fix en el height
+          height: "218px",
+          "& .MuiPickersYear-yearButton": {
+            margin: 0,
+            borderRadius: theme.vars.size.borderRadius.r1,
+            "&:hover": {
+              background: theme.vars.palette.default.hoverOpacity
+            },
+            "&:active": {
+              background: theme.vars.palette.default.active
+            },
+            "&.Mui-selected": {
+              background: theme.vars.palette.primary.enabled,
+              "&:hover": {
+                background: theme.vars.palette.primary.hover
+              },
+              "&:active": {
+                background: theme.vars.palette.primary.active
+              }
+            },
+            ...getHeightSizeStyles(
+              theme.generalSettings.isMobile,
+              ownerState.size || "small",
+              "action",
+              (height) => ({
+                minHeight: height,
+                height,
+                maxHeight: height
+              })
+            ),
+            ...getTypographyStyles(
+              theme.generalSettings.isMobile,
+              ownerState.size || "medium",
+              "body"
+            )
+          }
+        }
+      },
+      // ↴ Overrides ❌
+      "& .MuiDayCalendar-root": {
+        width: "fit-content",
+        padding: theme.vars.size.baseSpacings.sp2,
+        "& .MuiDayCalendar-header": {
+          display: "flex",
+          gap: theme.vars.size.baseSpacings.sp1,
+          "& .MuiTypography-root": {
+            margin: 0,
+            ...getTypographyStyles(
+              theme.generalSettings.isMobile,
+              ownerState.size || "medium",
+              "body"
+            ),
+            ...getHeightSizeStyles(
+              theme.generalSettings.isMobile,
+              ownerState.size || "small",
+              "action",
+              (height) => ({
+                minHeight: height,
+                height,
+                maxHeight: height,
+                minWidth: height,
+                width: height,
+                maxWidth: height
+              })
+            )
+          }
+        },
+        "& .MuiDayCalendar-weekContainer": {
+          display: "flex",
+          margin: 0,
+          paddingTop: theme.vars.size.baseSpacings.sp1,
+          gap: theme.vars.size.baseSpacings.sp1
+        }
+      },
+      "& .MuiTimeClock-root": {
+        width: "fit-content",
+        border: theme.vars.size.borderStroke.container,
+        borderRadius: theme.vars.size.borderRadius.r1,
+        borderColor: theme.vars.palette.border.default,
+        padding: theme.vars.size.baseSpacings.sp1,
+        "& .MuiClock-clock": {
+          background: theme.vars.palette.default.main
+        }
+      },
+      "& .MuiPickersArrowSwitcher-root": {
+        top: 0,
+        right: 0,
+        display: "flex",
+        alignSelf: "center",
+        position: "relative"
+      },
+      "& .MuiPickersLayout-actionBar": {
+        padding: `${theme.vars.size.baseSpacings.sp1} 0px`
+      }
+    },
+    // Estilos globales del MuiDialogActions-root 🌎
+    "& .MuiDialogActions-root": {
+      // ↴ Overrides ❌
+      "& .MuiButtonBase-root": {
+        margin: 0,
+        ...getHeightSizeStyles(
+          theme.generalSettings.isMobile,
+          ownerState.size || "small",
+          "action",
+          (height) => ({
+            minHeight: height,
+            height,
+            maxHeight: height,
+            minWidth: height
+          })
+        ),
+        ...getTypographyStyles(
+          theme.generalSettings.isMobile,
+          ownerState.size || "medium",
+          "body"
+        )
+      },
+      "& .MuiButtonBase-root:nth-of-type(1)": {
+        color: theme.vars.palette.text.secondary,
+        textTransform: "lowercase"
+      },
+      "& .MuiButtonBase-root:nth-of-type(2)": {
+        textTransform: "lowercase"
+      }
+    }
+  }),
+  /**
+   * Estilos de pickersDay de Mui x
+   * @author DanielEscobar - automatic
+   * @createdAt 2025-01-28 02:42:08 - automatic
+   * @updatedAt 2025-01-29 17:03:17 - automatic
+   * @updatedUser DanielEscobar - automatic
+   */
+  pickersDay: ({ theme, ownerState }) => ({
+    margin: 0,
+    borderRadius: theme.vars.size.borderRadius.r1,
+    "&:hover": {
+      background: theme.vars.palette.default.hoverOpacity
+    },
+    "&:active": {
+      background: theme.vars.palette.default.active
+    },
+    "&.Mui-selected": {
+      background: theme.vars.palette.primary.enabled,
+      "&:hover": {
+        background: theme.vars.palette.primary.hover
+      },
+      "&:active": {
+        background: theme.vars.palette.primary.active
+      }
+    },
+    ...getHeightSizeStyles(
+      theme.generalSettings.isMobile,
+      ownerState.size || "small",
+      "action",
+      (height) => ({
+        minHeight: height,
+        height,
+        maxHeight: height,
+        minWidth: height,
+        width: height,
+        maxWidth: height
+      })
+    )
+  }),
+  /**
+   *Estilos de pickersCalendarHeader de Mui x
+   * @author DanielEscobar - automatic
+   * @createdAt 2025-01-28 02:42:08 - automatic
+   * @updatedAt 2025-01-29 17:03:17 - automatic
+   * @updatedUser DanielEscobar - automatic
+   */
+  pickersCalendarHeader: ({ theme, ownerState }) => ({
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "space-between",
+    margin: 0,
+    padding: `0px ${theme.vars.size.baseSpacings.sp2}`,
+    "& .MuiPickersCalendarHeader-labelContainer": {
+      border: theme.vars.size.borderStroke.actionInput,
+      borderColor: theme.vars.palette.border.default,
+      ...getHeightSizeStyles(
+        theme.generalSettings.isMobile,
+        ownerState.size || "medium",
+        "action",
+        (height) => ({
+          height,
+          minHeight: height,
+          maxHeight: height
+        })
+      ),
+      margin: 0,
+      paddingLeft: theme.vars.size.baseSpacings.sp1,
+      borderRadius: theme.vars.size.borderRadius.r1,
+      "& .MuiPickersCalendarHeader-label": {
+        margin: 0,
+        paddingLeft: theme.vars.size.baseSpacings.sp1,
+        paddingRight: theme.vars.size.baseSpacings.sp3,
+        ...getTypographyStyles(
+          theme.generalSettings.isMobile,
+          ownerState.size || "medium",
+          "body"
+        )
+      }
+    }
+  }),
+  //Requerido para correccion de fix en tamaños ↴ Overrides ❌
+  iconButton: () => ({}),
+  /**
+   * estilos para el skeleton 🦴
+   * @author DanielEscobar - automatic
+   * @createdAt 2025-01-28 01:24:17 - automatic
+   * @updatedAt 2025-01-29 17:03:17 - automatic
+   * @updatedUser DanielEscobar - automatic
+   */
+  skeleton: ({ theme, ownerState }) => ({
+    ...getHeightSizeStyles(
+      theme.generalSettings.isMobile,
+      ownerState.size || "small",
+      "action",
+      (height) => ({
+        height,
+        minHeight: height,
+        maxHeight: height
+      })
+    )
+  })
+};
+export {
+  dateTimePickerStyles as d
+};