Date Picker Color Indicator

Hi everyone!

We need to have two color indicators on the date picker. The use case is upon ordering, the dates should have an indicator if the stocks are high (Green) or low (Red). 

Currently, we can only display a single color indicator on the date picker:

We need help adding another color indicator.

Thanks in advance!


Hi Diane,

To help you better, just want to know few information regarding.. 

- Which type of application you are working with?

- The referred Date Picker is the OutSystems widget or you are using any specific forge component?

Kind regards,

Benjith Sam

Hi  Diane,

You can use below css . I hope this will be helpful for you

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




Thank you! Will give this a try. :)

Hi Diane ,

Multiple color for highlight in date Picker is little difficult .As per your requirement, you can try with FullCalendar forge component.



Agreed. It's quite tricky. Thanks for your input! Checking the forge component now.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.