I am in need of assistance to change the color to white for the input date and add an underline to a datepicker element
<mat-form-field class="date-criteria-select " [floatLabel]="'always'">
<mat-label class="upside-label">{{label}}</mat-label>
<input matInput [matDatepicker]="picker" [min] = "minDate" [max] = "maxDate" [(ngModel)] = "date" style="color:white;">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>
I have experimented with various CSS techniques such as:
.mat-form-field-underline {
/*change color of underline*/
color: white !important;
}
or
.mat-input-element {
color: white;
}
or
.mat-datepicker-content {
color: white;
}
However, the only solution that seems to work is adding inline styling like style="color:white;" directly in the input tag