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

app/component/date/dateTime/index.js

@@ -9,7 +9,7 @@ import SendAppo from "./SendAppo";
 const listTab = ["صبح", "بعد از ظهر"];
 const nameHours = ["hours_morning", "hours_afternoon"];
 
-function DateTime({ date, doctor, setStep }) {
+function DateTime({ date, doctor, setStep, setSelectedSlot, setSelectedDate }) {
   const [value, setValue] = useState(0);
   const [hour, setHour] = useState();
   const [appo, setAppo] = useState("تاریخ مورد نظرتان را انتخاب کنید.");
@@ -105,7 +105,13 @@ function DateTime({ date, doctor, setStep }) {
         nameHours={nameHours}
         locationAddress={locationAddress}
       />
-      <SendAppo hour={hour} setStep={setStep} />
+      <SendAppo
+        hour={hour}
+        setStep={setStep}
+        setSelectedSlot={setSelectedSlot}
+        date={date}
+        setSelectedDate={setSelectedDate}
+      />
     </div>
   );
 }