change design date picker

app/component/ButtonDate.js

@@ -24,7 +24,6 @@ function ButtonDate({ anchorEl, setAnchorEl, open, id, updateDate, children }) {
           "& .MuiPaper-root": {
             background: "transparent !important",
             border: "none !important",
-            // boxShadow: "none !important",
           },
         }}
       >

app/component/DatePickerContent.js

@@ -3,7 +3,7 @@ import { DatePicker } from "jalaali-react-date-picker";
 function DatePickerContent({ type, updateDate, handleClose }) {
   return (
     <DatePicker
-      className="!pt-[12px] !px-[12px] sm:!pt-[24px] sm:!px-[24px] !border !border-solid !border-[#EFEFEF] !bg-[#FFF] !rounded-[8px] !overflow-hidden"
+      className="!pt-[12px] !px-[12px] sm:!pt-[24px] sm:!px-[24px] !border !border-solid !border-[#EFEFEF] dark:!border-none !bg-[#FFF] !rounded-[8px] !overflow-hidden"
       dayLabelRender={(e) => (
         <div className="day-label-bar-inner-rtl">
           <div className="day-label-item !text-[10px] font-semibold">شنبه</div>

app/component/PopoverDate.js

@@ -40,11 +40,8 @@ function PopoverDate({ text, updateDate, type }) {
         }}
         sx={{
           "& .MuiPaper-root": {
-            padding: { xs: "12px 12px 0", sm: "24px 24px 0" },
-            background: "#FFF",
-            borderRadius: "8px",
-            border: "1px solid #EFEFEF",
-            boxShadow: "0px 1px 24.8px 0px rgba(204, 204, 204, 0.18)",
+            background: "transparent !important",
+            border: "none !important",
           },
         }}
       >