@3sc/common-component 0.0.154 → 0.0.156

package/dist/index.es.js

@@ -46145,8 +46145,8 @@ const Q7 = G(eS)(({ theme: e }) => ({
     color: `${e.palette.primary.notifyTextColor}`,
     fontSize: "1.1rem",
     padding: "0.6rem 1.2rem",
-    minHeight: "4rem",
-    height: "4rem",
+    minHeight: "3.8rem",
+    height: "3.8rem",
     boxSizing: "border-box"
   },
   "& .MuiOutlinedInput-notchedOutline": {
@@ -46163,13 +46163,12 @@ const Q7 = G(eS)(({ theme: e }) => ({
     padding: "0!important"
   }
 })), eG = ({
-  value: e,
-  styles: t,
-  error: n,
-  errorText: o,
-  ...r
+  styles: e,
+  error: t,
+  errorText: n,
+  ...o
 }) => {
-  const s = dt();
+  const r = dt();
   return /* @__PURE__ */ y.jsx(Zf, { dateAdapter: m6, children: /* @__PURE__ */ y.jsx(K7, { components: ["MuiDatePicker"], children: /* @__PURE__ */ y.jsx(
     Q7,
     {
@@ -46181,7 +46180,11 @@ const Q7 = G(eS)(({ theme: e }) => ({
           ye,
           {
             component: "img",
-            src: ft.Calendar
+            src: ft.Calendar,
+            sx: {
+              opacity: o.readOnly ? 0.6 : 1,
+              pointerEvents: "none"
+            }
           }
         )
       },
@@ -46192,64 +46195,64 @@ const Q7 = G(eS)(({ theme: e }) => ({
               maxHeight: "30rem"
             },
             "& .MuiPaper-root": {
-              backgroundColor: s.palette.primary.notifyBackground,
-              color: s.palette.primary.notifyActiveText,
-              borderRadius: "0.7rem"
+              backgroundColor: r.palette.primary.notifyBackground,
+              color: r.palette.primary.notifyActiveText,
+              borderRadius: "0.8rem"
             },
             "& .MuiPickersCalendarHeader-root": {
-              color: s.palette.primary.notifyActiveText,
+              color: r.palette.primary.notifyActiveText,
               "& .MuiPickersCalendarHeader-labelContainer": {
                 fontSize: "2rem",
                 "& .MuiIconButton-root": {
                   fontSize: "2rem",
-                  color: s.palette.primary.notifyActiveText
+                  color: r.palette.primary.notifyActiveText
                 }
               },
               "& .MuiPickersArrowSwitcher-root": {
                 "& .MuiIconButton-root": {
                   fontSize: "2rem",
-                  color: s.palette.primary.notifyActiveText
+                  color: r.palette.primary.notifyActiveText
                 }
               }
             },
             "& .MuiDayCalendar-header": {
               "& .MuiTypography-root": {
                 fontSize: "1.1rem",
-                color: s.palette.primary.notifyActiveText
+                color: r.palette.primary.notifyActiveText
               }
             },
             "& .MuiPickersSlideTransition-root": {
               "& .MuiButtonBase-root": {
                 fontSize: "1.1rem",
-                color: s.palette.primary.notifyActiveText
+                color: r.palette.primary.notifyActiveText
               }
             },
             "& .MuiPickersFadeTransitionGroup-root": {
               "& .MuiPickersYear-yearButton  ": {
                 fontSize: "1.1rem",
-                color: s.palette.primary.notifyActiveText
+                color: r.palette.primary.notifyActiveText
               }
             },
             "& .MuiPickersDay-root.Mui-selected": {
-              backgroundColor: `${s.palette.brandColor.orange}!important`,
-              color: s.palette.brandColor.white
+              backgroundColor: `${r.palette.brandColor.orange}!important`,
+              color: r.palette.brandColor.white
             },
             "& .MuiYearCalendar-root .MuiYearCalendar-button.Mui-selected": {
-              backgroundColor: `${s.palette.brandColor.orange}!important`,
-              color: s.palette.brandColor.white
+              backgroundColor: `${r.palette.brandColor.orange}!important`,
+              color: r.palette.brandColor.white
             },
             "& .MuiMonthCalendar-root .MuiMonthCalendar-button.Mui-selected": {
-              backgroundColor: `${s.palette.brandColor.orange}!important`,
-              color: s.palette.brandColor.white
+              backgroundColor: `${r.palette.brandColor.orange}!important`,
+              color: r.palette.brandColor.white
             },
             "& .MuiPickersDay-root": {
-              color: s.palette.primary.notifyActiveText,
+              color: r.palette.primary.notifyActiveText,
               "& .Mui-selected": {
-                backgroundColor: s.palette.brandColor.orange
+                backgroundColor: r.palette.brandColor.orange
               }
             },
             "& .Mui-selected": {
-              color: s.palette.primary.notifyActiveText
+              color: r.palette.primary.notifyActiveText
             },
             "& .MuiYearCalendar-button": {
               fontSize: "1.1rem"
@@ -46260,20 +46263,13 @@ const Q7 = G(eS)(({ theme: e }) => ({
           }
         },
         textField: {
-          error: n,
-          helperText: n ? o : null,
-          InputProps: { readOnly: !0 },
+          error: t,
+          helperText: t ? n : null,
           sx: {
-            "&.Mui-disabled *": {
-              color: `${s.palette.primary.notifyTextColor}!important`,
-              opacity: 0.8
-            },
-            "& input": {
-              cursor: "pointer"
-            },
+            opacity: o.readOnly ? 0.6 : 1,
             "& .MuiFormHelperText-root": {
               fontSize: "1rem",
-              color: s.palette.brandColor.red,
+              color: r.palette.brandColor.red,
               marginX: 0
             },
             "& .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline": {}
@@ -46282,11 +46278,11 @@ const Q7 = G(eS)(({ theme: e }) => ({
       },
       sx: {
         "& .MuiPickersOutlinedInput-root": {
-          border: `0.1rem solid ${n ? s.palette.brandColor.red : s.palette.primary.notifyBorderColor}`
+          border: `0.1rem solid ${t ? r.palette.brandColor.red : r.palette.primary.notifyBorderColor}`
         },
-        ...t
+        ...e
       },
-      ...r
+      ...o
     }
   ) }) });
 }, EG = (e) => /* @__PURE__ */ y.jsx(po, { children: /* @__PURE__ */ y.jsx(