change packages & change data in weekly day & add fields to modal add & remove validation from login page

components/appointment/date/Time/SelectDatePicker.js

@@ -1,20 +1,7 @@
 import DatePicker from "@/app/component/date/datePicker";
-import { request } from "@/services/response";
-import { useEffect } from "react";
 
-function SelectDatePicker() {
-  useEffect(() => {
-    request
-      .getAppointment(47, 1753859133)
-      .then((res) => {
-        console.log(res);
-      })
-      .catch((err) => {
-        console.log(err);
-      });
-  });
-
-  return <DatePicker />;
+function SelectDatePicker({ setDate }) {
+  return <DatePicker setDate={setDate} />;
 }
 
 export default SelectDatePicker;

components/appointment/date/Time/index.js

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

components/appointment/date/hour/index.js

@@ -1,12 +1,13 @@
 import DateTime from "@/app/component/date/dateTime";
 
-function Hour({ doctor, setStep, setIsError, locateVisit, isStep }) {
+function Hour({ doctor, setStep, date, setIsError, locateVisit, isStep }) {
   return (
     <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
+        date={date}
         doctor={doctor}
         setStep={setStep}
         setIsError={setIsError}

components/appointment/date/index.js

@@ -6,6 +6,7 @@ import PlaceVisit from "./PlaceVisit";
 function Date({ doctor, setStep }) {
   const [locateVisit, setLocateVisit] = useState(true);
   const [isError, setIsError] = useState(false);
+  const [date, setDate] = useState();
 
   return (
     <div className="w-full lg:w-[61%]">
@@ -19,8 +20,9 @@ function Date({ doctor, setStep }) {
           isError={isError}
         />
         <Time
-          isStep={doctor?.multiwork ? locateVisit : true}
+          setDate={setDate}
           locateVisit={locateVisit}
+          isStep={doctor?.multiwork ? locateVisit : true}
         />
         <Hour
           isStep={doctor?.multiwork ? locateVisit : true}
@@ -29,6 +31,7 @@ function Date({ doctor, setStep }) {
           setIsError={setIsError}
           setStep={setStep}
           doctor={doctor}
+          date={date}
         />
       </div>
     </div>