add modal page item doctor and date picker basic style

2024-08-25 02:09:18 +03:30
parent 9701547d1f
commit 92e48cadd3
10 changed files with 84 additions and 11 deletions
@@ -0,0 +1,45 @@
+import { useState } from 'react';
+import { Popover } from '@mui/material';
+import { DatePicker as DatePickerJalali } from "jalaali-react-date-picker";
+import Field from './Field';
+import ButtonDate from './ButtonDate';
+
+function DatePicker({ type, date, updateDate, text, from }) {
+
+    const [anchorEl, setAnchorEl] = useState(null);
+
+    const handleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+
+    const handleClose = () => setAnchorEl(null);
+
+    const open = true;
+    const id = open ? 'simple-popover' : undefined;
+
+    return (
+        <div>
+            {/* {from && from === 'register' ? (
+                <Field
+                    title={text}
+                    handleClick={handleClick}
+                />
+            ) : (
+                <ButtonDate
+                    text={text}
+                    handleClick={handleClick}
+                />
+            )} */}
+            <DatePickerJalali
+                    onChange={(e) => {
+                        if (e._d) {
+                            updateDate(e._d, type)
+                        }
+                        handleClose()
+                    }}
+                />
+        </div>
+    )
+}
+
+export default DatePicker