New to Kendo UI for Angular? Start a free 30-day trial
Rendering Changes in 25.0.0
Updated on Aug 12, 2026
The Kendo UI for Angular 25.0.0 release introduces changes in the rendering of several components.
PivotGrid
- The Configurator field-list container changes from
<div class="k-form" role="form">to a semantic<form class="k-form">element. - Removed the
k-firstclass.
TimePicker
- Removed the
k-flexclass from the Virtualization component host. - Removed the
k-time-cancelandk-time-acceptclasses from the adaptive Cancel and Accept buttons in the TimePicker. - Removed the
k-timeselector-titleclass from the main and per-columnspan.k-titleelements in the TimeSelector. The titles now use only thek-titleclass. - Removed the
k-button-primaryclass from the TimeSelector Now button. - Wrapped the Now, Accept, and Cancel button text in
span.k-button-textelements instead of rendering bare text nodes. - The
div.k-time-separatorelement for a literal date-format part is no longer rendered when the literal pattern is empty/whitespace-only.
Form
- Removed the
k-form-mdclass.
Filter
- Removed the
k-toolbar-mdandk-toolbar-solidclasses from the toolbardivin FilterExpression and FilterGroup. - Removed the
k-toolbar-buttonclass from the logic ("and"/"or") buttons in FilterGroup.
ColorPicker and FlatColorPicker
- Replaced the
k-text-successandk-text-errorclasses with!k-text-successand!k-text-error. - Removed the
k-coloreditor-resetclass from the FlatColorPicker header clear button. - Renamed the action-buttons wrapper class from
k-justify-content-{layout}tok-actions-{layout}. - Added a nested
span.k-color-preview-maskelement inside bothspan.k-color-previewelements in the FlatColorPicker header.
Dropdowns
The following rendering changes affect the public DropDown components.
- Removed the
k-text-centerclass from the ActionSheet title bar (.k-actionsheet-titlebarelement) in adaptive popups. - Removed the
k-searchboxclass from the adaptive filterkendo-textboxinput. - Changed the search icon markup to use
kendo-icon-wrapperin adaptive popups. - Moved the
.k-no-datablock from a sibling after<kendo-list>into the list wrapper. This change affects the AutoComplete, ComboBox, DropDownList, and MultiSelect. - Removed the
k-iconclass from thekendo-icon-wrapperused for the filter, search, and clear icons. This change affects the DropDownList, DropDownTree, MultiSelectTree, and MultiSelect. - Removed the
div.k-list-containerwrapper from the adaptive popup structure. This change affects the DropDownTree and MultiSelectTree. - Removed the
k-text-ellipsisclass from the.k-chip-labelspan in grouped-tag and regular-tag label variants. This change affects the MultiSelect and MultiSelectTree. - Changed the footer-template wrapper from
<table class="k-table"><tfoot class="k-table-tfoot"><tr class="k-table-row"><td class="k-table-td">...</td></tr></tfoot></table>to a single<span class="k-table-td">...</span>. This change affects the MultiColumnComboBox.
TreeView
- Moved the
k-i-loadingclass from thespan.k-treeview-toggleelement to a nestedspanwithin thespan.k-treeview-toggle. - Removed the
k-treeview-load-more-checkboxes-containerclass from the Load More list item.
Scheduler
- Removed the
k-slot-cellclass from major and minor time-header slots when you use horizontal resources. - Removed the
k-slot-cellclass from.k-scheduler-layout .k-scheduler-times .k-scheduler-table .tr.th.k-scheduler-cellin timeline views. - Revamped the edit form rendering.
- Removed
k-event-actionsand replaced it withspan.k-event-recurrence-iconandspan.k-event-continuationelements. - Removed the delete icon from event rendering.
- Changed the Day and Week view header cells to use separate day-name and date-number lines.
- Changed the ToolbarViewSelectorComponent rendering to use a DropDownButton in compact mode and a SegmentedControl in default mode.
- Added a New Event button to the toolbar when editing is enabled.
- Changed the toolbar element order to New Event button, Today button, navigation, and view selector.
- Changed the Year view popup from a Tooltip to a Popover for displaying a day's events.
Scheduler Messages
The redesigned Scheduler removes, adds, and renames several localization messages.
The following table lists the removed messages and their replacements.
| Removed key | Replaced by |
|---|---|
editorEventSeparateTimeZones | Removed entirely because the UI now uses a button instead of a checkbox for the timezone toggle |
editorDateInputsToggle | editorDatePickersToggle—renamed because the message now applies only to DatePickers, not DateTimePickers |
editorDateInputsDateTab | Removed because DateTimePicker tabs no longer exist; a separate DatePicker and TimePicker replace them |
editorDateInputsDateTabLabel | Removed because the aria-label of the removed date tab no longer applies |
editorDateInputsTimeTab | Removed because DateTimePicker tabs no longer exist; a separate DatePicker and TimePicker replace them |
editorDateInputsTimeTabLabel | Removed because the aria-label of the removed time tab no longer applies |
The following table lists the newly added messages.
| Key | Default value | Purpose |
|---|---|---|
moreEvents | "{count} more" | Text for the Month view overflow button |
editorEventStartTime | "Start Time" | aria-label for the start time TimePicker |
editorEventEndTime | "End Time" | aria-label for the end time TimePicker |
editorEventTimeZoneReset | "Reset Time Zone" | Text for the reset timezone button |
editorEventDescriptionPlaceholder | "Add Description" | Placeholder for the description textarea |
editorEventDateRangeSeparator | "to" | Separator between the start and end dates |
editorEventDateRangeStart | "from" | Separator between the start date and time |
editorRecurrenceMakeRecurring | "Make recurring" | Text for the recurrence button when no rule is set |
editorRecurrenceEdit | "Edit recurrence" | Text for the recurrence button when a rule exists |
editorRecurrenceDialogTitle | "Recurrence" | Title of the recurrence dialog |
editorRecurrenceRemove | "Remove recurrence" | Text for the remove recurrence button |
editorRecurrenceRemoveConfirmationTitle | "Remove Recurrence" | Title of the remove recurrence confirmation dialog |
editorRecurrenceRemoveConfirmation | "Do you want to remove the recurrence?" | Message of the remove recurrence confirmation dialog |
editorRecurrenceRemoveConfirmationNo | "No" | Text for the confirmation dialog No button |
editorRecurrenceRemoveConfirmationYes | "Yes" | Text for the confirmation dialog Yes button |
editorDatePickersToggle | "Toggle calendar" | Text for the DatePicker toggle button—replaces editorDateInputsToggle |
editorTimePickersToggle | "Toggle time list" | Text for the new TimePicker toggle button |
editorTitleNew | "New event" | Title of the editor dialog when you create an event |
newEvent | "New Event" | Text for the toolbar New Event button |
newEventLabel | "Add new event" | aria-label for the toolbar New Event button |
toolbar | "Toolbar" | aria-label for the toolbar |
The following table lists the messages whose default values change.
| Key | Old default | New default |
|---|---|---|
editorEventTimeZone | "Specify Time Zone" | "Time Zone" |
editorTitle | "Event" | "Edit event" |
recurrenceEditorDailyRepeatEvery | "Repeat every" | "Repeats every" |
recurrenceEditorWeeklyRepeatEvery | "Repeat every" | "Repeats every" |
recurrenceEditorMonthlyRepeatEvery | "Repeat every" | "Repeats every" |
recurrenceEditorYearlyRepeatEvery | "Repeat every" | "Repeats every" |
recurrenceEditorFrequenciesDaily | "Daily" | "Day" |
recurrenceEditorFrequenciesMonthly | "Monthly" | "Month" |
recurrenceEditorFrequenciesWeekly | "Weekly" | "Week" |
recurrenceEditorFrequenciesYearly | "Yearly" | "Year" |
recurrenceEditorEndLabel | "End" | "Ends" |
recurrenceEditorWeeklyRepeatOn | "Repeat on" | "On" |
recurrenceEditorMonthlyRepeatOn | "Repeat on" | "On" |
recurrenceEditorYearlyRepeatOn | "Repeat on" | "On" |
The following table lists the messages whose descriptions change to reflect the new component scope.
| Key | Description change |
|---|---|
editorDateInputsToday | Changed scope from DateTimePickers and DatePickers to DatePickers only |
editorDateInputsParentViewButton | Changed scope from DateTimePickers and DatePickers to DatePickers only |
editorDateInputsNow | Changed location from the popup footer of DateTimePickers to the popup header of TimePickers |
editorDateInputsNowLabel | Changed location from the popup footer of DateTimePickers to the popup header of TimePickers |
editorDateInputsAccept | Renamed from the Accept button of DateTimePickers to the Set button of TimePickers |
editorDateInputsAcceptLabel | Renamed from the Accept button of DateTimePickers to the Set button of TimePickers |
editorDateInputsCancel | Changed scope from DateTimePickers and DatePickers to TimePickers only |
editorDateInputsCancelLabel | Changed scope from DateTimePickers and DatePickers to TimePickers only |
Spreadsheet
- The Sheets Bar button is now a Button that opens a Popup instead of a DropDownButton.
- Updated the order of the tools in the Home tab toolbar. Moved the Format tool to the Format tab toolbar.
- Replaced the
formula-fxicon in the formula action bar with a Button. - The Toolbar is now resizable. When the available space is insufficient, the remaining tools overflow and an overflow button renders.
TabStrip
- Removed the
k-rounded-noneclass from scrollable buttons.
Gantt
- Removed the
k-grid-mdclass from the main timeline grid container. - Removed the
k-table-mdclass from all timeline tables. - Removed the
k-toolbar-solidclass from the toolbar host binding. - Changed the toolbar spacer from
k-spacer k-toolbar-spacertok-spacer. The spacer now renders only when the view selector is displayed. - Removed the
k-rounded-mdclass from the view selector dropdown.
Chart Wizard
- Removed the
k-form-mdclass from the form element. - Removed the
k-rounded-mdclass from the DropDownList, NumericTextBox, and ColorPicker components in the Chart Wizard. - Removed the
k-input-mdclass from the DropDownList and NumericTextBox components in the Chart Wizard. - Removed the
!k-color-primaryclass from the SVGIcon component in the Chart Wizard series-type buttons. - Changed the Chart Wizard property-pane form-field host from
<kendo-chartwizard-property-pane-form-field>to<div kendoChartWizardPropertyPaneFormField>. - Replaced the
class="k-form-label"attribute withlabelCssClass="k-form-label"on labels in the Chart Wizard property pane. - Form inputs now render inside a
<div class="k-form-field"><div class="k-form-field-wrap">container structure. - Reordered the Series and Legend expansion panes. The Series pane now appears before the Legend pane in the Format tab.
Conversational UI
- Removed the
k-toolbar-mdclass from the toolbardiv. - Removed the
k-toolbar-solidclass from the toolbar host binding. - Removed the default
rounded,size, andthemeColorproperties from the Speech to Text Button settings. - Removed the
k-rounded-fullclass from the Copy and Retry action buttons. - Wrapped the typing indicator in a
div.k-bubble-contentcontainer. - Replaced the
xIconwith thexCircleIconfor the resend and delete actions.
Pager
- The Pager elements now use
caretAltLeftIconandcaretAltRightIconinstead ofchevronLeftIconandchevronRightIcon.
Grid
- When the Grid is grouped, the group header content now renders inside a
.k-grouping-row-textwrapper.