title: Angular Material 2 Datepicker closed event not executed (Angular 4)
body: <p>I am using the Angular Material 2 Datepicker with Angular 4.x - when I select a date it should emit a function when the datepicker closes (it closes when a date is selected). I basically want to be able to select a date and not have the datepicker close (it should remain on the screen and highlight the selected day)</p>
  
  <p>This is based on the following code which works fine on stackblitz - but not within my own app for some reason?
  <a href="https://stackblitz.com/edit/angular-ysspzm-ckkrbd" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-ysspzm-ckkrbd</a></p>
  
  <p>-NOTE- The stackblitz code is some generic code I came across and isn't the same as my code below (although it is almost identical)</p>
  
  <p>// component</p>
  
  <pre><code>@Component({
  selector: 'app-datepicker',
  templateUrl: './datepicker.component.html',
  styleUrls: ['./datepicker.component.scss'],
  })
  
  export class DatepickerComponent {
  @ViewChild('keepOpen') _input: ElementRef;
  
    _openCalendar(picker: MatDatepicker&lt;Date&gt;) {
        picker.open();
        console.log('here1'); // i see this in the console
    }
  
    _openCalendarClosed(picker: MatDatepicker&lt;Date&gt;) {
        picker.open();
        console.log('here2'); // never ever see this in the console log??
    }
  }
  </code></pre>
  
  <p>// html</p>
  
  <p></p>
  
  <pre><code>&lt;input
          matInput
          [matDatepicker]="picker"
          placeholder="Choose a date"
          (click)="_openCalendar(picker)"
          #keepOpen&gt;
  
  &lt;mat-datepicker-toggle
          matSuffix
          [for]="picker"&gt;
  &lt;/mat-datepicker-toggle&gt;
  
  &lt;mat-datepicker
          #picker
          class="fixed-open"
          opened="true"
          (closed)="_openCalendarClosed(picker)"&gt;
  &lt;/mat-datepicker&gt;
  </code></pre>
  
  <p></p>