change date-picker & add page login-verify & account & new user & payment

app/component/date/datePicker/index.js

@@ -1,33 +1,44 @@
-'use client'
+'use client';
 
 import { useState } from 'react';
-import { DatePicker as DatePickerJalali, RangePicker } from "jalaali-react-date-picker";
+import { DatePicker as DatePickerJalali } from "jalaali-react-date-picker";
 
-function DatePicker({ type, date, updateDate, text, from }) {
+function DatePicker({ date, updateDate }) {
+    const [startDate, setStartDate] = useState(null);
+    const [endDate, setEndDate] = useState(null);
 
-    const [anchorEl, setAnchorEl] = useState(null);
-
-    const handleClick = (event) => {
-        setAnchorEl(event.currentTarget);
+    const handleStartDateChange = (date) => {
+        if (date) {
+            setStartDate(date);
+            setEndDate(null); // Clear end date if start date is selected
+            // updateDate(date); // Notify parent about the selected date
+        }
     };
 
-    const handleClose = () => setAnchorEl(null);
-
-    const open = true;
-    const id = open ? 'simple-popover' : undefined;
+    const handleEndDateChange = (date) => {
+        if (date) {
+            setEndDate(date);
+            setStartDate(null); // Clear start date if end date is selected
+            // updateDate(date); // Notify parent about the selected date
+        }
+    };
 
     return (
-        <div>
-            <RangePicker
-                onChange={(e) => {
-                    // if (e._d) {
-                    //     updateDate(e._d, type)
-                    // }
-                    // handleClose()
-                }}
+        <div className='flex items-start gap-[40px]'>
+            <DatePickerJalali
+                value={startDate}
+                className='w-1/2'
+                timePicker={false}
+                onChange={handleStartDateChange}
+            />
+            <DatePickerJalali
+                value={endDate}
+                className='w-1/2'
+                timePicker={false}
+                onChange={handleEndDateChange}
             />
         </div>
-    )
+    );
 }
 
-export default DatePicker
+export default DatePicker;