antd jalali date picker

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import {ConfigProvider} from 'antd';

import moment from 'moment-jalaali';
import fa from 'moment/locale/fa';

import App from './App';

moment.locale('fa', fa);
moment.loadPersian();

const MainApp = () => {
    return (
         <ConfigProvider direction="rtl">
            <App/>
        </ConfigProvider>
    )
}

ReactDOM.render(
    <MainApp/>, document.getElementById('root'));

packages.md

--install these packages

yarn add moment-jalaali

PersianDatePicker.jsx

import React from 'react';

import {DatePicker} from 'antd';
import moment from 'moment-jalaali';

export default function PersianDatePicker() {

    var locale = {
        "lang": {
            locale: 'fa_IR',
            today: 'امروز',
            now: 'اکنون',
            backToToday: 'بازگشت به امروز',
            ok: 'باشه',
            clear: 'پاک کردن',
            month: 'ماه',
            year: 'سال',
            timeSelect: 'انتخاب زمان',
            dateSelect: 'انتخاب تاریخ',
            monthSelect: 'یک ماه را انتخاب کنید',
            yearSelect: 'یک سال را انتخاب کنید',
            decadeSelect: 'یک دهه را انتخاب کنید',
            yearFormat: 'jYYYY',
            dateFormat: 'jM/jD/jYYYY',
            dayFormat: 'jD',
            dateTimeFormat: 'jM/jD/jYYYY HH:mm:ss',
            monthBeforeYear: true,
            previousMonth: 'ماه قبل (PageUp)',
            nextMonth: 'ماه بعد (PageDown)',
            previousYear: 'سال قبل (Control + left)',
            nextYear: 'سال بعد (Control + right)',
            previousDecade: 'دهه قبل',
            nextDecade: 'دهه بعد',
            previousCentury: 'قرن قبل',
            nextCentury: 'قرن بعد'
        },
        "timePickerLocale": {
            "placeholder": "انتخاب زمان"
        },
        "dateFormat": "jYYYY-jMM-jDD",
        "dateTimeFormat": "jYYYY-jMM-jDD HH:mm:ss",
        "weekFormat": "jYYYY-wo",
        "monthFormat": "jYYYY-MM"
    }

    return <DatePicker locale={locale} format={"jYYYY/jMM/jDD"} defaultValue={moment()}/>

}