twinssbc / Ionic2-Calendar

A calendar component based on Ionic framework
https://ionic-calendar-demo.stackblitz.io
MIT License
387 stars 197 forks source link

Differentiating days with a certain event with different color CSS. #645

Closed seatechdev closed 1 year ago

seatechdev commented 1 year ago

Use Case:
John uses an app built with the ionic2-calendar to track his weekday schedule. Of course, as designed john can see the days with appointments in a specific color and non-appointment days with white color. However, on some of the days John goes for a soccer practice. These days can vary every week and can fall either on a weekend and or a weekday.

Question: Is there a way to add a third color to highlight those days? As matter of fact, even have a 4th color for something different. For example in angular-calendar you can show different color dots.

twinssbc commented 1 year ago

@seatechdev Yes, it's achievable using monthviewDisplayEventTemplate. There's some sample code in below discussion. https://github.com/twinssbc/Ionic2-Calendar/issues/497#issuecomment-585484628

seatechdev commented 1 year ago

This is very helpful. Thanks!