title: How to validate start and end date in angular template driven approach?
body: <p>I have 2 dates inputs in my form as show below:</p>
  
  <pre><code>&lt;label class="control-label"&gt;Start Date&lt;/label&gt;
      &lt;input type="date" name="startDate" placeholder="Start Date" class="form-control" ngModel required #startDate="ngModel"&gt;
      &lt;span *ngIf="!startDate.valid &amp;&amp; startDate.touched" class="error-msg"&gt;
       &lt;span *ngIf="startDate.errors.required"&gt;Start Date is required&lt;/span&gt;
       &lt;/span&gt;
       &lt;br/&gt;
   &lt;label class="control-label"&gt;End Date&lt;/label&gt;
   &lt;input type="date" name="endDate" placeholder="End Date" class="form-control" ngModel required #endDate="ngModel" &gt;
      &lt;span *ngIf="!endDate.valid &amp;&amp; endDate.touched" class="error-msg"&gt;
      &lt;span *ngIf="endDate.errors.required"&gt;End Date is required&lt;/span&gt;
      &lt;/span&gt;
  </code></pre>
  
  <p>And i want to allow the user to select dates only form the start date. I am tried using the <code>min</code> attribute but not working</p>