'use client';

import { useState } from 'react';
import { DatePicker as DatePickerJalali } from "jalaali-react-date-picker";

function DatePicker({ date, updateDate }) {
    const [startDate, setStartDate] = useState(null);
    const [endDate, setEndDate] = useState(null);

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