Century Cells Format

Starting with Kendo UI suite R2 2024, the Calendar component provides two formats for the decades listed in the century view:

• long (default)—Shows decades in the YYYY-YYYY format (for example: 2010-2019).
• short—Shows only the starting year of the decade (for example: 2010).

To change the way decades display in the Calendar century view, you can use centuryCellsFormat.

The following example shows how to change the display format for decades in the Century view.

EditPreviewOpen In Dojo

    <div id="calendar"></div>
    <script>
        $("#calendar").kendoCalendar({
            centuryCellsFormat: "short",
            start: "century"
        });
    </script>