import DatePicker from "react-multi-date-picker";
import TimePicker from "react-multi-date-picker/plugins/time_picker";
import persian from "react-date-object/calendars/persian"
import persian_fa from "react-date-object/locales/persian_fa"
.
.
.
<DatePicker 
  format="MM/DD/YYYY HH:mm:ss"
  plugins={[
    <TimePicker position="bottom" />
  ]} 
  calendar={persian}
  locale={persian_fa}
  calendarPosition="bottom-right"
/>

import DatePicker from "react-multi-date-picker";
import TimePicker from "react-multi-date-picker/plugins/time_picker";
import persian from "react-date-object/calendars/persian"
import persian_fa from "react-date-object/locales/persian_fa"
.
.
.
<DatePicker 
  disableDayPicker
  format="HH:mm:ss"
  plugins={[
    <TimePicker />
  ]} 
  calendar={persian}
  locale={persian_fa}
  calendarPosition="bottom-right"
/>

import DatePicker from "react-multi-date-picker";
import TimePicker from "react-multi-date-picker/plugins/time_picker";
import persian from "react-date-object/calendars/persian"
import persian_fa from "react-date-object/locales/persian_fa"
.
.
.
<DatePicker
  disableDayPicker
  format="hh:mm:ss A"
  plugins={[
    <TimePicker />
  ]} 
  calendar={persian}
  locale={persian_fa}
  calendarPosition="bottom-right"
/>

import DatePicker from "react-multi-date-picker";
import TimePicker from "react-multi-date-picker/plugins/time_picker";
import persian from "react-date-object/calendars/persian"
import persian_fa from "react-date-object/locales/persian_fa"
.
.
.
<DatePicker
  disableDayPicker
  format="HH:mm"
  plugins={[
    <TimePicker hideSeconds />
  ]} 
  calendar={persian}
  locale={persian_fa}
  calendarPosition="bottom-right"
/>

import persian from "react-date-object/calendars/persian"
import persian_fa from "react-date-object/locales/persian_fa"
.
.
.
<DatePicker 
  onlyMonthPicker 
  calendar={persian}
  locale={persian_fa}
  calendarPosition="bottom-right"
/>

import persian from "react-date-object/calendars/persian"
import persian_fa from "react-date-object/locales/persian_fa"
.
.
.
<DatePicker
  onlyMonthPicker
  format="MMMM YYYY"
  calendar={persian}
  locale={persian_fa}
  calendarPosition="bottom-right"
/>

import persian from "react-date-object/calendars/persian"
import persian_fa from "react-date-object/locales/persian_fa"
.
.
.
<DatePicker 
  onlyYearPicker 
  calendar={persian}
  locale={persian_fa}
  calendarPosition="bottom-right"
/>