design page booking & add page loginverify

app/component/date/datePicker/index.js

@@ -1,8 +1,7 @@
+'use client'
+
 import { useState } from 'react';
-import { Popover } from '@mui/material';
-import { DatePicker as DatePickerJalali } from "jalaali-react-date-picker";
-import Field from './Field';
-import ButtonDate from './ButtonDate';
+import { DatePicker as DatePickerJalali, RangePicker } from "jalaali-react-date-picker";
 
 function DatePicker({ type, date, updateDate, text, from }) {
 
@@ -19,25 +18,14 @@ function DatePicker({ type, date, updateDate, text, from }) {
 
     return (
         <div>
-            {/* {from && from === 'register' ? (
-                <Field
-                    title={text}
-                    handleClick={handleClick}
-                />
-            ) : (
-                <ButtonDate
-                    text={text}
-                    handleClick={handleClick}
-                />
-            )} */}
-            <DatePickerJalali
-                    onChange={(e) => {
-                        if (e._d) {
-                            updateDate(e._d, type)
-                        }
-                        handleClose()
-                    }}
-                />
+            <RangePicker
+                onChange={(e) => {
+                    // if (e._d) {
+                    //     updateDate(e._d, type)
+                    // }
+                    // handleClose()
+                }}
+            />
         </div>
     )
 }