How do I set DD/MM/AAAA 'es-ES' format to mat-date-input, for pick a date via keyboard?

Question

I've been using

`{ provide: MAT_DATE_LOCALE, useValue: 'es-ES' }`

in my module to format the DatePicker of Angular material and it works for the picker, but when I try to write the date on 'ES' format (DD/MM/AAAA), it changes it to MM/DD/AAAA.

`<mat-date-range-input [formGroup]="rangeDates" [rangePicker]="picker">
  <input id="startDateRange" formControlName="start" matStartDate
  placeholder="DD/MM/AAAA" (dateChange)="valueChanged()">
  <input id="endDateRange" formControlName="end" matEndDate
  placeholder="DD/MM/AAAA" (dateChange)="valueChanged()">
</mat-date-range-input>`