search

guiqui / react-timeline-gantt

A react Timeline component with virtual rendering
MIT License
541 stars 131 forks source link

Conditional styling for the days in timeline #64

Open rosanzheng opened 3 years ago

rosanzheng commented 3 years ago

Hello, is there a way to style a single day of the timeline individually? In my use case, I am required to mark holidays / non-working days in the timeline by coloring the background differently. Is there a way to do this? So far as I understand, I can only change the background color for all days but not for a single day. Also, as it is shown in the demo (https://codesandbox.io/s/brave-rgb-c72g7) the today-date is colored red. This is not the case for the "basic" demo (https://codesandbox.io/s/1y2on87jj) but I cannot figure out how you did that. Can you help? Thanks!

guiqui commented 3 years ago

Hi there, We need to add a getHeaderItemColor to the HeaderItem class, so we can change colors. The function will send 2 params, the value of the label and the type of item('month','week','day','hour'). It should be pretty straight forward. You can do a pull request for your contribution, I will review the code and added to the next release.