diff --git a/src/lib/datepicker/datepicker.ts b/src/lib/datepicker/datepicker.ts index 5663e0526202..c97b8cb90866 100644 --- a/src/lib/datepicker/datepicker.ts +++ b/src/lib/datepicker/datepicker.ts @@ -145,6 +145,12 @@ export class MatDatepicker implements OnDestroy { */ @Input() touchUi = false; + /** Event emitted when the datepicker has been opened. */ + @Output() onOpen: EventEmitter = new EventEmitter(); + + /** Event emitted when the datepicker has been closed. */ + @Output() onClose: EventEmitter = new EventEmitter(); + /** Whether the datepicker pop-up should be disabled. */ @Input() get disabled() { @@ -271,6 +277,7 @@ export class MatDatepicker implements OnDestroy { this.touchUi ? this._openAsDialog() : this._openAsPopup(); this.opened = true; + this.onOpen.emit(); } /** Close the calendar. */ @@ -296,6 +303,7 @@ export class MatDatepicker implements OnDestroy { } this.opened = false; + this.onClose.emit(); } /** Open the calendar as a dialog. */