Hey community,

I've been trying to change the color on a Datepicker Rich widget selection.

The widget is fixed on the screen. 

But for some reason the Range selection is not changing the color as it was supposed to do. 

Follow the code I'm using. 

This code works because I've tried already in another application. 

SyntaxEditor Code Snippet

.is-inrange .pika-button {
    background-color: purple !important;
    color: #AE2CFB !important;
    border-radius: 0px !important;
}

 

Thanks in advance

Hello Cynthia.

Preview worked fine on Service Studio but not on site? Remove the style class of the input.

I used your code and it kept the Theme colors except for what was set in place.


!important is not necessary.

Sorry. My test wasn't in Reactive.

In Reactive I can't select an interval, but the colors changed.


Is your working example also in Reactive?


This is actually what I'm trying to do!!

And its working on this application but I have no idea why it doesn't work in my other application.   

Nuno Reis wrote:

Sorry. My test wasn't in Reactive.

In Reactive I can't select an interval, but the colors changed.


Is your working example also in Reactive?

Yes Nuno is also in Reactive. 

For some reason in this app the class is not being found. 


Hi Cinthya Mara Dos Santos,

I tried to create a sample app based on your requirement and in my case it's working as required.

Thank you for sharing the CSS definition :)


Check this:  Sample_DatePickerDemo_ReactiveApp

PFA - includes the .oml solution file


Followed Steps:

1) Add the custom CSS statements in the screen Style Sheet section

2) Set the DatePicker SelectInterval property value to Yes


Hope this helps you!


Regards,

Benjith Sam

Benjith Sam wrote:

Hi Cinthya Mara Dos Santos,

I tried to create a sample app based on your requirement and in my case it's working as required.

Thank you for sharing the CSS definition :)


Check this:  Sample_DatePickerDemo_ReactiveApp

PFA - includes the .oml solution file


Followed Steps:

1) Add the custom CSS statements in the screen Style Sheet section

2) Set the DatePicker SelectInterval property value to Yes


Hope this helps you!


Regards,

Benjith Sam

Hey Benjith, Thanks for the replay. I've done that exactly same thing already and it works in another application as well, but for some mysterious reasons its not working in the application I need.