Change style on disabled date picker in Angular Material Design

Question

I'm making an Angular Material website. It contains a date picker. The date picker has the popup enabled but input disabled. This results in a style with a dotted line under the input element. How do i change the styling to make the dotted line solid?

The documentation has an example of the date picker with disabled input right here: https://material.angular.io/components/datepicker/examples See the "Disabled datepicker"part.

Answer 1

On input tag use readonly attribute.