Use type 'email' on mat input

src/app/components/home/_dialogs/password-reset/password-reset.component.html

 <form (ngSubmit)="resetPassword(email.value)" fxLayout="column" fxLayoutAlign="space-around"
       fxLayoutGap="10px">
   <mat-form-field class="input-block">
-    <input matInput #email placeholder="{{ 'password-reset.email' | translate }}" [formControl]="usernameFormControl"
+    <input matInput type="email" #email placeholder="{{ 'password-reset.email' | translate }}" [formControl]="usernameFormControl"
            [errorStateMatcher]="matcher" name="email"/>
     <mat-error *ngIf="usernameFormControl.hasError('required')">
       {{ 'password-reset.email-required' | translate }}

src/app/components/home/_dialogs/register/register.component.html

 <form (ngSubmit)="register(userName.value, userPassword1.value)" fxLayout="column"
       fxLayoutAlign="space-around" fxLayoutGap="10px">
   <mat-form-field class="input-block">
-    <input matInput #userName placeholder="{{ 'register.email' | translate }}" [formControl]="usernameFormControl"
+    <input matInput type="email" #userName placeholder="{{ 'register.email' | translate }}" [formControl]="usernameFormControl"
            [errorStateMatcher]="matcher">
     <mat-error *ngIf="usernameFormControl.hasError('email') && !usernameFormControl.hasError('required')">
       {{ 'register.email-invalid' | translate }}
@@ -12,7 +12,7 @@
   </mat-form-field>
 
   <mat-form-field class="input-block">
-    <input matInput #userName2 placeholder="{{ 'register.email-verify' | translate }}" [formControl]="username2FormControl"
+    <input matInput type="email" #userName2 placeholder="{{ 'register.email-verify' | translate }}" [formControl]="username2FormControl"
            [errorStateMatcher]="matcher">
     <mat-error *ngIf="username2FormControl.hasError('emailIsEqual') && !username2FormControl.hasError('required')">
       {{ 'register.email-unmatch' | translate }}