change tabs dashboard & handle hour functionality code page add timer

components/booking/date/Time/index.js

@@ -1,10 +1,13 @@
 import SelectDatePicker from "./SelectDatePicker"
 
-function Time() {
+function Time({ isStep }) {
     return (
-        <div className="flex mt-[24px] flex-col items-start gap-[19px] justify-start">
+        <div className="flex relative mt-[24px] flex-col items-start gap-[19px] justify-start">
             <p className="text-[#3B3B3B] text-[14px] md:text-[16px] font-bold">2. انتخاب روز</p>
             <SelectDatePicker />
+            {!isStep && (
+                <div className="absolute left-0 top-0 w-full h-full bg-[rgba(255,255,255,0.84)]"></div>
+            )}
         </div>
     )
 }

components/booking/date/hour/index.js

@@ -1,8 +1,8 @@
 import DateTime from "@/app/component/date/dateTime"
 
-function Hour({ doctor, setStep, setIsError, locateVisit }) {
+function Hour({ doctor, setStep, setIsError, locateVisit, isStep }) {
     return (
-        <div className="flex mt-[24px] flex-col items-start gap-[12px] justify-start">
+        <div className="flex relative mt-[24px] flex-col items-start gap-[12px] justify-start">
             <p className="text-[#3B3B3B] text-[14px] md:text-[16px] font-bold">3. انتخاب ساعت</p>
             <DateTime
                 doctor={doctor}
@@ -10,6 +10,9 @@ function Hour({ doctor, setStep, setIsError, locateVisit }) {
                 setIsError={setIsError}
                 locateVisit={locateVisit}
             />
+            {!isStep && (
+                <div className="absolute left-0 top-0 w-full h-full bg-[rgba(255,255,255,0.84)]"></div>
+            )}
         </div>
     )
 }

components/booking/date/index.js

@@ -10,14 +10,19 @@ function Date({ doctor, setStep }) {
 
     return (
         <div className="w-full lg:w-[61%]">
-            <div className="p-0 lg:p-[24px] rounded-[8px] border border-solid border-transparent lg:border-[#EFEFEF] bg-transparent lg:bg-[#FFF]">
+            <div className="p-0 lg:p-[24px] rounded-[8px] border border-solid border-transparent lg:border-[#EFEFEF] 
+            bg-transparent lg:bg-[#FFF]">
                 <PlaceVisit
                     setLocateVisit={setLocateVisit}
                     locateVisit={locateVisit}
                     isError={isError}
                 />
-                <Time />
+                <Time
+                    isStep={doctor.multiwork ? locateVisit : true}
+                    locateVisit={locateVisit}
+                />
                 <Hour
+                    isStep={doctor.multiwork ? locateVisit : true}
                     setLocateVisit={setLocateVisit}
                     locateVisit={locateVisit}
                     setIsError={setIsError}