47 lines
1.4 KiB
JavaScript
47 lines
1.4 KiB
JavaScript
'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 justify-evenly w-full'>
|
|
<DatePickerJalali
|
|
value={startDate}
|
|
className='w-1/2'
|
|
timePicker={false}
|
|
onChange={handleStartDateChange}
|
|
/>
|
|
<div className='w-1/2 hidden md:flex lg:hidden xl:flex'>
|
|
<DatePickerJalali
|
|
value={endDate}
|
|
timePicker={false}
|
|
onChange={handleEndDateChange}
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default DatePicker;
|