Add a badge to the Calendar cells based on a condition

Updated on Sep 9, 2026

Product Version	4.3.2
Product	Progress® Kendo UI for Vue

Description

How can I render a badge for specific calendar cells based on a condition?

Solution

Use the cell prop to render a custom component that will render a Badge based on the required condition.

Runnable example

The following example showcases how to render the Badge for the first three dates:

Example

View Source

Loading ...