如何从Angular Material中删除日期选择器的默认日期选择？

Question

Okay, I do not know if this is possible, but the angular material datepicker selects the date of the day by default. I would like no datepicker dates to be selected by default.

EDIT: This is only visual, no date is selected when closing but I would like the date of the day not to be visible as on the gif.

Here is the datepicker of angular material: Stackblitz HERE

Thank you in advance!

Answer 1

I have been trying to help since a long time. I found a work around. Not a perfect solution

You can include the following css

::ng-deep .mat-calendar-body-today {
  border: none !important;
}

The above css is to remove the border of the current date.

I was trying to remove the highlighted part but could not.

I shared to give a insight on what can be done.

Please look at the stackblitz here

Answer 2

It's not selecting it. It shows you the current day. I don't think you can disable that. If you get out of the datepicker, no date will be chosen.