استفاده
همانطور که در قسمت قبل گفته شد؛ مقدار اولیه تاریخ میتونه از جنس Date , DateObject , Number و یا String باشه ولی به محض انتخاب تاریخ جدید توسط کاربر ، Type آن به DateObject تغییر میکنه.
پس اگر میخواهید از useState استفاده کنید ؛ بسته به نوع مقدار اولیه؛ باید تایپ مقدار اولیه بعلاوه تایپ های Dateobject و []Dateobject را نیز به useState اضافه کنید:
import React, { useState } from "react";
import DatePicker, { DateObject } from "react-multi-date-picker"
import type{Value} from "react-multi-date-picker"
export default function Example() {
const [value, setValue] = useState<Value>(new Date());
return <DatePicker value={value} onChange={setValue} />;
}
اضافه کردن ref به تقویم و دیت پیکر
import React, { useRef } from "react";
import DatePicker, { Calendar, CalendarRef, DatePickerRef } from "react-multi-date-picker"
export default function Example() {
const calendarRef = useRef<CalendarRef>();
const datepickerRef = useRef<DatePickerRef>();
return (
<>
<Calendar ref={calendarRef} />
<DatePicker ref={datepickerRef} />
</>
)
}