Change format date on Datepicker (material-ui)

Question

I want to change the format of the date on DatePicker (material-ui-pickers), but when I use the formatDate feature, the format of the date does not change and still show only month and date, not the year selected.

This is my code:

<DatePicker
  margin="normal"
  disableFuture
  openTo="year"
  views={["year", "month", "day"]}
  value={selectedDate}
  onChange={this.handleDateChange}
  maxDate={maxdate}
  formatDate={(date) => moment(date).format('DD-MM-YYYY')}
/>

Answer 1

The prop for changing the date format is called format and takes a string instead of a function.

<DatePicker
  margin="normal"
  disableFuture
  openTo="year"
  views={["year", "month", "day"]}
  value={selectedDate}
  onChange={this.handleDateChange}
  maxDate={maxdate}
  format="DD-MM-YYYY"
/>

Answer 2

2022 method is:

<DatePicker inputFormat="MM/dd/yyyy" />