refactor: enhance appointment flow by adding selected slot and date management across components

components/appointment/date/index.js

@@ -2,7 +2,7 @@ import { useState } from "react";
 import Hour from "./hour";
 import Time from "./Time";
 
-function Date({ doctor, setStep, disabledDates }) {
+function Date({ doctor, setStep, disabledDates, setSelectedSlot, setSelectedDate }) {
   const [locateVisit, setLocateVisit] = useState(true);
   const [date, setDate] = useState();
 
@@ -25,6 +25,8 @@ function Date({ doctor, setStep, disabledDates }) {
           setStep={setStep}
           doctor={doctor}
           date={date}
+          setSelectedSlot={setSelectedSlot}
+          setSelectedDate={setSelectedDate}
         />
       </div>
     </div>