Change calendar system to Jalali canendar

I want to user react-dates as a Persian datepicker. Persians use another calendar system that called jalali calendar. We have a popular library called moment-jalaali that works perfectly as a moment plug-in. Now my question is that: How we can use jalali calendar system with react-dates? I try below code, but it’s just change locale and strings not entire calendar system.

import React, { Component } from 'react';
import './App.css';
import moment from 'moment-jalaali';
import { DateRangePicker, SingleDatePicker, DayPickerRangeController } from 'react-dates';
import 'react-dates/lib/css/_datepicker.css';

class App extends Component {

  render() {
    moment.loadPersian(); // >>>>>>>>>> This change locale to Persian successfully but how to change calendar system?
    return (
      <div className="App">

        <SingleDatePicker
          date={moment()}
          onDateChange={date => console.log(date)} // PropTypes.func.isRequired
        focused={true}
          onFocusChange={({ focused }) => console.log(focused)} // PropTypes.func.isRequired
        />

      </div>
    );
  }
}

export default App;

This is output screen shot for above code you can see that calendar system is wrong:

[mpourismaiel]

renderMonth and renderDay fixes the locale problem but the issue with the calendar itself still stands.

First of the month in the calendar is marked 11, which is 11th of the respective month in Jalali while it should obviously be 1. Am I missing something?

[ImanMh]

Sounds grate, if this issue is fixed many more people will start replacing their code with this date picker. Please notify people at this thread if this issue is fixed.