refactor: update appointment components to fetch and handle doctor data and disabled dates

components/appointment/date/Time/SelectDatePicker.js

@@ -1,7 +1,7 @@
 import DatePicker from "@/app/component/date/datePicker";
 
-function SelectDatePicker({ setDate }) {
-  return <DatePicker setDate={setDate} />;
+function SelectDatePicker({ setDate, disabledDates }) {
+  return <DatePicker setDate={setDate} disabledDates={disabledDates} />;
 }
 
 export default SelectDatePicker;

components/appointment/date/Time/index.js

@@ -1,12 +1,12 @@
 import SelectDatePicker from "./SelectDatePicker";
 
-function Time({ isStep, setDate }) {
+function Time({ isStep, setDate, disabledDates }) {
   return (
     <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">
         1. انتخاب روز
       </p>
-      <SelectDatePicker setDate={setDate} />
+      <SelectDatePicker setDate={setDate} disabledDates={disabledDates} />
       {!isStep && (
         <div className="absolute left-0 top-0 w-full h-full bg-[rgba(255,255,255,0.84)]"></div>
       )}

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 }) {
+function Date({ doctor, setStep, disabledDates }) {
   const [locateVisit, setLocateVisit] = useState(true);
   const [date, setDate] = useState();
 
@@ -16,6 +16,7 @@ function Date({ doctor, setStep }) {
           setDate={setDate}
           locateVisit={locateVisit}
           isStep={doctor?.multiwork ? locateVisit : true}
+          disabledDates={disabledDates}
         />
         <Hour
           isStep={doctor?.multiwork ? locateVisit : true}