DatePicker format

[valinol]

This is more a question than a issue, someone can show me a example of how can i change de dateformat to YYYY/MM/DD

I think that the demo page need this example to.

[LyricL-Gitster]

You've probably solved this by now, but in case someone else has the same issue, there is an optional 'formatDate' prop on DatePicker which the date will be passed through on its way to the TextField.

[valinol]

I still have not solved, the props are there but I would like to see a working example, it say you have to pass a function but not in what format.

[LyricL-Gitster]

You need to pass a function that takes a Date and returns a String:

formatDate(date){
  return date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate();
}

render(){
  return <DatePicker formatDate={this.formatDate} />;
}

EDIT: fixed formatting

[conor909]

So what does formatDate do?

[oliviertassinari]

The documentation was greatly improved since this issue was opened. #3417 is also adding an example on how to do it.

[ausrasul]

@conor909 Here is the reference https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

[varma89]

Hi every one, I am using material ui date-picker from material ui core. It shows january12th(for example) like this I want this format to dd/mm/yy. format. I set initially new Date(); .