From 80f334137f6ffe8ac019e35858b3d3eedaebc554 Mon Sep 17 00:00:00 2001
From: Tim Deschryver <28659384+timdeschryver@users.noreply.github.com>
Date: Mon, 21 Nov 2022 18:51:11 +0100
Subject: [PATCH] docs: update material inputs example (#324)

---
 apps/example-app/src/app/app.module.ts                      | 2 +-
 apps/example-app/src/app/examples/04-forms-with-material.ts | 3 +++
 apps/example-app/src/app/material.module.ts                 | 4 ++--
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/example-app/src/app/app.module.ts b/apps/example-app/src/app/app.module.ts
index e0ab6e3a..cb95434f 100644
--- a/apps/example-app/src/app/app.module.ts
+++ b/apps/example-app/src/app/app.module.ts
@@ -7,7 +7,7 @@ import { StoreModule } from '@ngrx/store';
 import { AppRoutingModule } from './app-routing.module';
 import { MaterialModule } from './material.module';
 import { MatIconModule } from '@angular/material/icon';
-import { MatLegacyListModule as MatListModule } from '@angular/material/legacy-list';
+import { MatListModule } from '@angular/material/list';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatToolbarModule } from '@angular/material/toolbar';
 
diff --git a/apps/example-app/src/app/examples/04-forms-with-material.ts b/apps/example-app/src/app/examples/04-forms-with-material.ts
index 69ea4636..ed510d1f 100644
--- a/apps/example-app/src/app/examples/04-forms-with-material.ts
+++ b/apps/example-app/src/app/examples/04-forms-with-material.ts
@@ -6,10 +6,12 @@ import { UntypedFormBuilder, Validators } from '@angular/forms';
   template: `
     <form [formGroup]="form" name="form">
       <mat-form-field>
+        <mat-label>Name</mat-label>
         <input matInput placeholder="Name" name="name" formControlName="name" required />
       </mat-form-field>
 
       <mat-form-field>
+        <mat-label>Score</mat-label>
         <input
           matInput
           type="number"
@@ -23,6 +25,7 @@ import { UntypedFormBuilder, Validators } from '@angular/forms';
       </mat-form-field>
 
       <mat-form-field>
+        <mat-label>Color</mat-label>
         <mat-select placeholder="Color" name="color" formControlName="color">
           <mat-select-trigger>
             {{ colorControlDisplayValue }}
diff --git a/apps/example-app/src/app/material.module.ts b/apps/example-app/src/app/material.module.ts
index 68797007..297c9d74 100644
--- a/apps/example-app/src/app/material.module.ts
+++ b/apps/example-app/src/app/material.module.ts
@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 
-import { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input';
-import { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';
+import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatNativeDateModule } from '@angular/material/core';