How to apply conditional css class on dates of Interaction\DatePicker

Hello Team,

I am looking for below color coding to dates of Interaction\DatePicker

Color Coding:  Present Event: Green, Leave Event: Orange, Future Dates: Grey, Sundays: Grey, No event dates: Red

As of now i am able to achieve below i.e if all event added to calendar is green with below code.

can any one please help me out is archiving the above requirement?

.has-event .pika-button  {  background-color: green; COLOR:WHITE}



mvp_badge
MVP
Solution

Hi Preeti,

I have  modified this .oml and hope you want  exactly this solution.

There is no need any action or event for previous or next month.

Hope this will help you.

Regards

Rahul Sahu

CasecadeDropDown.oml

Rahul Sahu wrote:

Hi Preeti,

I have  modified this .oml and hope you want  exactly this solution.

There is no need any action or event for previous or next month.

Hope this will help you.

Regards

Rahul Sahu

Thanks a lot Rahul, It is working as expected :)


mvp_badge
MVP

Hi Preeti,

Please find attached .oml (ColorEvent screen) it will help you for 

Color Coding:  Present Event: Green, Future Dates: Grey, Sundays: Grey, No event dates: Red 

except- Leave Event: Orange  

also think about add more two event on select previous and next month section.

Hope this will help you.


Regards

Rahul Sahu

CasecadeDropDown.oml

mvp_badge
MVP
Solution

Hi Preeti,

I have  modified this .oml and hope you want  exactly this solution.

There is no need any action or event for previous or next month.

Hope this will help you.

Regards

Rahul Sahu

CasecadeDropDown.oml

Rahul Sahu wrote:

Hi Preeti,

I have  modified this .oml and hope you want  exactly this solution.

There is no need any action or event for previous or next month.

Hope this will help you.

Regards

Rahul Sahu

Thanks a lot Rahul, It is working as expected :)


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