استفاده

همانطور که در قسمت قبل گفته شد؛ مقدار اولیه تاریخ میتونه از جنس 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} />
    </>
  )
}