title: Mat-DatePicker - [(ngModel)] - not able to show user saved date
body: <p>Could someone tell how to show user saved date in Mat-Datepicker?</p>
  
  <p>initially  am getting endDate as null from get service (data from nested object, that calling from another component ). when going to edit mode. am selecting value and save it. In console, it prints selected date. but in Network it goes null.</p>
  
  <pre><code>this.endDate: string;
  
  &lt;mat-form-field&gt;
  &lt;input matInput [value] = "endDate" [matDatepicker]="myDatepicker"  name="endDate" [(ngModel)]="endDate"&gt;
  &lt;mat-datepicker-toggle matSuffix [for]="myDatepicker"&gt;&lt;/mat-datepicker-toggle&gt;
  &lt;mat-datepicker #myDatepicker &gt;&lt;/mat-datepicker&gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  
  <p>in save method:</p>
  
  <pre><code>save(){
  let obj = {
      endDate = this.endDate; // my ngModel
      }
  }
  updateChange(d){
  this.endDate = d; // i can see the changed value here but not able to save
  } 
  </code></pre>
  
  <p>actual object for saving data</p>
  
  <pre><code>const sample : OriginalModel = { 
  demoKey : this.sample['key'].demo, 
  demoKey2 : this.sample['key2'].demo2, 
  endDate : this.endDate 
  }
  </code></pre>
  
  <p>how to get this done to show user saved value in edit mode ?</p>
  
  <p>kindly share solution/ working stackblitz .</p>
  
  <p>Thanks in advance</p>