design dark mode turns & add-doctor & account & layout and components MUI

2024-10-01 19:05:36 +03:30
parent 124b25f87c
commit c29c787f09
19 changed files with 361 additions and 85 deletions
@@ -0,0 +1,37 @@
+import { DatePicker } from "jalaali-react-date-picker";
+
+function DatePickerContent({ type, updateDate, handleClose }) {
+  return (
+    <DatePicker
+      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;