Kendo UI for Angular v18.0.0 to v19.0.0

This page outlines the available codemods for migrating from Kendo UI for Angular v18.0.0 to Kendo UI for Angular v19.0.0.

Starting with Kendo UI for Angular v19.0.0, some component packages now provide codemods to help you migrate between major versions. For more details, check out Migrating Your Code.

Quick Guide

To migrate all Kendo UI for Angular packages that introduce breaking changes from v18.0.0 to v19.0.0, run the following command in your project root:

bash

npx @progress/kendo-cli migrate --from=18 --to=19

If not already installed, you will be prompted to install the Kendo CLI.

This command will check for all available Kendo UI for Angular updates, prompt you to install them, and apply all relevant codemods for every package in your project.

DropDowns

bash

npx @progress/kendo-cli migrate @progress/kendo-angular-dropdowns

# Or
npx @progress/kendo-cli migrate @progress/kendo-angular-dropdowns --from=18 --to=19

# If not already installed, you will be prompted to install the Kendo CLI.

The following table outlines the specific DropDowns codemod transformations:

Codemod	Description
Migrate subtitle to adaptiveSubtitle for autocomplete	Renames the subtitle property to adaptiveSubtitle for the AutoComplete component.
Migrate title to adaptiveTitle for autocomplete	Renames the title property to adaptiveTitle for the AutoComplete component.
Migrate subtitle to adaptiveSubtitle for combobox	Renames the subtitle property to adaptiveSubtitle for the ComboBox component.
Migrate title to adaptiveTitle for combobox	Renames the title property to adaptiveTitle for the ComboBox component.
Migrate subtitle to adaptiveSubtitle for dropdownlist	Renames the subtitle property to adaptiveSubtitle for the DropDownList component.
Migrate title to adaptiveTitle for dropdownlist	Renames the title property to adaptiveTitle for the DropDownList component.
Migrate subtitle to adaptiveSubtitle for dropdowntree	Renames the subtitle property to adaptiveSubtitle for the DropDownTree component.
Migrate title to adaptiveTitle for dropdowntree	Renames the title property to adaptiveTitle for the DropDownTree component.
Migrate subtitle to adaptiveSubtitle for multicolumncombobox	Renames the subtitle property to adaptiveSubtitle for the MultiColumnComboBox component.
Migrate title to adaptiveTitle for multicolumncombobox	Renames the title property to adaptiveTitle for the MultiColumnComboBox component.
Migrate subtitle to adaptiveSubtitle for multiselect	Renames the subtitle property to adaptiveSubtitle for the MultiSelect component.
Migrate title to adaptiveTitle for multiselect	Renames the title property to adaptiveTitle for the MultiSelect component.
Migrate subtitle to adaptiveSubtitle for multiselecttree	Renames the subtitle property to adaptiveSubtitle for the MultiSelectTree component.
Migrate title to adaptiveTitle for multiselecttree	Renames the title property to adaptiveTitle for the MultiSelectTree component.

Date Inputs

bash

npx @progress/kendo-cli migrate @progress/kendo-angular-dateinputs

# Or
npx @progress/kendo-cli migrate @progress/kendo-angular-dateinputs --from=18 --to=19

# If not already installed, you will be prompted to install the Kendo CLI.

The following table outlines the specific Date Inputs codemod transformations:

Codemod	Description
Migrate subtitle to adaptiveSubtitle for datepicker	Renames the subtitle property to adaptiveSubtitle for the DatePicker component.
Migrate title to adaptiveTitle for datepicker	Renames the title property to adaptiveTitle for the DatePicker component.
Migrate subtitle to adaptiveSubtitle for daterange-popup	Renames the subtitle property to adaptiveSubtitle for the DateRangePopup component.
Migrate title to adaptiveTitle for daterange-popup	Renames the title property to adaptiveTitle for the DateRangePopup component.
Migrate subtitle to adaptiveSubtitle for datetimepicker	Renames the subtitle property to adaptiveSubtitle for the DateTimePicker component.
Migrate title to adaptiveTitle for datetimepicker	Renames the title property to adaptiveTitle for the DateTimePicker component.
Migrate subtitle to adaptiveSubtitle for timepicker	Renames the subtitle property to adaptiveSubtitle for the TimePicker component.
Migrate title to adaptiveTitle for timepicker	Renames the title property to adaptiveTitle for the TimePicker component.

ToolBar

bash

npx @progress/kendo-cli migrate @progress/kendo-angular-toolbar

# Or
npx @progress/kendo-cli migrate @progress/kendo-angular-toolbar --from=18 --to=19

# If not already installed, you will be prompted to install the Kendo CLI.

The following table outlines the specific ToolBar codemod transformations:

Codemod	Description
Migrate showIcon's overflow value to menu and both value to always	Migrates the "overflow" value of the showIcon property to "menu". Migrates the "both" value of the showIcon property to "always".
Migrate showText's overflow value to menu and both value to always	Migrates the "overflow" value of the showText property to "menu". Migrates the "both" value of the showText property to "always".

Layout

bash

npx @progress/kendo-cli migrate @progress/kendo-angular-layout

# Or
npx @progress/kendo-cli migrate @progress/kendo-angular-layout --from=18 --to=19

# If not already installed, you will be prompted to install the Kendo CLI.

The following table outlines the specific Layout codemod transformations:

Codemod	Description
mousescrollspeed of TabStripScrollableSettings is deprecated	Removes the deprecated mouseScrollSpeed property used within the TabStripScrollableSettings object.

Suggested Links

• Keeping Up to Date
• Changelogs
• Rendering Changes