import React, { useState } from "react"
import Toolbar from "react-multi-date-picker/plugins/toolbar"
import persian from "react-date-object/calendars/persian"
import persian_fa from "react-date-object/locales/persian_fa"
.
.
.
const [value, setValue] = useState()
.
.
.
<DatePicker
  value={value}
  onChange={setValue}
  plugins={[
    <Toolbar position="bottom" />
  ]}
  calendar={persian}
  locale={persian_fa}
  calendarPosition="bottom-right"
/>

import React, { useState } from "react"
import Toolbar from "react-multi-date-picker/plugins/toolbar"
import persian from "react-date-object/calendars/persian"
import persian_fa from "react-date-object/locales/persian_fa"
.
.
.
const [value, setValue] = useState()
.
.
.
<DatePicker
  value={value}
  onChange={setValue}
  plugins={[
    <Toolbar 
      position="bottom" 
      sort={["deselect", "close", "today"]} 
    />,
  ]}
  calendar={persian}
  locale={persian_fa}
  calendarPosition="bottom-right"
/>

import React, { useState } from "react"
import Toolbar from "react-multi-date-picker/plugins/toolbar"
import persian from "react-date-object/calendars/persian"
import persian_fa from "react-date-object/locales/persian_fa"
.
.
.
const [value, setValue] = useState()
.
.
.
<DatePicker
  value={value}
  onChange={setValue}
  plugins={[
    <Toolbar
      position="bottom"
      names={{
        today: "گرفتن امروز"
        deselect: "حذف"
        close: "بسته شدن"
      }}
    />,
  ]}
  calendar={persian}
  locale={persian_fa}
  calendarPosition="bottom-right"
/>