[Solved] Tooltip not working on selected range cells in MultiViewCalendar (Angular)

[Sachin]

Hi Team,

I’m using Kendo UI for Angular (Angular 20) with the Kendo MultiViewCalendar along with Kendo Tooltip.

I have a custom month cell template where I’m showing indicators (like categories) and applying a tooltip using the title attribute. The tooltip works fine in general.

However, I’m facing an issue specifically with dates that fall inside the selected range (highlighted/red background). For these cells, the tooltip is not  (not visible / not triggering).

It seems like the range selection overlay or styling is preventing the tooltip from being triggered, possibly due to layering or pointer event limitations.

What I want:

I need to display a tooltip on those red (range-selected) date cells as well.

My question:

Is there any supported way or workaround to make tooltips work on dates that are inside the selected range in the MultiViewCalendar?

Any guidance would be really helpful.

Thanks!

[Hetali]

Hi Sachin,

Thank you for reaching out and sharing the details. 

Based on the information provided, I have created this StackBlitz example containing the Kendo UI MultiViewCalendar with Tooltip on all the cells including the selected range.

Let me know if you were able to compare the code and fix the Tooltip issue. If you continue to have issues with the Tooltip, could you please share an isolated Angular application or an updated StackBlitz example replicating the issue observed? I can then investigate.

Looking forward to hearing from you.

Regards,
Hetali
Progress Telerik