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';

function DatePicker({ type, date, updateDate, text, from }) {

    const [anchorEl, setAnchorEl] = useState(null);

    const handleClick = (event) => {
        setAnchorEl(event.currentTarget);
    };

    const handleClose = () => setAnchorEl(null);

    const open = true;
    const id = open ? 'simple-popover' : undefined;

    return (
        <div className='min-w-[700px] min-h-[700px]'>
            {/* {from && from === 'register' ? (
                <Field
                    title={text}
                    handleClick={handleClick}
                />
            ) : (
                <ButtonDate
                    text={text}
                    handleClick={handleClick}
                />
            )} */}
            <DatePickerJalali
                    onChange={(e) => {
                        if (e._d) {
                            updateDate(e._d, type)
                        }
                        handleClose()
                    }}
                />
        </div>
    )
}

export default DatePicker