renderMonthText prop makes the calendar invisible

react-dates version react-dates@21.8.0

Describe the bug I need the Jalali calendar instead of Gregorian, so based on docs and examples, I came up with the following configuration.

The calendar works perfectly without renderMonthText prop. renderMonthText prop makes the calendar view invisible as you see on the preview below.

Source code (including props configuration)

<DayPickerSingleDateController
  isRTL
  renderMonthText={(month) =>
    momentJalaali(month).format('jMMMM jYYYY')
  }
  renderDayContents={(day) => momentJalaali(day).format('jD')}
/>

Screenshots/Gifs

Desktop (please complete the following information):

• OS: Windows 10
• Browser Google Chrome
• Version 81.0.4044.138

Is the issue reproducible in Storybook? https://codesandbox.io/s/purple-glade-wb9rx?file=/src/App.js

Additional context I saw this behavior before with DateRangePicker. In that case, renderMonthText prop makes calendars invisible too.

[mmarkelov]

@meness as workaround it should work with renderMonthElement

<DayPickerSingleDateController
  isRTL
  renderMonthElement={({month}) =>
    momentJalaali(month).format('jMMMM jYYYY')
  }
  renderDayContents={(day) => momentJalaali(day).format('jD')}
/>

[mmarkelov]

@meness it was not published yet