login.component.html

<div>
    <mat-card>
        <mat-card-title>Login Page
        </mat-card-title>
        <form class="form-container" [formGroup]="form" (submit)="onSubmit()">
            <mat-form-field appearance="outline">
                <input matInput type="email" formControlName="Email" placeholder="Email">
                <mat-error *ngIf="Email.invalid">Please enter a valid email</mat-error>
            </mat-form-field>

            <mat-form-field appearance="outline">
                <input matInput type="password" formControlName="Password" placeholder="Password">
                <mat-error *ngIf="Password.invalid">Please enter a password</mat-error>
            </mat-form-field>

            <div>
                <button type="submit" [disabled]="form.invalid" mat-stroked-button>Login</button>
            </div>
        </form>
    </mat-card>
</div>