New to Kendo UI for Vue? Start a free 30-day trial

Rendering Changes in 10.0.0

Updated on Nov 10, 2026

The Kendo UI for Vue 10.0.0 release introduces changes in the rendering of the Scheduler components. If your application overrides the built-in CSS rules or queries the generated markup, for example in tests, review the following changes.

Scheduler

  • AgendaView—The table elements now have ARIA roles: rowgroup, row, columnheader, rowheader, gridcell, and presentation. The event column header also has the k-group-cell class.
  • AgendaView—The k-scheduler-body wrapper (role="rowgroup") is now rendered by AgendaView instead of AgendaViewBody.
  • BaseView—The role attribute of the view layout has changed from presentation to none.
  • BusinessHours—The k-scheduler-navigation wrapper around the button is removed. The button renders the k-toolbar-button k-scheduler-fullday classes and keeps the clock SVG icon, but no longer sets the font icon name. SchedulerNavigation still uses k-scheduler-navigation.
  • DateHeaderCell—The cell now renders a span.k-scheduler-date-day and a span.k-link.k-nav-day.
  • SchedulerForm—The form markup is rebuilt around the k-scheduler-edit-form class and uses the new k-scheduler-edit-dialog, k-scheduler-edit-form-row, k-scheduler-datetime-section, k-scheduler-datetime-grid, k-scheduler-datetime-label, k-scheduler-recurrence-button, and k-scheduler-weekday-picker classes.
  • SchedulerForm—The footer k-form-buttons are moved from the start to the end of the form.
  • SchedulerHeader—The component accepts a new optional ariaLabel prop.
  • SchedulerItem—Read-only events now have the k-readonly class and the aria-disabled="true" attribute.
  • SchedulerItem—The span.k-event-actions > a.k-link.k-event-delete element is no longer rendered for events. Tasks (SchedulerTask) still render k-event-delete.
  • SchedulerViewSelector—The select.k-views-dropdown.k-dropdown.k-picker element is replaced by a SegmentedControl with the k-scheduler-views class. In the collapsed toolbar, the view selector renders a DropDownButton with the k-toolbar-menu-button class, and its popup has the k-scheduler-toolbar class.
  • ShowMoreItemsButton—The more button of the MonthView now shows the number of the hidden events and no longer renders an icon. Clicking it opens a new popover with the k-scheduler-popover class.

For the changes in the component behavior and API, see Breaking Changes in 10.0.0.

In this article
Scheduler
Not finding the help you need?
Contact Support