How to add mask on angular material date picker

Question

I recently started using angular material to build angular form in which i need to use angular material date picker but am not able to add any mask on the input element.

Answer 1

Check out the documentation below for sample use of datepicker. https://www.npmjs.com/package/angular4-datepicker

1. Add a variable in the component

   myDatePickerOptions: IMyDpOptions = {
       // other options...
   dateFormat: 'dd.mm.yyyy'
   };
   

2. assign it to the input element.

   [options]="myDatePickerOptions"