ems-frontend/src/app/employee/create/create.component.html

<h2 mat-dialog-title>Create Employee</h2>
<mat-dialog-content>
  <form *ngIf="employeeForm" [formGroup]="employeeForm" (ngSubmit)="submit()">
    <div class="!space-y-4">
      <div class="flex gap-x-4">
        <mat-form-field class="!w-full">
          <mat-label>First Name</mat-label>
          <input matInput formControlName="firstName" required>
          <mat-error *ngIf="errors['firstName']">{{errors['firstName']}}</mat-error>
        </mat-form-field>

        <mat-form-field class="!w-full">
          <mat-label>Last Name</mat-label>
          <input matInput formControlName="lastName" required>
          <mat-error *ngIf="errors['lastName']">{{errors['lastName']}}</mat-error>
        </mat-form-field>
      </div>

      <mat-form-field class="!w-full">
        <mat-label>Street</mat-label>
        <input matInput formControlName="street" required>
        <mat-error *ngIf="errors['street']">{{errors['street']}}</mat-error>
      </mat-form-field>

      <div class="flex gap-x-4">
        <mat-form-field class="!w-full">
          <mat-label>City</mat-label>
          <input matInput formControlName="city" required>
          <mat-error *ngIf="errors['city']">{{errors['city']}}</mat-error>
        </mat-form-field>

        <mat-form-field class="!w-1/2">
          <mat-label>Postcode</mat-label>
          <input matInput formControlName="postcode" minlength="5" maxlength="5" type="number" required>
          <mat-error *ngIf="errors['postcode']">{{errors['postcode']}}</mat-error>
        </mat-form-field>
      </div>

      <mat-form-field class="!w-full">
        <mat-label>Phone</mat-label>
        <input matInput formControlName="phone" required>
        <mat-error *ngIf="errors['phone']">{{errors['phone']}}</mat-error>
      </mat-form-field>

      <mat-form-field class="!w-full">
        <mat-label>Qualifications</mat-label>
        <mat-select formControlName="qualifications" multiple>
          <mat-option *ngFor="let qualification of qualifications" [value]="qualification.id">
            {{qualification.skill}}
          </mat-option>
        </mat-select>
        <mat-error *ngIf="errors['qualifications']">{{errors['qualifications']}}</mat-error>
      </mat-form-field>

      <mat-dialog-actions align="end">
        <button mat-button mat-dialog-close>Cancel</button>
        <button mat-flat-button color="primary" type="submit">Submit</button>
      </mat-dialog-actions>
    </div>
  </form>

</mat-dialog-content>