ghostfolio/libs/ui/src/lib/currency-selector/currency-selector.component.html

<input
  autocapitalize="off"
  autocomplete="off"
  matInput
  [formControl]="control"
  [matAutocomplete]="currencyAutocomplete"
/>

<mat-autocomplete
  #currencyAutocomplete="matAutocomplete"
  [displayWith]="displayFn"
  (optionSelected)="onUpdateCurrency($event)"
>
  @for (currencyItem of filteredCurrencies; track currencyItem) {
    <mat-option class="line-height-1" [value]="currencyItem">
      {{ currencyItem.label }}
    </mat-option>
  }
</mat-autocomplete>