<mat-form-field appearance="outline" class="mat-form-field custom-label-position" floatLabel="auto">
  <mat-label>{{ label }}</mat-label>
  
  <input
    matInput
    [formControl]="control"
    [matAutocomplete]="auto"
    [placeholder]="label"
    (blur)="onTouched()" />

  <mat-autocomplete
    #auto="matAutocomplete"
    [displayWith]="displayFn"
    (optionSelected)="onOptionSelected($event)">
    <mat-option *ngFor="let option of filteredOptions$ | async" [value]="option">
      {{ option.label }}
    </mat-option>
  </mat-autocomplete>
</mat-form-field>