[Fixed] mat-select for date (day-month-year) selection?


I want to implement a date field using 3 mat-select components. How should I fill the day, month (by number) and year fields? I think I should use a constant values on a ts file and use these values instead of keeping them in a database table. Am I wrong? And is there a proper example for this kind of usage?

Note: For some limitation I need to use mat-select instead of mat-datepicker. For this reason please give your suggestions based on mat-select approach.


As of your limitations, I’ve created one reusable component for you at

Using this control you can do two-way data (Date) binding.

And you can customize it with your own design choice.

Use of the component is also demonstrated.

Leave a Reply

(*) Required, Your email will not be published