change design date picker
This commit is contained in:
@@ -24,7 +24,6 @@ function ButtonDate({ anchorEl, setAnchorEl, open, id, updateDate, children }) {
|
|||||||
"& .MuiPaper-root": {
|
"& .MuiPaper-root": {
|
||||||
background: "transparent !important",
|
background: "transparent !important",
|
||||||
border: "none !important",
|
border: "none !important",
|
||||||
// boxShadow: "none !important",
|
|
||||||
},
|
},
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ import { DatePicker } from "jalaali-react-date-picker";
|
|||||||
function DatePickerContent({ type, updateDate, handleClose }) {
|
function DatePickerContent({ type, updateDate, handleClose }) {
|
||||||
return (
|
return (
|
||||||
<DatePicker
|
<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) => (
|
dayLabelRender={(e) => (
|
||||||
<div className="day-label-bar-inner-rtl">
|
<div className="day-label-bar-inner-rtl">
|
||||||
<div className="day-label-item !text-[10px] font-semibold">شنبه</div>
|
<div className="day-label-item !text-[10px] font-semibold">شنبه</div>
|
||||||
|
|||||||
@@ -40,11 +40,8 @@ function PopoverDate({ text, updateDate, type }) {
|
|||||||
}}
|
}}
|
||||||
sx={{
|
sx={{
|
||||||
"& .MuiPaper-root": {
|
"& .MuiPaper-root": {
|
||||||
padding: { xs: "12px 12px 0", sm: "24px 24px 0" },
|
background: "transparent !important",
|
||||||
background: "#FFF",
|
border: "none !important",
|
||||||
borderRadius: "8px",
|
|
||||||
border: "1px solid #EFEFEF",
|
|
||||||
boxShadow: "0px 1px 24.8px 0px rgba(204, 204, 204, 0.18)",
|
|
||||||
},
|
},
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user