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

I am working in Angular 7 and implementation is as follows.

Declare an event in your class:

@Output() 
dateChange:EventEmitter< MatDatepickerInputEvent< any>>;

Remember you should have the material module already installed. Create one method in typescript file as follows.

someMethodName(date: any) {  
    // your code here
}

Your html file matInput will be: