Chore: Cleaned up angular component imports.

overlord/src/app/employee-functions/employee-functions.component.ts

@@ -1,12 +1,12 @@
 import { Component, inject } from '@angular/core';
 import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { MatAnchor, MatButton } from '@angular/material/button';
-import { MatCard, MatCardContent } from '@angular/material/card';
-import { MatDatepicker, MatDatepickerInput, MatDatepickerToggle } from '@angular/material/datepicker';
-import { MatFormField, MatLabel, MatSuffix } from '@angular/material/form-field';
-import { MatInput } from '@angular/material/input';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatDatepicker, MatDatepickerModule } from '@angular/material/datepicker';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
 import { MatSnackBar } from '@angular/material/snack-bar';
-import { MatTab, MatTabGroup } from '@angular/material/tabs';
+import { MatTabsModule } from '@angular/material/tabs';
 import moment from 'moment';
 
 import { EmployeeFunctionsService } from './employee-functions.service';
@@ -16,20 +16,13 @@ import { EmployeeFunctionsService } from './employee-functions.service';
   templateUrl: './employee-functions.component.html',
   styleUrls: ['./employee-functions.component.css'],
   imports: [
-    MatTabGroup,
-    MatTab,
-    MatCard,
-    MatCardContent,
+    MatTabsModule,
+    MatCardModule,
     ReactiveFormsModule,
-    MatFormField,
-    MatLabel,
-    MatInput,
-    MatDatepickerInput,
-    MatDatepickerToggle,
-    MatSuffix,
-    MatDatepicker,
-    MatButton,
-    MatAnchor,
+    MatFormFieldModule,
+    MatInputModule,
+    MatDatepickerModule,
+    MatButtonModule,
   ],
 })
 export class EmployeeFunctionsComponent {