title: How to detect bootstrap datetimepicker change events within angular2
body: <p>I am using the bootstrap datetimepicker in angular 2</p>
  
  <p><a href="https://eonasdan.github.io/bootstrap-datetimepicker/" rel="noreferrer">https://eonasdan.github.io/bootstrap-datetimepicker/</a></p>
  
  <p>In my template i have:</p>
  
  <pre><code>&lt;div class='input-group date datepicker'&gt;
           &lt;input type='text' class="form-control" [(ngModel)]="date"&gt;
           &lt;span class="input-group-addon"&gt;
           &lt;span class="glyphicon glyphicon-calendar" (click)="getCalendar()"&gt;&lt;/span&gt;
         &lt;/span&gt;
     {{date}}
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem is when I select a date on the calendar by click, it does not trigger any "change" event (in other words, <code>ngModel</code> is not fired). If i type in the text box, then the <code>{{date}}</code> shows me the value plus the text i typed.</p>
  
  <p>How can I detect changes on the text box if the user clicks on a date in the selector to change it?</p>