title: Angular reactive form save values of datepicker
body: <p>I have a dynamic control with a datepicker. How do I save the values of the datepicker?</p>
  
  <pre><code>&lt;tr *ngFor="let item of items"&gt;
      &lt;td style="padding-right: 20px"&gt;{{item.id}}&lt;/td&gt;
      &lt;td style="padding-right: 20px"&gt;
          &lt;md-input-container&gt;
              &lt;input mdInput [mdDatepicker]="estDate1" placeholder="Choose a date" [value]="item.estimatedDate"&gt;
              &lt;button mdSuffix [mdDatepickerToggle]="estDate1" [value]="item.estimatedDate"&gt;&lt;/button&gt;
          &lt;/md-input-container&gt;
          &lt;md-datepicker #estDate1&gt;&lt;/md-datepicker&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>This is my mock component implementation:</p>
  
  <pre><code>getData() {
          this.itemsForm = this.fb.array([this.item]);
  
          this.items = [{ 'id': '1',  'estimatedDate': '01/01/2017'},
              { 'id': '2',  'estimatedDate': '02/01/2017'},
              { 'id': '3',  'estimatedDate': '03/01/2017'},
              { 'id': '4',  'estimatedDate': '04/01/2017'}     
          ];
      }
  
      saveData(){
          this.itemsForm.setValue({
              ....
          });
  
      }
  </code></pre>
  
  <p>I am not sure how to dymanically gather the data from the datepickers and bind it to an array to pass to the service.</p>