feat(console): angular 11, replace ngx-moment with @angular/material-moment-adapter (#965)

* update core / cli

* update material

* lint

* replace nx-moment with @angular/moment adapter

console/src/app/pages/home/home.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { HomeComponent } from './home.component';
 
@@ -6,7 +6,7 @@ describe('HomeComponent', () => {
   let component: HomeComponent;
   let fixture: ComponentFixture<HomeComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [HomeComponent],
     }).compileComponents();

console/src/app/pages/iam/failed-events/failed-events.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { FailedEventsComponent } from './failed-events.component';
 
@@ -6,7 +6,7 @@ describe('FailedEventsComponent', () => {
     let component: FailedEventsComponent;
     let fixture: ComponentFixture<FailedEventsComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [FailedEventsComponent],
         })

console/src/app/pages/iam/iam-members/iam-members.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { MatPaginatorModule } from '@angular/material/paginator';
 import { MatSortModule } from '@angular/material/sort';
 import { MatTableModule } from '@angular/material/table';
@@ -10,7 +10,7 @@ describe('IamMembersComponent', () => {
     let component: IamMembersComponent;
     let fixture: ComponentFixture<IamMembersComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [IamMembersComponent],
             imports: [

console/src/app/pages/iam/iam-views/iam-views.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { IamViewsComponent } from './iam-views.component';
 
@@ -6,7 +6,7 @@ describe('IamViewsComponent', () => {
     let component: IamViewsComponent;
     let fixture: ComponentFixture<IamViewsComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [IamViewsComponent],
         })

console/src/app/pages/iam/iam.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { IamComponent } from './iam.component';
 
@@ -6,7 +6,7 @@ describe('IamComponent', () => {
     let component: IamComponent;
     let fixture: ComponentFixture<IamComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [IamComponent],
         })

console/src/app/pages/orgs/org-create/org-create.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { OrgCreateComponent } from './org-create.component';
 
@@ -6,7 +6,7 @@ describe('OrgCreateComponent', () => {
     let component: OrgCreateComponent;
     let fixture: ComponentFixture<OrgCreateComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [OrgCreateComponent],
         })

console/src/app/pages/orgs/org-detail/add-domain-dialog/add-domain-dialog.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { AddDomainDialogComponent } from './add-domain-dialog.component';
 
@@ -6,7 +6,7 @@ describe('WarnDialogComponent', () => {
     let component: AddDomainDialogComponent;
     let fixture: ComponentFixture<AddDomainDialogComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [AddDomainDialogComponent],
         })

console/src/app/pages/orgs/org-detail/domain-verification/domain-verification.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { DomainVerificationComponent } from './domain-verification.component';
 
@@ -6,7 +6,7 @@ describe('DomainVerificationComponent', () => {
     let component: DomainVerificationComponent;
     let fixture: ComponentFixture<DomainVerificationComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [DomainVerificationComponent],
         })

console/src/app/pages/orgs/org-detail/org-detail.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { OrgDetailComponent } from './org-detail.component';
 
@@ -6,7 +6,7 @@ describe('OrgDetailComponent', () => {
   let component: OrgDetailComponent;
   let fixture: ComponentFixture<OrgDetailComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [OrgDetailComponent],
     })

console/src/app/pages/orgs/org-list/org-list.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { OrgListComponent } from './org-list.component';
 
@@ -6,7 +6,7 @@ describe('OrgListComponent', () => {
     let component: OrgListComponent;
     let fixture: ComponentFixture<OrgListComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [OrgListComponent],
         })

console/src/app/pages/orgs/org-member-roles-autocomplete/org-member-roles-autocomplete.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { OrgMemberRolesAutocompleteComponent } from './org-member-roles-autocomplete.component';
 
@@ -6,7 +6,7 @@ describe('OrgMemberRolesAutocompleteComponent', () => {
     let component: OrgMemberRolesAutocompleteComponent;
     let fixture: ComponentFixture<OrgMemberRolesAutocompleteComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [OrgMemberRolesAutocompleteComponent],
         })

console/src/app/pages/orgs/org-members/org-members.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { MatPaginatorModule } from '@angular/material/paginator';
 import { MatSortModule } from '@angular/material/sort';
 import { MatTableModule } from '@angular/material/table';
@@ -10,7 +10,7 @@ describe('OrgMembersComponent', () => {
     let component: OrgMembersComponent;
     let fixture: ComponentFixture<OrgMembersComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [OrgMembersComponent],
             imports: [

console/src/app/pages/projects/apps/app-create/app-create.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { AppCreateComponent } from './app-create.component';
 
@@ -6,7 +6,7 @@ describe('AppCreateComponent', () => {
   let component: AppCreateComponent;
   let fixture: ComponentFixture<AppCreateComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [AppCreateComponent],
     })

console/src/app/pages/projects/apps/app-detail/app-detail.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { AppDetailComponent } from './app-detail.component';
 
@@ -6,7 +6,7 @@ describe('AppDetailComponent', () => {
   let component: AppDetailComponent;
   let fixture: ComponentFixture<AppDetailComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [AppDetailComponent],
     })

console/src/app/pages/projects/apps/app-secret-dialog/app-secret-dialog.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { AppSecretDialogComponent } from './app-secret-dialog.component';
 
@@ -6,7 +6,7 @@ describe('AppSecretDialogComponent', () => {
     let component: AppSecretDialogComponent;
     let fixture: ComponentFixture<AppSecretDialogComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [AppSecretDialogComponent],
         })

console/src/app/pages/projects/granted-projects/granted-project-detail/granted-project-detail.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { GrantedProjectDetailComponent } from './granted-project-detail.component';
 
@@ -6,7 +6,7 @@ describe('GrantedProjectDetailComponent', () => {
     let component: GrantedProjectDetailComponent;
     let fixture: ComponentFixture<GrantedProjectDetailComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [GrantedProjectDetailComponent],
         })

console/src/app/pages/projects/granted-projects/granted-project-list/granted-project-grid/granted-project-grid.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { GrantedProjectGridComponent } from './granted-project-grid.component';
 
@@ -6,7 +6,7 @@ describe('GridComponent', () => {
     let component: GrantedProjectGridComponent;
     let fixture: ComponentFixture<GrantedProjectGridComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [GrantedProjectGridComponent],
         })

console/src/app/pages/projects/granted-projects/granted-project-list/granted-project-list.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { GrantedProjectListComponent } from './granted-project-list.component';
 
@@ -6,7 +6,7 @@ describe('ProjectListComponent', () => {
     let component: GrantedProjectListComponent;
     let fixture: ComponentFixture<GrantedProjectListComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [GrantedProjectListComponent],
         })

console/src/app/pages/projects/granted-projects/granted-projects.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { GrantedProjectsComponent } from './granted-projects.component';
 
@@ -6,7 +6,7 @@ describe('GrantedProjectsComponent', () => {
     let component: GrantedProjectsComponent;
     let fixture: ComponentFixture<GrantedProjectsComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [GrantedProjectsComponent],
         })

console/src/app/pages/projects/owned-projects/owned-project-detail/application-grid/application-grid.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ApplicationGridComponent } from './application-grid.component';
 
@@ -6,7 +6,7 @@ describe('AppGridComponent', () => {
     let component: ApplicationGridComponent;
     let fixture: ComponentFixture<ApplicationGridComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [ApplicationGridComponent],
         })

console/src/app/pages/projects/owned-projects/owned-project-detail/applications/applications.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { MatPaginatorModule } from '@angular/material/paginator';
 import { MatSortModule } from '@angular/material/sort';
 import { MatTableModule } from '@angular/material/table';
@@ -10,7 +10,7 @@ describe('ProjectApplicationsComponent', () => {
     let component: ApplicationsComponent;
     let fixture: ComponentFixture<ApplicationsComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [ApplicationsComponent],
             imports: [

console/src/app/pages/projects/owned-projects/owned-project-detail/owned-project-detail.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { OwnedProjectDetailComponent } from './owned-project-detail.component';
 
@@ -7,7 +7,7 @@ describe('ProjectDetailComponent', () => {
     let component: OwnedProjectDetailComponent;
     let fixture: ComponentFixture<OwnedProjectDetailComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [OwnedProjectDetailComponent],
         })

console/src/app/pages/projects/owned-projects/owned-project-detail/project-grants/project-grants.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ProjectGrantsComponent } from './project-grants.component';
 
@@ -6,7 +6,7 @@ describe('ProjectGrantsComponent', () => {
     let component: ProjectGrantsComponent;
     let fixture: ComponentFixture<ProjectGrantsComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [ProjectGrantsComponent],
         })

console/src/app/pages/projects/owned-projects/owned-project-list/owned-project-grid/owned-project-grid.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { OwnedProjectGridComponent } from './owned-project-grid.component';
 
@@ -6,7 +6,7 @@ describe('GridComponent', () => {
     let component: OwnedProjectGridComponent;
     let fixture: ComponentFixture<OwnedProjectGridComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [OwnedProjectGridComponent],
         })

console/src/app/pages/projects/owned-projects/owned-project-list/owned-project-list.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { GrantedProjectListComponent } from './granted-project-list.component';
 
@@ -6,7 +6,7 @@ describe('ProjectListComponent', () => {
     let component: GrantedProjectListComponent;
     let fixture: ComponentFixture<GrantedProjectListComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [GrantedProjectListComponent],
         })

console/src/app/pages/projects/owned-projects/owned-projects.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { OwnedProjectsComponent } from './owned-projects.component';
 
@@ -6,7 +6,7 @@ describe('OwnedProjectComponent', () => {
     let component: OwnedProjectsComponent;
     let fixture: ComponentFixture<OwnedProjectsComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [OwnedProjectsComponent],
         })

console/src/app/pages/projects/owned-projects/project-grant-detail/project-grant-detail.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ProjectGrantDetailComponent } from './project-grant-detail.component';
 
@@ -6,7 +6,7 @@ describe('GrantComponent', () => {
     let component: ProjectGrantDetailComponent;
     let fixture: ComponentFixture<ProjectGrantDetailComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [ProjectGrantDetailComponent],
         })

console/src/app/pages/projects/owned-projects/project-grant-detail/project-grant-members-create-dialog/project-grant-members-create-dialog.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ProjectGrantMembersCreateDialogComponent } from './project-grant-members-create-dialog.component';
 
@@ -6,7 +6,7 @@ describe('ProjectGrantMembersCreateDialogComponent', () => {
     let component: ProjectGrantMembersCreateDialogComponent;
     let fixture: ComponentFixture<ProjectGrantMembersCreateDialogComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [ProjectGrantMembersCreateDialogComponent],
         })

console/src/app/pages/projects/project-create/project-create.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ProjectCreateComponent } from './project-create.component';
 
@@ -6,7 +6,7 @@ describe('ProjectCreateComponent', () => {
   let component: ProjectCreateComponent;
   let fixture: ComponentFixture<ProjectCreateComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ProjectCreateComponent],
     })

console/src/app/pages/projects/project-grant-create/project-grant-create.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ProjectGrantCreateComponent } from './project-grant-create.component';
 
@@ -6,7 +6,7 @@ describe('GrantCreateComponent', () => {
     let component: ProjectGrantCreateComponent;
     let fixture: ComponentFixture<ProjectGrantCreateComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [ProjectGrantCreateComponent],
         })

console/src/app/pages/projects/project-role-create/project-role-create.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ProjectRoleCreateComponent } from './project-role-create.component';
 
@@ -6,7 +6,7 @@ describe('ProjectRoleCreateComponent', () => {
   let component: ProjectRoleCreateComponent;
   let fixture: ComponentFixture<ProjectRoleCreateComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ProjectRoleCreateComponent],
     })

console/src/app/pages/signedout/signedout.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { SignedoutComponent } from './signedout.component';
 
@@ -6,7 +6,7 @@ describe('SignedoutComponent', () => {
     let component: SignedoutComponent;
     let fixture: ComponentFixture<SignedoutComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [SignedoutComponent],
         })

console/src/app/pages/user-grant-create/user-grant-create.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { UserGrantCreateComponent } from './user-grant-create.component';
 
@@ -6,7 +6,7 @@ describe('UserGrantCreateComponent', () => {
     let component: UserGrantCreateComponent;
     let fixture: ComponentFixture<UserGrantCreateComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [UserGrantCreateComponent],
         })

console/src/app/pages/users/user-create-machine/user-create-machine.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { UserCreateMachineComponent } from './user-create-machine.component';
 
@@ -6,7 +6,7 @@ describe('UserCreateMachineComponent', () => {
     let component: UserCreateMachineComponent;
     let fixture: ComponentFixture<UserCreateMachineComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [UserCreateMachineComponent],
         })

console/src/app/pages/users/user-create/user-create.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { UserCreateComponent } from './user-create.component';
 
@@ -6,7 +6,7 @@ describe('UserCreateComponent', () => {
   let component: UserCreateComponent;
   let fixture: ComponentFixture<UserCreateComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [UserCreateComponent],
     })

console/src/app/pages/users/user-detail/auth-user-detail/auth-user-detail.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { AuthUserDetailComponent } from './auth-user-detail.component';
 
@@ -6,7 +6,7 @@ describe('AuthUserDetailComponent', () => {
   let component: AuthUserDetailComponent;
   let fixture: ComponentFixture<AuthUserDetailComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [AuthUserDetailComponent],
     })

console/src/app/pages/users/user-detail/auth-user-detail/auth-user-mfa/auth-user-mfa.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { AuthUserMfaComponent } from './auth-user-mfa.component';
 
@@ -6,7 +6,7 @@ describe('AuthUserMfaComponent', () => {
     let component: AuthUserMfaComponent;
     let fixture: ComponentFixture<AuthUserMfaComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [AuthUserMfaComponent],
         })

console/src/app/pages/users/user-detail/auth-user-detail/code-dialog/code-dialog.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { CodeDialogComponent } from './code-dialog.component';
 
@@ -6,7 +6,7 @@ describe('CodeDialogComponent', () => {
     let component: CodeDialogComponent;
     let fixture: ComponentFixture<CodeDialogComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [CodeDialogComponent],
         })

console/src/app/pages/users/user-detail/auth-user-detail/theme-setting/theme-setting.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ThemeSettingComponent } from './theme-setting.component';
 
@@ -6,7 +6,7 @@ describe('ThemeSettingComponent', () => {
     let component: ThemeSettingComponent;
     let fixture: ComponentFixture<ThemeSettingComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [ThemeSettingComponent],
         })

console/src/app/pages/users/user-detail/detail-form-machine/detail-form-machine.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { DetailFormComponent } from './detail-form.component';
 
@@ -6,7 +6,7 @@ describe('DetailFormComponent', () => {
   let component: DetailFormComponent;
   let fixture: ComponentFixture<DetailFormComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [DetailFormComponent],
     })

console/src/app/pages/users/user-detail/detail-form/detail-form.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { DetailFormComponent } from './detail-form.component';
 
@@ -6,7 +6,7 @@ describe('DetailFormComponent', () => {
   let component: DetailFormComponent;
   let fixture: ComponentFixture<DetailFormComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [DetailFormComponent],
     })

console/src/app/pages/users/user-detail/external-idps/external-idps.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ExternalIdpsComponent } from './external-idps.component';
 
@@ -6,7 +6,7 @@ describe('ExternalIdpsComponent', () => {
   let component: ExternalIdpsComponent;
   let fixture: ComponentFixture<ExternalIdpsComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ ExternalIdpsComponent ],
     })

console/src/app/pages/users/user-detail/machine-keys/add-key-dialog/add-key-dialog.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { AddKeyDialogComponent } from './add-key-dialog.component';
 
@@ -6,7 +6,7 @@ describe('AddKeyDialogComponent', () => {
     let component: AddKeyDialogComponent;
     let fixture: ComponentFixture<AddKeyDialogComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [AddKeyDialogComponent],
         })

console/src/app/pages/users/user-detail/machine-keys/add-key-dialog/add-key-dialog.component.ts

@@ -1,5 +1,6 @@
-import { Component, Inject, OnInit } from '@angular/core';
+import { Component, Inject } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Moment } from 'moment';
 import { MachineKeyType } from 'src/app/proto/generated/management_pb';
 
 @Component({
@@ -7,11 +8,11 @@ import { MachineKeyType } from 'src/app/proto/generated/management_pb';
     templateUrl: './add-key-dialog.component.html',
     styleUrls: ['./add-key-dialog.component.scss'],
 })
-export class AddKeyDialogComponent implements OnInit {
+export class AddKeyDialogComponent {
     types: MachineKeyType[] = [
         MachineKeyType.MACHINEKEY_JSON,
     ];
-    date: any;
+    date!: Moment;
     public type: MachineKeyType = MachineKeyType.MACHINEKEY_JSON;
 
     constructor(
@@ -19,9 +20,6 @@ export class AddKeyDialogComponent implements OnInit {
         @Inject(MAT_DIALOG_DATA) public data: any,
     ) { }
 
-    ngOnInit(): void {
-    }
-
     public closeDialog(): void {
         this.dialogRef.close(false);
     }

console/src/app/pages/users/user-detail/machine-keys/add-key-dialog/add-key-dialog.module.ts

@@ -1,6 +1,7 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
+import { MatMomentDateModule } from '@angular/material-moment-adapter';
 import { MatButtonModule } from '@angular/material/button';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -23,6 +24,7 @@ import { AddKeyDialogComponent } from './add-key-dialog.component';
         MatIconModule,
         FormsModule,
         MatDatepickerModule,
+        MatMomentDateModule,
     ],
 })
 export class AddKeyDialogModule { }

console/src/app/pages/users/user-detail/machine-keys/machine-keys.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { MachineKeysComponent } from './machine-keys.component';
 
@@ -6,7 +6,7 @@ describe('MachineKeysComponent', () => {
     let component: MachineKeysComponent;
     let fixture: ComponentFixture<MachineKeysComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [MachineKeysComponent],
         })

console/src/app/pages/users/user-detail/machine-keys/machine-keys.component.ts

@@ -5,6 +5,7 @@ import { MatPaginator, PageEvent } from '@angular/material/paginator';
 import { MatTableDataSource } from '@angular/material/table';
 import { TranslateService } from '@ngx-translate/core';
 import { Timestamp } from 'google-protobuf/google/protobuf/timestamp_pb';
+import { Moment } from 'moment';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { MachineKeySearchResponse, MachineKeyType, MachineKeyView } from 'src/app/proto/generated/management_pb';
 import { ManagementService } from 'src/app/services/mgmt.service';
@@ -84,10 +85,10 @@ export class MachineKeysComponent implements OnInit {
 
                 let date: Timestamp | undefined;
 
-                if (resp.date as Date) {
+                if (resp.date as Moment) {
                     const ts = new Timestamp();
-
-                    const milliseconds = resp.date.getTime();
+                    console.log(resp.date.toDate().getTime());
+                    const milliseconds = resp.date.toDate().getTime();
                     const seconds = Math.abs(milliseconds / 1000);
                     const nanos = (milliseconds - seconds * 1000) * 1000 * 1000;
                     ts.setSeconds(seconds);

console/src/app/pages/users/user-detail/machine-keys/show-key-dialog/show-key-dialog.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ShowKeyDialogComponent } from './show-key-dialog.component';
 
@@ -6,7 +6,7 @@ describe('ShowKeyDialogComponent', () => {
     let component: ShowKeyDialogComponent;
     let fixture: ComponentFixture<ShowKeyDialogComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [ShowKeyDialogComponent],
         })

console/src/app/pages/users/user-detail/membership-detail/membership-detail.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { MembershipDetailComponent } from './membership-detail.component';
 
@@ -6,7 +6,7 @@ describe('MembershipDetailComponent', () => {
     let component: MembershipDetailComponent;
     let fixture: ComponentFixture<MembershipDetailComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [MembershipDetailComponent],
         })

console/src/app/pages/users/user-detail/memberships/memberships.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { MembershipsComponent } from './memberships.component';
 
@@ -6,7 +6,7 @@ describe('MembershipsComponent', () => {
     let component: MembershipsComponent;
     let fixture: ComponentFixture<MembershipsComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [MembershipsComponent],
         })

console/src/app/pages/users/user-detail/password/password.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { PasswordComponent } from './password.component';
 
@@ -6,7 +6,7 @@ describe('PasswordComponent', () => {
     let component: PasswordComponent;
     let fixture: ComponentFixture<PasswordComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [PasswordComponent],
         }).compileComponents();

console/src/app/pages/users/user-detail/user-detail/user-detail.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { UserDetailComponent } from './user-detail.component';
 
@@ -6,7 +6,7 @@ describe('UserDetailComponent', () => {
     let component: UserDetailComponent;
     let fixture: ComponentFixture<UserDetailComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [UserDetailComponent],
         }).compileComponents();

console/src/app/pages/users/user-detail/user-detail/user-mfa/user-mfa.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { UserMfaComponent } from './user-mfa.component';
 
@@ -6,7 +6,7 @@ describe('UserMfaComponent', () => {
     let component: UserMfaComponent;
     let fixture: ComponentFixture<UserMfaComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [UserMfaComponent],
         })

console/src/app/pages/users/user-list/user-list.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { UserListComponent } from './user-list.component';
 
@@ -6,7 +6,7 @@ describe('UserListComponent', () => {
   let component: UserListComponent;
   let fixture: ComponentFixture<UserListComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [UserListComponent],
     })

console/src/app/pages/users/user-list/user-table/user-table.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { UserTableComponent } from './user-table.component';
 
@@ -6,7 +6,7 @@ describe('UserTableComponent', () => {
     let component: UserTableComponent;
     let fixture: ComponentFixture<UserTableComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [UserTableComponent],
         })