change design date picker

This commit is contained in:
Ehsan
2024-10-24 00:41:21 +03:30
parent 2e8338da6d
commit a7fa36684d
3 changed files with 3 additions and 7 deletions
-1
View File
@@ -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",
}, },
}} }}
> >
+1 -1
View File
@@ -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>
+2 -5
View File
@@ -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)",
}, },
}} }}
> >