Search code examples
javascriptreactjsreact-hooksreact-functional-component

React-Calendar-TimeLine is it possible to change the color of text on the header?

Text to be changed

I tried multiple things to change the color of this text without success, I tried using styled components, a className, a direct stylesheet, a style prop on the component, I tried using CustonHeader component that the lib offers but I couldn't wrap my thoughts on how to change the color of this text, anybody can help me on how to do it?

Solution

  • To Solve this problem you can create a css file and call this class:

    .react-calendar-timeline .rct-dateHeader-primary{
   color: black;
}