Selected day with event, css class delete issue

[pukanszkypeter]

Describe the bug

Hi,

i have found an issue when handling day selections on month view. Or am i missing something?

I am adding a css class to a selected day like that: day.cssClass = 'calendar-day-selected' And removing it with: delete day.cssClass

It works perfectly by days with no events. But if a day has events, then delete day.cssClass does nothing on document level. If i print out the cssClass, then it gives me undefined, but on html i still see the class on the element.

In addition i am using the activeDayIsOpen feature to open days with events, i think the issue is in correlation with it, because when i set it to false, then it works fine by days with events.

Is there a solution to remove the cssClass from days with events, when activeDayIsOpen set to true? Or have i missed something?

Thanks in advance!

Minimal reproduction of the problem with instructions

1. Clicked a day with events, then events opened and selected css class appeared
2. Clicked same day again, then events closed but css class was still on

Screenshots

1. 
2. 

Versions

• @angular/core: ~12.0.3
• angular-calendar: ^0.29.0
• Browser name and version: Chrome, 99.0.4844.84

[matts-bot[bot]]

Thanks so much for opening an issue! If you'd like me to give priority to answering your issue or would just like to support this project, then please consider sponsoring me