39 lines
1.3 KiB
JavaScript
39 lines
1.3 KiB
JavaScript
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] 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>
|
||
<div className="day-label-item !text-[10px] font-semibold">
|
||
۱ شنبه
|
||
</div>
|
||
<div className="day-label-item !text-[10px] font-semibold">
|
||
۲ شنبه
|
||
</div>
|
||
<div className="day-label-item !text-[10px] font-semibold">
|
||
۳ شنبه
|
||
</div>
|
||
<div className="day-label-item !text-[10px] font-semibold">
|
||
۴ شنبه
|
||
</div>
|
||
<div className="day-label-item !text-[10px] font-semibold">
|
||
۵ شنبه
|
||
</div>
|
||
<div className="day-label-item !text-[10px] font-semibold">جمعه</div>
|
||
</div>
|
||
)}
|
||
onChange={(e) => {
|
||
if (e._d) {
|
||
updateDate && updateDate(e._d, type);
|
||
}
|
||
handleClose && handleClose();
|
||
}}
|
||
/>
|
||
);
|
||
}
|
||
|
||
export default DatePickerContent;
|