From 92e2dd49e0dd8e5277384f19890e4e46adc8d252 Mon Sep 17 00:00:00 2001
From: Ehsan <ehsanahmadi8338@gmail.com>
Date: Wed, 2 Oct 2024 14:06:18 +0330
Subject: [PATCH] save date-picker in page special-days

---
 app/component/TimePickerInput.js                        | 9 ++++-----
 components/panel/addDoctor/listMenu/specialDays/Form.js | 9 ++++++---
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/app/component/TimePickerInput.js b/app/component/TimePickerInput.js
index 4888e11..4464709 100644
--- a/app/component/TimePickerInput.js
+++ b/app/component/TimePickerInput.js
@@ -3,9 +3,7 @@ import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
 import { LocalizationProvider, TimePicker } from "@mui/x-date-pickers";
 import { handleTwoLength } from "@/helper";
 
-function TimePickerInput() {
-  const [value, setValue] = useState("00:00");
-
+function TimePickerInput({ changeData, name, data }) {
   return (
     <div className="w-full relative">
       <LocalizationProvider dateAdapter={AdapterDayjs}>
@@ -21,7 +19,8 @@ function TimePickerInput() {
             const newValue = `${handleTwoLength(hours)}:${handleTwoLength(
               minute
             )}`;
-            setValue(newValue);
+            // setValue(newValue);
+            changeData(newValue, name);
           }}
           sx={{
             "& .MuiFormLabel-root": {
@@ -50,7 +49,7 @@ function TimePickerInput() {
           className="absolute dark:bg-[#222433] dark:!text-[#A1A1A1] flex items-center right-[4px] h-[44px] py-[8px] px-[8px] 
             w-[calc(100%_-_52px)] text-[#7E7E7E] bg-[#FFFFFF] text-[14px] font-normal top-1/2 -translate-y-1/2"
         >
-          {value}
+          {data}
         </p>
       </LocalizationProvider>
     </div>
diff --git a/components/panel/addDoctor/listMenu/specialDays/Form.js b/components/panel/addDoctor/listMenu/specialDays/Form.js
index 7c64d60..17f852f 100644
--- a/components/panel/addDoctor/listMenu/specialDays/Form.js
+++ b/components/panel/addDoctor/listMenu/specialDays/Form.js
@@ -11,8 +11,8 @@ import TimePickerInput from "@/app/component/TimePickerInput";
 
 function Form() {
   const [data, setData] = useState({
-    start_time: "",
-    end_time: "",
+    start_time: "00:00",
+    end_time: "00:00",
   });
   const [selected, setSelected] = useState({
     numberOfTurns: "",
@@ -22,11 +22,12 @@ function Form() {
   const updateSelect = (event, name) =>
     setSelected({ ...selected, [name]: event.target.innerText });
 
-  const changeData = (value, type, name) =>
+  const changeData = (value, name) =>
     setData({
       ...data,
       [name]: value,
     });
+  console.log(data);
 
   return (
     <div className="flex flex-col w-full-content">
@@ -63,6 +64,7 @@ function Form() {
           <TimePickerInput
             placeholder="انتخاب کنید..."
             changeData={changeData}
+            data={data.start_time}
             icon={<ClockP />}
             name="start_time"
           />
@@ -71,6 +73,7 @@ function Form() {
           <TimePickerInput
             placeholder="انتخاب کنید..."
             changeData={changeData}
+            data={data.end_time}
             icon={<ClockP />}
             name="end_time"
           />