From a7fa36684dd3aedf1418cf419b28c1d0908e8b0e Mon Sep 17 00:00:00 2001
From: Ehsan <ehsanahmadi8338@gmail.com>
Date: Thu, 24 Oct 2024 00:41:21 +0330
Subject: [PATCH] change design date picker

---
 app/component/ButtonDate.js        | 1 -
 app/component/DatePickerContent.js | 2 +-
 app/component/PopoverDate.js       | 7 ++-----
 3 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/app/component/ButtonDate.js b/app/component/ButtonDate.js
index 73c3ef8..69b6c8f 100644
--- a/app/component/ButtonDate.js
+++ b/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",
           },
         }}
       >
diff --git a/app/component/DatePickerContent.js b/app/component/DatePickerContent.js
index d9506ab..90a2cbd 100644
--- a/app/component/DatePickerContent.js
+++ b/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>
diff --git a/app/component/PopoverDate.js b/app/component/PopoverDate.js
index aca6020..474b1eb 100644
--- a/app/component/PopoverDate.js
+++ b/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",
           },
         }}
       >