title: Ngmodel value is updating wrongly?
body: <p><strong>I have using one third party dropdown and calender component, if i change value ngmodel value is updating wrongly. It has to take current value instead of this it takes old value</strong></p>
  
  <blockquote>
    <p>sample:
    <a href="https://stackblitz.com/edit/angular-yxsugh?file=src/app/app.component.html" rel="nofollow noreferrer">ngmodel not updating</a></p>
  </blockquote>
  
  <p><strong>How to update current value to ngmodel..? Please suggest good answer</strong></p>
  
  <blockquote>
    <p>Reproducing procedure:</p>
  </blockquote>
  
  <p>1.run sample link</p>
  
  <ol start="2">
  <li>change drop-down value or calendar value</li>
  </ol>
  
  <p>3.see console log, current value is taken using argument but ngmodel shows old value</p>
  
  <p><strong>Html file</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;link href="https://cdn.syncfusion.com/ej2/material.css" rel="stylesheet"&gt;
  
  &lt;ejs-datepicker id="date" (change)="onChange($event)" [(ngModel)]="ModelDate"&gt; &lt;/ejs-datepicker&gt;
  
  &lt;ejs-dropdownlist id='ddlelement' [dataSource]='data' [(ngModel)]='Modelvalue' placeholder='Select a game' (change)="onDropChange($event)"&gt;&lt;/ejs-dropdownlist&gt;
  
  {{ModelDate}}
  </code></pre>
  
  <p><strong>ts file</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>import { Component } from '@angular/core';
  
  @Component({
    selector: 'my-app',
    templateUrl: './app.component.html',
    styleUrls: [ './app.component.css' ]
  })
  export class AppComponent  {
  
    public ModelDate : any ;
  
  
    public data: string[] = [ 'Badminton', 'Basketball', 'Cricket', 'Football' ];
      // set a value to pre-select
      public Modelvalue: string = 'Badminton';
  
    onChange(args){
      // debugger         
        console.log("NgModelvalue:" + this.ModelDate);    
       console.log("Selected value:"  +args.value);
    }
    onDropChange(args){
      debugger
      // args.dataBind();
      console.log("NgModelvalue:" + this.Modelvalue);    
       console.log("Selected value:" +args.value);
    }
  }
  </code></pre>