[DatePicker/Calendar] Feature Request: Default "firstDayOfWeek" prop for Calendar component

[overthemike]

Description

When reading #3104, as I was looking for something similar, I noticed that the Calendar component, when used on its own and without passing properties, doesn't separate the rows of each week. While I necessarily don't think this is a bug, as the Calendar is used in a way that's unintended, a simple fix would be to provide a default "firstDayOfWeek" property so it's not needed when rendering out an "always there" calendar.

Images & references

The following screenshot below comes up from this code:

import React from 'react';
import Calendar from 'material-ui/DatePicker/Calendar'

export default () => <Calendar />

The fix, while simple enough, isn't documented anywhere that I could find.

import React from 'react';
import Calendar from 'material-ui/DatePicker/Calendar'

export default () => <Calendar firstDayOfWeek={1} />

[iheidt]

The default for firstDayOfWeek should be 0 = Sunday.

Look at Google examples:
https://material.io/guidelines/components/pickers.html#pickers-date-pickers

[overthemike]

This ticket was closed as seen in the discussion at #5038. I put default as 1 at the time because that's what it was in the code here: https://github.com/callemall/material-ui/blob/master/src/DatePicker/DatePicker.js#L157

[mbrookes]

@iheidt We are following ISO-8601 for the default, so it is correct. Google examples just show a US localized example.

[oliviertassinari]

Closing for #4787

[hadiMh]

How can I use the Calendar component itself?
I just wanna use the Calendar itself to show it on the page. Please tell me how to use it. I have got errors. I explain details below:

I have used "@material-ui/pickers": "^3.1.2" and I have imported these two like this:
import { DatePicker, MuiPickersUtilsProvider } from '@material-ui/pickers';
but I get error.

How can I use this component. I have tried like this:
return ( <MuiPickersUtilsProvider {...extraProviderProps}> <Calendar /> </MuiPickersUtilsProvider> );
Please explain how to use.

Btw the error I get is this:
Can not find utils in context. You either a) forgot to wrap your component tree in MuiPickersUtilsProvider; or b) mixed named and direct file imports. Recommendation: use name imports from the module index.

Thanks is advance

[oliviertassinari]

@hadiMh Could you move the concern to https://github.com/mui-org/material-ui-pickers?