Igniteui-angular: Highlight specific day on calendar

[ghost]

Question

I am currently implementing a calendar into one of my websites and I would like to highlight the days that events are taking place with the same highlight that is applied to the current day. Is there anyway to do something like this?

• igniteui-angular version: latest
• browser: Chrome

[zdrawku]

Hey @TachyonRSA, you can define a calendar theme and use $date-special-background and $date-special-text-color assuming you are using special dates for your events.

This is a StackBlitz sample for the above suggestion.
Have a look at all other parameters that you can use in order to define your theme.

$my-calendar-theme: igx-calendar-theme(
  $date-special-background: purple,
  $date-special-text-color: yellow
);

// Pass the theme to the igx-calendar component mixin
@include igx-calendar($my-calendar-theme);

[ghost]

Worked like a charm thanks @zdrawku !