add component hour field to page add-doctor

components/panel/addDoctor/index.js

@@ -16,7 +16,7 @@ const listTab = ['اطلاعات عمومی', 'اطلاعات مطب', 'نوبت
 
 function AddDoctorPage() {
 
-    const [value, setValue] = useState(0);
+    const [value, setValue] = useState(3);
     const [open, setOpen] = useState(false);
 
     const handleChange = (event, newValue) => setValue(newValue);

components/panel/addDoctor/listMenu/workingDays/modal/Form.js

@@ -1,35 +1,15 @@
-import { useState } from "react";
-import ClockP from "@/components/icons/ClockP";
-import FieldIcon from "@/app/component/FieldIcon";
-import ContentText from "@/components/panel/ContentText";
 import { Button } from "@mui/material";
+import ContentText from "@/components/panel/ContentText";
+import TimePickerField from "@/app/component/TimePickerField";
 
 function Form({ handleClose }) {
-
-    const [data, setData] = useState({
-        start_time: '',
-        end_time: ''
-    });
-
-    const changeData = (value, name) => setData({ ...data, [name]: value })
-
     return (
         <div className="flex flex-col gap-[32px] md:gap-[36px] lg:gap-[40px] min-w-fit md:min-w-[420px]">
             <ContentText text='زمان شروع'>
-                <FieldIcon
-                    placeholder='انتخاب کنید...'
-                    changeData={changeData}
-                    icon={<ClockP />}
-                    name='start_time'
-                />
+                <TimePickerField />
             </ContentText>
             <ContentText text='زمان پایان'>
-                <FieldIcon
-                    placeholder='انتخاب کنید...'
-                    changeData={changeData}
-                    icon={<ClockP />}
-                    name='end_time'
-                />
+                <TimePickerField />
             </ContentText>
             <div className="flex flex-wrap items-center justify-center gap-[16px]">
                 <Button
@@ -43,7 +23,7 @@ function Form({ handleClose }) {
                     className="!text-[16px] !font-medium !shadow-none !py-[5px] md:!py-[7px] lg:!py-[9px] !px-[46px]"
                 >ذخیره</Button>
             </div>
-        </div>
+        </div >
     )
 }