React-dates: Start first day of month in UI

[a-jahanshahlo]

Hi,
Please advice me how to change first day of month in react-date in persian jalali month?
in storybook sample :
Here
you can see that is not correct.
please look to my attached file in the blow. the first date of the month start from 11 in the sample.
how to change it?

[alireza-mh]

it also shows duplicate month (TIR)

[rohitsaraswat]

Is there any update regarding this issue?

[savalanpour]

I need to fix this issue. It's been open several months ago.With this problem there, It's practically impossible to use it.

[Mostafasaffari]

Hi @savalanpour

for fix bug that @a-jahanshahlo said, follow below
You must import momentJalaali from 'moment-jalaali'; in CalendarMonth.jsx
and follow below instruction

This Line --> CalendarMonth.jsx change to momentJalaali(props.month)

This Line --> CalendarMonth.jsx change to isOutsideDay: !day || momentJalaali(day).startOf('jMonth').format("jMM") !== momentJalaali(month).startOf('jMonth').format("jMM") ,

This line --> getCalendarMonthWeeks.js change to const firstOfMonth = month.clone().startOf('jMonth').hour(12);

This line --> getCalendarMonthWeeks.js change to const lastOfMonth = month.clone().endOf('jMonth').hour(12);

and last thing you should pass isOutsideRange={() => false} in DateRangePicker compnent

but this bug that @alireza-mh said, still on it.

[mehrad77]

any better way discovered?

[shaahrokh]

any better way discovered?

use it #755
best solution from @mmarkelov

[mohsensaremi]

I have created a fork to fix this.
calendarSystem prop added toDateRangePicker andSingleDatePicker components for supporting JALALI calendar system.

You can see a working range picker here:

https://mohsensaremi.github.io/react-dates/?path=/story/daterangepicker-drp--non-english-locale-persian

[ljharb]

Please don’t spam issues.

[mohsensaremi]

Please don’t spam issues.

It was not spam!

I found a solution and I was explaining my solution.

[ljharb]

I mean pasting the same comment on 5-6 issues at once, even if it’s a helpful one.