12
Views
5
Comments
Date Picker Color Indicator
Question

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!

mvp_badge
MVP
Rank: #90

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

Rank: #1343

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;
}

https://rahuljain877.outsystemscloud.com/ReactiveTestApp_UI/DatePickerDemo?_ts=637407152273032721


Regards

--RJ--

ReactiveRangeDatePicker.oml

Hi Diane ,

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

Regards,

Samiksha