manual-password-dialog.html

<h1 mat-dialog-title>{{"Manual input password"|trans}}</h1>

<mat-form-field style="width: 100%">
  <input matInput placeholder="Username" [(ngModel)]="data.username">
</mat-form-field>

<mat-form-field style="width: 100%">
    <input matInput [type]="'password'" [(ngModel)]="data.password" [formControl]="PasswordControl" placeholder="Password">
</mat-form-field>

<div style="float: right">
  <button mat-raised-button (click)="onNoClick()" >{{"Cancel"|trans}}</button>
  <button mat-raised-button color="primary" [type]="'submit'" [mat-dialog-close]="data" >{{"Confirm"|trans}}</button>
</div>