Change the color of text within a datePicker widget when disabled

[JO_9930585]

I need to change the color of the hint text (or any text) for a date picker widget when the widget is disabled. It is too difficult to read with the current color. I have done so on dropdowns and text widgets using the style properties tab. I cannot find a place to change this color for the date picker widget though. The css is in the shadow dom and I was unsure how to do it here. Can anyone help to change this?

[Velkumar · Accepted solution]

Hi @JO_9930585 

You can change it in widget style property

/VR

[JO_9930585]

I do not have this in my version of TWX as stated in the original post. Version 9.0. I need another method. This will not work for me unfortunately.

[TonyZhang]

Hi @JO_9930585,

Can you please try below Custom CSS to see if it works?

ptcs-datepicker[disabled]::part(date-field)::part(text-value){
     color:red;
}

Note that if you upgrade your ThingWorx, this CustomCSS might not work, please switch to the Style Property way as @Velkumar mentioned once it's available in your new ThingWorx system. ThingWorx 9.0 is old not not supported anymore.

[JO_9930585]

We will wait to upgrade. Thanks