Ionic 4 how to change placeholder color

Ionic Framework
10

there is bug in ion-datetime picker component. if you use color CSS property in class then --placeholder-color does not work as expected because they inherit color class property. so I use tricky way to get this.

datetime picket tag

 <ion-datetime placeholder="_ _:_ _" displayFormat="hh:mm A" pickerFormat="MMM DD, hh:mm A"
            [class.primary]="startTime" [(ngModel)]="startTime"
            (ionChange)="getStartTimeDetails()" [min]="currentTime" minuteValues="0,15,30,45"></ion-datetime>

By default placeholder has gray color so we just need to change color property when we have value. so i use ngclass attribute and apply below class when datepicker has value selected

.primary {
    color: var(--ion-color-primary);
}