Available Codemods

This page outlines the available codemods for migrating from Kendo UI for Angular v18.0.0 to each version up until the latest.

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.

From v18 to v19

From v19 to v20

From v20 to v21

Kendo UI for Angular v18.0.0 to v19.0.0

Quick Guide

To migrate a specific Kendo UI for Angular package from v18.0.0 to v19.0.0, run the following command in your project root:

bash

kendo migrate @progress/kendo-angular-<package-name> --from=18 --to=19

If the kendo command is not recognized, you need to first install the Kendo CLI.

This command will check for available updates for the specified package and its peer dependencies that are already present in the project, prompt you to install them, and apply all relevant codemods.

DropDowns

bash

# Migrate to the latest available package version.
kendo migrate @progress/kendo-angular-dropdowns

# Or migrate from v18 to v19.
kendo migrate @progress/kendo-angular-dropdowns --from=18 --to=19

The following table outlines the specific DropDowns codemod transformations:

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

Date Inputs

bash

# Migrate to the latest available package version.
kendo migrate @progress/kendo-angular-dateinputs

# Or migrate from v18 to v19.
kendo migrate @progress/kendo-angular-dateinputs --from=18 --to=19

The following table outlines the specific Date Inputs codemod transformations:

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

ToolBar

bash

# Migrate to the latest available package version.
kendo migrate @progress/kendo-angular-toolbar

# Or migrate from v18 to v19.
kendo migrate @progress/kendo-angular-toolbar --from=18 --to=19

The following table outlines the specific ToolBar codemod transformations:

Codemod	Description
Migrates 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".
Migrates 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

# Migrate to the latest available package version.
kendo migrate @progress/kendo-angular-layout

# Or migrate from v18 to v19.
kendo migrate @progress/kendo-angular-layout --from=18 --to=19

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.

Kendo UI for Angular v19.0.0 to v20.0.0

Quick Guide

To migrate a specific Kendo UI for Angular package from v19.0.0 to v20.0.0, run the following command in your project root:

bash

kendo migrate @progress/kendo-angular-<package-name> --from=19 --to=20

If the kendo command is not recognized, you need to first install the Kendo CLI.

This command will check for available updates for the specified package and its peer dependencies that are already present in the project, prompt you to install them, and apply all relevant codemods.

Grid

bash

# Migrate to the latest available package version.
kendo migrate @progress/kendo-angular-grid

# Or migrate from v19 to v20.
kendo migrate @progress/kendo-angular-grid --from=19 --to=20

The following table outlines the specific Grid codemod transformations:

Codemod	Description
The Grid's kendoGridGroupBinding directive is deprecated	Renames the kendoGridGroupBinding directive to kendoGridBinding for the Grid component.

Conversational UI

bash

# Migrate to the latest available package version.
kendo migrate @progress/kendo-angular-conversational-ui

# Or migrate from v19 to v20.
kendo migrate @progress/kendo-angular-conversational-ui --from=19 --to=20

The following table outlines the specific Conversational UI codemod transformations:

Codemod	Description
The Chat's user input property is deprecated	Renames the user property to authorId and sets for value the current value id property for the Chat component.

Kendo UI for Angular v20.0.0 to v21.0.0

Quick Guide

To migrate a specific Kendo UI for Angular package from v20.0.0 to v21.0.0, run the following command in your project root:

bash

kendo migrate @progress/kendo-angular-<package-name> --from=20 --to=21

If the kendo command is not recognized, you need to first install the Kendo CLI.

This command will check for available updates for the specified package and its peer dependencies that are already present in the project, prompt you to install them, and apply all relevant codemods.

Grid

bash

# Migrate to the latest available package version.
kendo migrate @progress/kendo-angular-grid

# Or migrate from v20 to v21.
kendo migrate @progress/kendo-angular-grid --from=20 --to=21

The following table outlines the specific Grid codemod transformations:

Codemod	Description
Migrates GridToolbarAIOpenEvent interface to GridAIAssistantOpenEvent	Renames the GridToolbarAIOpenEvent interface to GridAIAssistantOpenEvent
Migrates GridToolbarAIRequestOptions interface to GridAIRequestOptions	Renames the GridToolbarAIRequestOptions interface to GridAIRequestOptions
Migrates GridToolbarAIWindowSettings interface to GridAIAssistantWindowSettings	Renames the GridToolbarAIWindowSettings interface to GridAIAssistantWindowSettings
Migrates GridToolbarAIPromptRequestEvent interface to GridAIAssistantRequestEvent	Renames the GridToolbarAIPromptRequestEvent interface to GridAIAssistantRequestEvent
Migrates GridToolbarAIResponseErrorEvent interface to GridAIAssistantResponseErrorEvent	Renames the GridToolbarAIResponseErrorEvent interface to GridAIAssistantResponseErrorEvent
Migrates GridToolbarAIPromptSettings interface to GridAIAssistantPromptSettings	Renames the GridToolbarAIPromptSettings interface to GridAIAssistantPromptSettings

The GridAIAssistantResponseSuccessEvent response property returns any and required a manual update.

Conversational UI

bash

# Migrate to the latest available package version.
kendo migrate @progress/kendo-angular-conversational-ui

# Or migrate from v20 to v21.
kendo migrate @progress/kendo-angular-conversational-ui --from=20 --to=21

The following table outlines the specific Conversational UI codemod transformations:

Codemod	Description
The Chat's messageToolbarVisibility input property is deprecated	Removes the messageToolbarVisibility property from the Chat component.
The pinnedByField property of the Chat's ConversationalUIModelFields is deprecated.	Removes the pinnedByField property from ConversationalUIModelFields objects.

ListBox

bash

# Migrate to the latest available package version.
kendo migrate @progress/kendo-angular-listbox

# Or migrate from v20 to v21.
kendo migrate @progress/kendo-angular-listbox --from=20 --to=21

The following table outlines the specific ListBox codemod transformations:

Codemod	Description
Migrates selectedIndex to selectedIndices for ListBox component.	Changes the selectedIndex field to selectedIndices for the ListBox component.
Migrates actionClick to action for ListBox component.	Changes the actionClick event name to action for the ListBox component.
Migrates Toolbar interface to ListBoxToolbarConfig.	Changes the Toolbar interface name to ListBoxToolbarConfig.

Suggested Links

• Keeping Up to Date
• Changelogs
• Rendering Changes