feat(MatDatePicker): adding ability to use flexable format

Feature Description

I'm just wondering if we can add the feature of dateFormat to the datepicker

datepicker-input-base.ts

@Input displayFormat: string|undefined|null;
@Input parseFormat: string|undefined|null;

and in the code:

  protected _formatValue(value: D | null) {
  **const format = this.displayFormat ?? this._dateFormats.display.dateInput;**
    this._elementRef.nativeElement.value =
      value != null ? this._dateAdapter.format(value, **format**) : '';
  }

 _onInput(value: string) {
    const lastValueWasValid = this._lastValueValid;
  **const format = this.parseFormat?? this._dateFormats.parse.dateInput;**
    let date = this._dateAdapter.parse(value, **format** );
// ... remaining code
}

Use Case

in this case we can alow different pasing/display format in the same app
the first input will use custom format and the second one use the default one.
both are in the same component

<mat-form-field>
  <mat-label>Choose a date</mat-label>
  <input matInput [matDatepicker]="picker" displayFormat="DD/MM/YYYY" parseFormat="DD/MM/YYYY">
  <mat-hint>DD/MM/YYYY</mat-hint>
  <mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

<mat-form-field>
  <mat-label>Choose a date</mat-label>
  <input matInput [matDatepicker]="picker1">
  <mat-hint>MM/DD/YYYY</mat-hint>
  <mat-datepicker-toggle matIconSuffix [for]="picker1"></mat-datepicker-toggle>
  <mat-datepicker #picker1></mat-datepicker>
</mat-form-field>

Commencez dans datepicker-input-base.ts et suivez _formatValue et _onInput à travers l’adaptateur de dates et la configuration date-format existante. Définissez le comportement de displayFormat et parseFormat par entrée décrit dans les exemples, puis vérifiez que les formats personnalisés et par défaut coexistent sans modifier le chemin par défaut.