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

@@ -37,6 +37,7 @@
       </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>

src/app/create-employee/create-employee.component.ts

@@ -3,7 +3,13 @@ import {FormBuilder, FormControl, FormGroup, ReactiveFormsModule, Validators} fr
 import {MatFormField, MatLabel} from "@angular/material/form-field";
 import {MatInput} from "@angular/material/input";
 import {MatButton} from "@angular/material/button";
-import {MatDialogActions, MatDialogContent, MatDialogRef, MatDialogTitle} from "@angular/material/dialog";
+import {
+  MatDialogActions,
+  MatDialogClose,
+  MatDialogContent,
+  MatDialogRef,
+  MatDialogTitle
+} from "@angular/material/dialog";
 import {Employee} from "../Employee";
 import EmployeeApiService from "../services/employee-api.service";
 import {catchError} from "rxjs";
@@ -18,7 +24,8 @@ import {catchError} from "rxjs";
     MatLabel,
     MatDialogContent,
     MatDialogTitle,
-    MatDialogActions
+    MatDialogActions,
+    MatDialogClose
   ],
   templateUrl: './create-employee.component.html',
   standalone: true,