From ef326c80510671051a5a260f6e6b8fbbf7c8a752 Mon Sep 17 00:00:00 2001
From: Pawel <pawel.losek@outlook.com>
Date: Sat, 4 Aug 2018 01:30:43 +0200
Subject: [PATCH] fix(datepicker): add minDate and maxDate validation in
 demo-app

Adds min and max properties for datepicker input for purposes of validation. After this change, it will not be possible to set invalid period of time.

Fixes #12442
---
 src/demo-app/datepicker/datepicker-demo.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/demo-app/datepicker/datepicker-demo.html b/src/demo-app/datepicker/datepicker-demo.html
index d6498d6eeb65..8fbf267ed44e 100644
--- a/src/demo-app/datepicker/datepicker-demo.html
+++ b/src/demo-app/datepicker/datepicker-demo.html
@@ -17,14 +17,14 @@ <h2>Options</h2>
   <mat-form-field color="accent">
     <mat-label>Min date</mat-label>
     <input matInput [matDatepicker]="minDatePicker" [(ngModel)]="minDate"
-        [disabled]="inputDisabled">
+        [disabled]="inputDisabled" [max]="maxDate">
     <mat-datepicker-toggle matSuffix [for]="minDatePicker"></mat-datepicker-toggle>
     <mat-datepicker #minDatePicker [touchUi]="touch" [disabled]="datepickerDisabled"></mat-datepicker>
   </mat-form-field>
   <mat-form-field color="accent">
     <mat-label>Max date</mat-label>
     <input matInput [matDatepicker]="maxDatePicker" [(ngModel)]="maxDate"
-        [disabled]="inputDisabled">
+        [disabled]="inputDisabled" [min]="minDate">
     <mat-datepicker-toggle matSuffix [for]="maxDatePicker"></mat-datepicker-toggle>
     <mat-datepicker #maxDatePicker [touchUi]="touch" [disabled]="datepickerDisabled"></mat-datepicker>
   </mat-form-field>