add field number in step 3

components/panel/addDoctor/index.js

@@ -9,7 +9,7 @@ import GeneralInformation from "./listMenu/generalInformation";
 import Step from "./Step";
 
 function AddDoctorPage() {
-  const [value, setValue] = useState(1);
+  const [value, setValue] = useState(0);
   const [data, setData] = useState({
     general: {
       name: { value: "", placeholder: "احسان احمدی", isEdit: true },

components/panel/addDoctor/listMenu/generalInformation/form/index.js

@@ -27,8 +27,8 @@ function Form({ setValue, parent, data, setData }) {
     });
 
   return (
-    <div>
-      <div className="mt-[24px] md:mt-[26px] lg:mt-[28px] grid grid-cols-1 md:grid-cols-2 gap-x-[48px] gap-y-[24px]">
+    <>
+      <div className="mt-[24px] scroll-mui md:mt-[26px] lg:mt-[28px] grid grid-cols-1 md:grid-cols-2 gap-x-[48px] gap-y-[24px]">
         <ContentText text="نام و نام خانوادگی">
           <EditField
             isTransparent={true}
@@ -105,7 +105,7 @@ function Form({ setValue, parent, data, setData }) {
           </div>
         </Button>
       </div>
-    </div>
+    </>
   );
 }
 

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

@@ -3,6 +3,7 @@ import ContentText from "@/app/component/ContentText";
 import TimePickerField from "@/app/component/TimePickerField";
 import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
 import { numberTurns, turnTime, workplace } from "./listSelector";
+import EditField from "@/app/component/EditField";
 
 function Form({
   handleClose,
@@ -24,11 +25,21 @@ function Form({
     <div className="flex flex-col gap-[32px] md:gap-[36px] lg:gap-[40px] min-w-fit md:min-w-[420px]">
       <div className="flex relative flex-col gap-[16px]">
         <ContentText text="تعداد نوبت">
-          <AutoCompleteSelect
-            updateData={updateData}
-            label="تعداد نوبت"
+          <EditField
+            isTransparent={true}
+            iconGray={true}
+            changeData={updateData}
+            data={data?.number_turns}
+            noDisable={true}
+            type="number"
+            placeholder="انتخاب کنید..."
             name="number_turns"
-            list={numberTurns}
+            props={{
+              inputProps: {
+                min: 0,
+                max: 10,
+              },
+            }}
           />
         </ContentText>
         <ContentText text="زمان نوبت">

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

@@ -5,9 +5,17 @@ const numberTurns = [
 ];
 
 const turnTime = [
-  { id: "1", label: "10:00" },
-  { id: "2", label: "11:00" },
-  { id: "3", label: "12:00" },
+  { id: 1, label: "00:05" },
+  { id: 2, label: "00:10" },
+  { id: 3, label: "00:15" },
+  { id: 4, label: "00:20" },
+  { id: 5, label: "00:25" },
+  { id: 6, label: "00:30" },
+  { id: 7, label: "00:40" },
+  { id: 8, label: "00:50" },
+  { id: 9, label: "01:00" },
+  { id: 10, label: "01:15" },
+  { id: 11, label: "01:30" },
 ];
 
 const workplace = [