title: Angular Material mat-datepicker (change) event and format
body: <p>I am using angular material datepicker directive and I have few problems. </p>
  
  <p><strong>1.</strong> When I open date picker dialog and select any date, date shows up in input text box, but I want to call a function when ever any change occur in input text box. </p>
  
  <p>Right now if I manually enter any value in input text box, I am triggering function using (input) directive and it is working fine as shown in code. I want to trigger same function when date gets change using date picker dialog.</p>
  
  <p><strong>2.</strong> I also want to change the format of date from <strong>mm/dd/yyyy</strong> to <strong>dd/mm/yyyy</strong> when selected from date picker dialog. Here mm/dd/yyyy is set by default in this directive.</p>
  
  <pre><code>&lt;input matInput [matDatepicker]="organizationValue" formControlName="organizationValue" (input)="orgValueChange(i)"&gt;
  &lt;mat-datepicker-toggle matSuffix [for]="organizationValue"&gt;&lt;/mat-datepicker-toggle&gt;                 
  &lt;mat-datepicker #organizationValue&gt;&lt;/mat-datepicker&gt;
  </code></pre>