From dc3586e5d99c0c836c65128f9265c525a12d1115 Mon Sep 17 00:00:00 2001
From: Ji Won Shin <jwshin@google.com>
Date: Thu, 3 Aug 2017 11:25:30 -0700
Subject: [PATCH] Add 'valid' to MdStep for form validation

---
 src/demo-app/stepper/stepper-demo.html | 8 ++++----
 src/demo-app/stepper/stepper-demo.ts   | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/demo-app/stepper/stepper-demo.html b/src/demo-app/stepper/stepper-demo.html
index 4990ffc84a65..56f4add44b54 100644
--- a/src/demo-app/stepper/stepper-demo.html
+++ b/src/demo-app/stepper/stepper-demo.html
@@ -44,7 +44,7 @@ <h2>Linear Vertical Stepper Demo</h2>
 
 <h2>Linear Vertical Stepper Demo</h2>
 <md-vertical-stepper>
-  <md-step>
+  <md-step [valid]="nameFormGroup.valid">
     <form [formGroup]="nameFormGroup">
       <ng-template mdStepLabel>Fill out your name</ng-template>
       <md-input-container>
@@ -61,13 +61,13 @@ <h2>Linear Vertical Stepper Demo</h2>
     </form>
   </md-step>
 
-  <md-step [disabled]="!nameFormGroup.valid">
+  <md-step [valid]="phoneFormGroup.valid">
     <form [formGroup]="phoneFormGroup">
       <ng-template mdStepLabel>
         <div>Fill out your phone number</div>
       </ng-template>
       <md-input-container>
-        <input mdInput placeholder="Phone number" formControlName="phoneFormCtrl" required>
+        <input mdInput placeholder="Phone number" formControlName="phoneFormCtrl">
         <md-error>This field is required</md-error>
       </md-input-container>
       <div>
@@ -77,7 +77,7 @@ <h2>Linear Vertical Stepper Demo</h2>
     </form>
   </md-step>
 
-  <md-step [disabled]="!phoneFormGroup.valid">
+  <md-step>
     <form>
       <ng-template mdStepLabel>Confirm your information</ng-template>
       Everything seems correct.
diff --git a/src/demo-app/stepper/stepper-demo.ts b/src/demo-app/stepper/stepper-demo.ts
index 25a48f075649..b9d0aba261be 100644
--- a/src/demo-app/stepper/stepper-demo.ts
+++ b/src/demo-app/stepper/stepper-demo.ts
@@ -48,7 +48,7 @@ export class StepperDemo {
     });
 
     this.phoneFormGroup = new FormGroup({
-      phoneFormCtrl: new FormControl('', Validators.required)
+      phoneFormCtrl: new FormControl('')
     });
   }
 }