I am working on this SPFx web part @ https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-modern-calendar but I want to change the background color for Today block to different color:

enter image description here

How I can achieve this?

1 Answer 1


To change the background color of Today's date cell in calendar, you have to override the below CSS classes in your web part CSS:

td.fc-day.fc-today {
    background-color: aqua !important;


enter image description here

Follow steps given in this thread to know more about how to override CSS: Modifying button colors via SPFx is not being reflected

  • 1
    You can also try solution given here & check if it works for you. Jul 18, 2022 at 9:12

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.