Angular Material Datepicker: Change event not firing when selecting date : <p>I'm using Angular and Angular Material's Datepicker. Everything is working fine for the most part, however I added a <code>(change)</code> event that is only working when the user manually types in a date. It does not get triggered when the user clicks on a date from the datepicker popup. To be clear, the value for <code>date</code> does in fact change when the user clicks on a date, it is just the <code>(change)</code> event, and ultimately my <code>updateCalcs()</code> function that for some reason doesn't get triggered. How can I trigger an event when the user clicks on a date from the datepicker?</p>

<pre><code>&lt;md-input-container&gt;
    &lt;input mdInput [mdDatepicker]="datePicker" placeholder="Choose Date" name="date" [(ngModel)]="date" (change)="updateCalcs()" required&gt;
    &lt;button mdSuffix [mdDatepickerToggle]="datePicker"&gt;&lt;/button&gt;
&lt;/md-input-container&gt;
&lt;md-datepicker #datePicker&gt;&lt;/md-datepicker&gt;
</code></pre>
