AngularJS 2 input field does not update ngModel for Jquery Date Picker date change
<p>I am having a problem with Jquery UI datepicker in angularjs 2 component.</p>

<p>It displaying changed date from date calender but its not updating underlying ngModel : dateSelected. </p>

<pre><code>dateSelected: string = '';
</code></pre>

<p>Here the date picker input filed is:</p>

<pre><code>&lt;input type="text" class="form-control" [(ngModel)]="dateSelected" name='datepicker1' id='datepicker1' placeholder="Select a date"/&gt;
</code></pre>

<p>And I am trying set the selected date from this.dateSelected model to second date picker which does not work. </p>

<pre><code>$("#datepicker2").val(this.dateSelected);
</code></pre>

<p>On the other hand if I read selected date by JQuery val way it works fine. </p>

<pre><code>  var selectedDateInPicker = $("#datepicker1").val();     
   $("#datepicker2").val(selectedDateInPicker);
</code></pre>

<p>Here is the code plunker: <a href="https://plnkr.co/edit/iLAFa8yrCLeTcd27G8bY?p=preview" rel="nofollow">https://plnkr.co/edit/iLAFa8yrCLeTcd27G8bY?p=preview</a></p>

<p>Can you please help?</p>