Componente mat-datepicker

mascaraData = () => {
    return [
      /[0-9]/,
      /[0-9]/,
      '/',
      /[0-9]/,
      /[0-9]/,
      '/',
      /[0-9]/,
      /[0-9]/,
      /[0-9]/,
      /[0-9]/,
    ];
  };

<div>
      <mat-form-field appearance="outline" class="componentes">
        <input
          placeholder="Data do pedido"
          required
          matInput
          formControlName="data"
          [matDatepicker]="dataBotao"
          [textMask]="{ mask: mascaraData }"
        />
        <mat-datepicker-toggle
          matSuffix
          [for]="dataBotao"
        ></mat-datepicker-toggle>
        <mat-datepicker #dataBotao></mat-datepicker>
      </mat-form-field>
    </div>