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}



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

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

Solution

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 :)