design dark mode add-doctor & change field time to date-picker

components/panel/addDoctor/listMenu/specialDays/Form.js

@@ -7,6 +7,7 @@ import FieldIcon from "@/app/component/FieldIcon";
 import { Button } from "@mui/material";
 import PlusBlueP from "@/components/icons/PlusBlueP";
 import ClockP from "@/components/icons/ClockP";
+import TimePickerInput from "@/app/component/TimePickerInput";
 
 function Form() {
   const [data, setData] = useState({
@@ -38,7 +39,7 @@ function Form() {
             list={turnsPerDay}
           />
         </ContentText>
-        <ContentText text="تعداد نوبت در هر روز">
+        <ContentText text="زمان هر نوبت">
           <AutoCompleteSelect
             updateData={updateSelect}
             label="انتخاب کنید..."
@@ -50,7 +51,7 @@ function Form() {
         <div className="hidden lg:flex min-w-[152px]"></div>
       </div>
       <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:flex items-end justify-center gap-[16px] mt-[32px]">
-        <ContentText text="تعداد نوبت در هر روز">
+        <ContentText text="روز هفته">
           <AutoCompleteSelect
             updateData={updateSelect}
             label="انتخاب کنید..."
@@ -59,7 +60,7 @@ function Form() {
           />
         </ContentText>
         <ContentText text="زمان شروع">
-          <FieldIcon
+          <TimePickerInput
             placeholder="انتخاب کنید..."
             changeData={changeData}
             icon={<ClockP />}
@@ -67,7 +68,7 @@ function Form() {
           />
         </ContentText>
         <ContentText text="زمان پایان">
-          <FieldIcon
+          <TimePickerInput
             placeholder="انتخاب کنید..."
             changeData={changeData}
             icon={<ClockP />}