Angular Material mat-datepicker (change) event and format

Question

I am using angular material datepicker directive and I have few problems.

1. When I open date picker dialog and select any date, date shows up in i

Answer 1

from docs you can use one of the below events based on your requirement

@Output()
dateChange(): EventEmitter>

Emits when a change event is fired on this .

@Output()
dateInput(): EventEmitter>

Emits when an input event is fired on this .

For example:

or