React-dates: Change the start of the week to Monday

[jkudish]

Hey,

Great set of components here, love how easy it is to use!

A small thing that I'd like to implement is to change the start of the week to Monday instead of Sunday. Is this currently possible? I don't see any documentation about it. If not, consider it a feature request!

Thanks

[ljharb]

Moment docs imply that this is a locale-specific setting.

http://momentjs.com/docs/#/customization/ indicates that to override this, you should create your own moment locale - it looks like per http://momentjs.com/docs/#/i18n/changing-locale/ you can set this with:

week: {
  dow: 1
}

Since moment already handles this, perhaps it's best to leave it to that lib?

[majapw]

Yeah! I don't think this is an issue for us to take on so much as for moment localization. For instance, if you change the locale to es you'll see that the week starts on Monday.

Which means that for your own app you should be able to alter this using moment. I'm going to close this as won't fix.

[vladbalan]

Has anyone verified that it works? I set my moment()._locale._week.dow to 1, but the calendar still displays Su as the first day of the week.

[majapw]

Hi @vladbalan, I am not sure that you can set the starting weekday in moment that way. I do know that if you look at pl.airbnb.com, the calendar starts on Monday:

This was done by calling moment.locale('pl'). Perhaps the parentheses are throwing it off. That is a moment object instead of the general moment class.

[elado]

Just pasting here the full code to update locale:

moment.updateLocale('en', {
  week: {
    dow: 1,
  },
})

[ezequiel9]

Use
date.startOf('isoWeek'); instead of date.startOf('week');

[rodrigoespinozadev]

Use
date.startOf('isoWeek'); instead of date.startOf('week');

Thanks for the help

[gautam-pahuja]

Doing this:

moment.updateLocale('en', {
  week: {
    dow: 1,
  },
})

and then This:

moment.weekdays() 

gives me:
["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]

Anyone else facing this?

[prabhsaran]

pass in true to the weekdays function
moment.weekdays(true)
so they are returned in locale specific order