fix bug save and set data just with one key, remove page login from appo page, disable not avalaible data in calendar, change steps for pages in appo, get data user, edit and set in page user-info

app/component/date/datePicker/date/FirstDatePicker.js

@@ -5,8 +5,9 @@ import LoadingDate from "../LoadingDate";
 import Image from "next/image";
 
 function FirstDatePicker({
-  startDate,
   loading,
+  startDate,
+  disableDates,
   handleDisableDate,
   nextIconDatePickerF,
   prevIconDatePickerF,

app/component/date/datePicker/index.js

@@ -4,6 +4,8 @@ import { useEffect, useRef, useState } from "react";
 import FirstDatePicker from "./date/FirstDatePicker";
 import SecondDatePicker from "./date/SecondDatePicker";
 import { dateToTimestamp } from "@/helper";
+import { request } from "@/services/response";
+import moment from "moment-jalaali";
 
 function DatePicker({ setDate }) {
   const nextIconDatePickerF = useRef();
@@ -14,6 +16,7 @@ function DatePicker({ setDate }) {
   const [startDate, setStartDate] = useState(null);
   const [endDate, setEndDate] = useState();
   const [loading, setLoading] = useState(true);
+  const [disableDates, setDisableDates] = useState([]);
 
   const handleStartDateChange = (date, e) => {
     if (date) {
@@ -31,16 +34,35 @@ function DatePicker({ setDate }) {
     }
   };
 
+
   const handleDisableDate = (e) => {
-    const today = new Date();
-    return today >= e._d;
+    const date = moment(e).startOf("day");
+    const today = moment().startOf("day");
+
+    if (date.isBefore(today)) return true;
+
+    if (
+      disableDates.some((ts) => date.isSame(moment.unix(ts).startOf("day")))
+    ) {
+      return true;
+    }
+
+    return false;
   };
 
   useEffect(() => {
+    request
+      .getAppointmentNotAvailable(47)
+      .then((res) => {
+        setTimeout(() => {
+          setLoading(false);
+        }, 1000);
+        setDisableDates(res.data);
+      })
+      .catch((err) => {
+      });
     if (nextIconDatePickerS.current) {
       nextIconDatePickerS.current.click();
-
-      setLoading(false);
     }
   }, [nextIconDatePickerS]);
 
@@ -49,6 +71,7 @@ function DatePicker({ setDate }) {
       <FirstDatePicker
         loading={loading}
         startDate={startDate}
+        disableDates={disableDates}
         handleDisableDate={handleDisableDate}
         nextIconDatePickerF={nextIconDatePickerF}
         prevIconDatePickerF={prevIconDatePickerF}