change design all page & component page booking and account & cleancode

components/booking/date/index.js

@@ -1,14 +1,29 @@
+import { useState } from "react";
 import Hour from "./hour"
 import PlaceVisit from "./PlaceVisit"
 import Time from "./Time"
 
-function Date({ doctor }) {
+function Date({ doctor, setStep }) {
+
+    const [locateVisit, setLocateVisit] = useState();
+    const [isError, setIsError] = useState(false);
+
     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]">
-                <PlaceVisit />
+                <PlaceVisit
+                    setLocateVisit={setLocateVisit}
+                    locateVisit={locateVisit}
+                    isError={isError}
+                />
                 <Time />
-                <Hour doctor={doctor} />
+                <Hour
+                    setLocateVisit={setLocateVisit}
+                    locateVisit={locateVisit}
+                    setIsError={setIsError}
+                    setStep={setStep}
+                    doctor={doctor}
+                />
             </div>
         </div>
     )