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.

Best Practices

For a more manageable migration process, consider the following recommended practices:

• Migrate between consecutive major versions. For example, migrate from v18.0.0 to v19.0.0. This lets you review and adjust your code version by version, avoiding possible conflicts between breaking changes.
• Migrate one package at a time. This provides finer control over the migration process.

Grid

bash

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

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

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

The following table outlines the specific Grid codemod transformations:

Codemod	Description
The Grid's kendoGridGroupBinding directive is deprecated	Replaces the usage of kendoGridGroupBinding with kendoGridBinding.

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