# 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.

> tip 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](https://www.telerik.com/kendo-angular-ui/components/assisted-migration).

<Row>
  <Column count={[24,24,8]} style={{marginBottom: "1rem"}}>
    <Component className="tile" href="#kendo-ui-for-angular-v18-0-0-to-v19-0-0">
      <ComponentTitle>From v18 to v19</ComponentTitle>
    </Component>
  </Column>
  <Column count={[24,24,8]} style={{marginBottom: "1rem"}}>
    <Component className="tile" href="#kendo-ui-for-angular-v19-0-0-to-v20-0-0">
      <ComponentTitle>From v19 to v20</ComponentTitle>
    </Component>
  </Column>
   <Column count={[24,24,8]} style={{marginBottom: "1rem"}}>
    <Component className="tile" href="#kendo-ui-for-angular-v20-0-0-to-v21-0-0">
      <ComponentTitle>From v20 to v21</ComponentTitle>
    </Component>
  </Column>
  <Column count={[24,24,8]} style={{marginBottom: "1rem"}}>
    <Component className="tile" href="#kendo-ui-for-angular-v22-0-0-to-v23-0-0">
      <ComponentTitle>From v22 to v23</ComponentTitle>
    </Component>
  </Column>
  <Column count={[24,24,8]} style={{marginBottom: "1rem"}}>
    <Component className="tile" href="#kendo-ui-for-angular-v23-0-0-to-v24-0-0">
      <ComponentTitle>From v23 to v24</ComponentTitle>
    </Component>
  </Column>
  <Column count={[24,24,8]} style={{marginBottom: "1rem"}}>
    <Component className="tile" href="#kendo-ui-for-angular-v24-0-0-to-v25-0-0">
      <ComponentTitle>From v24 to v25</ComponentTitle>
    </Component>
  </Column>
  <Column count={[24,24,8]} style={{marginBottom: "1rem"}}>
    <Component className="tile" href="#kendo-ui-for-angular-v25-0-0-to-v26-0-0">
      <ComponentTitle>From v25 to v26</ComponentTitle>
    </Component>
  </Column>
</Row>

## 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](https://www.telerik.com/kendo-angular-ui/components/assisted-migration#overview).

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

Run the following command to migrate the DropDowns package from v18 to v19:

```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

Run the following command to migrate the Date Inputs package from v18 to v19:

```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

Run the following command to migrate the ToolBar package from v18 to v19:

```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` | <ul><li>Migrates the `"overflow"` value of the `showIcon` property to `"menu"`.</li><li>Migrates the `"both"` value of the `showIcon` property to `"always"`.</li> |
| `Migrates showText's overflow value to menu and both value to always` | <ul><li>Migrates the `"overflow"` value of the `showText` property to `"menu"`.</li><li>Migrates the `"both"` value of the `showText` property to `"always"`.</li> |

### Layout

Run the following command to migrate the Layout package from v18 to v19:

```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](https://www.telerik.com/kendo-angular-ui/components/assisted-migration#overview).

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

Run the following command to migrate the Grid package from v19 to v20:

```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

Run the following command to migrate the Conversational UI package from v19 to v20:

```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](https://www.telerik.com/kendo-angular-ui/components/assisted-migration#overview).

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

Run the following command to migrate the Grid package from v20 to v21:

```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`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridaiassistantresponsesuccessevent) `response` property returns `any` and required a manual update.

### Conversational UI

Run the following command to migrate the Conversational UI package from v20 to v21:

```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

Run the following command to migrate the ListBox package from v20 to v21:

```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`.                   |

## Kendo UI for Angular v22.0.0 to v23.0.0

### Quick Guide

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

```bash
kendo migrate @progress/kendo-angular-<package-name> --from=22 --to=23
```

> If the `kendo` command is not recognized, you need to first [install the Kendo CLI](https://www.telerik.com/kendo-angular-ui/components/assisted-migration#overview).

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.

### Conversational UI

Run the following command to migrate the Conversational UI package from v22 to v23:

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

# Or migrate from v22 to v23.
kendo migrate @progress/kendo-angular-conversational-ui --from=22 --to=23
```

The following table outlines the specific Conversational UI codemod transformations:

| Codemod                                                                | Description                                                                                                                               |
| ---------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------- |
| `Migrates FileSelectSettings interface to FileSelectButtonSettings`    | Updates the `FileSelectSettings` interface to `FileSelectButtonSettings` and imports it from `@progress/kendo-angular-conversational-ui`. |
| `Migrates enableSpeechToText to speechToTextButton for Chat component` | Renames the `enableSpeechToText` property to `speechToTextButton` for the Chat component.                                                 |
| `Migrates enableFileSelect to fileSelectButton for Chat component`     | Renames the `enableFileSelect` property to `fileSelectButton` for the Chat component.                                                     |
| `Migrates send to actionButtonTitle for CustomMessagesComponent`       | Renames the `send` property to `actionButtonTitle` for the Chat CustomMessagesComponent.                                                  |

## Kendo UI for Angular v23.0.0 to v24.0.0

### Quick Guide

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

```bash
kendo migrate @progress/kendo-angular-<package-name> --from=23 --to=24
```

> If the `kendo` command is not recognized, you need to first [install the Kendo CLI](https://www.telerik.com/kendo-angular-ui/components/assisted-migration#overview).

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.

### Buttons

Run the following command to migrate the Buttons package from v23 to v24:

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

# Or migrate from v23 to v24.
kendo migrate @progress/kendo-angular-buttons --from=23 --to=24
```

The following table outlines the specific Buttons codemod transformations:

| Codemod                                                                                            | Description                                                                                                                               |
| -------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------- |
| `Migrates ButtonSize to DropDownButtonSize for DropDownButton`                                     | Renames the `ButtonSize` type to `DropDownButtonSize` when used with the `DropDownButtonComponent`.                                       |
| `Migrates ButtonSize to FloatingActionButtonSize for FloatingActionButton`                         | Renames the `ButtonSize` type to `FloatingActionButtonSize` when used with the `FloatingActionButtonComponent`.                           |
| `Migrates ButtonSize to SplitButtonSize for SplitButton`                                           | Renames the `ButtonSize` type to `SplitButtonSize` when used with the `SplitButtonComponent`.                                             |
| `Migrates ButtonThemeColor to FloatingActionButtonThemeColor for FloatingActionButton`             | Renames the `ButtonThemeColor` type to `FloatingActionButtonThemeColor` when used with the `FloatingActionButtonComponent`.               |
| `ButtonThemeColor no longer accepts 'light' and 'dark' values for Button and FloatingActionButton` | Removes the `themeColor` property from the `ButtonComponent` and `FloatingActionButtonComponent` when its value is `'light'` or `'dark'`. |

### Icons

Run the following command to migrate the Icons package from v23 to v24:

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

# Or migrate from v23 to v24.
kendo migrate @progress/kendo-angular-icons --from=23 --to=24
```

The following table outlines the specific Icons codemod transformations:

| Codemod                                                     | Description                                                                                         |
| ----------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |
| `IconThemeColor no longer accepts 'light' or 'dark' values` | Removes the `themeColor` property from the `IconComponent` when its value is `'light'` or `'dark'`. |

### Indicators

Run the following command to migrate the Indicators package from v23 to v24:

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

# Or migrate from v23 to v24.
kendo migrate @progress/kendo-angular-indicators --from=23 --to=24
```

The following table outlines the specific Indicators codemod transformations:

| Codemod                                                                                                          | Description                                                                                                                                                        |
| ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| `BadgeThemeColor no longer accepts 'light', 'dark', or 'inverse' values`                                         | Removes the `themeColor` property from the `BadgeComponent` when its value is `'light'`, `'dark'`, or `'inverse'`.                                                 |
| `LoaderThemeColor no longer accepts 'light', 'dark', 'success', 'warning', 'error', 'info', or 'inverse' values` | Removes the `themeColor` property from the `LoaderComponent` when its value is `'light'`, `'dark'`, `'success'`, `'warning'`, `'error'`, `'info'`, or `'inverse'`. |

### Layout

Run the following command to migrate the Layout package from v23 to v24:

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

# Or migrate from v23 to v24.
kendo migrate @progress/kendo-angular-layout --from=23 --to=24
```

The following table outlines the specific Layout codemod transformations:

| Codemod                                                                                                          | Description                                                                                                                                                        |
| ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| `AvatarThemeColor no longer accepts 'light', 'dark', 'success', 'warning', 'error', 'info', or 'inverse' values` | Removes the `themeColor` property from the `AvatarComponent` when its value is `'light'`, `'dark'`, `'success'`, `'warning'`, `'error'`, `'info'`, or `'inverse'`. |

### Navigation

Run the following command to migrate the Navigation package from v23 to v24:

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

# Or migrate from v23 to v24.
kendo migrate @progress/kendo-angular-navigation --from=23 --to=24
```

The following table outlines the specific Navigation codemod transformations:

| Codemod                                                                                                 | Description                                                                                                                                           |
| ------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
| `AppBarThemeColor no longer accepts 'light', 'dark', or 'inherit' values`                               | Removes the `themeColor` property from the `AppBarComponent` when its value is `'light'`, `'dark'`, or `'inherit'`.                                   |
| `BottomNavigationThemeColor no longer accepts 'light', 'dark', 'success', 'warning', or 'error' values` | Removes the `themeColor` property from the `BottomNavigationComponent` when its value is `'light'`, `'dark'`, `'success'`, `'warning'`, or `'error'`. |

### Dialog

Run the following command to migrate the Dialog package from v23 to v24:

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

# Or migrate from v23 to v24.
kendo migrate @progress/kendo-angular-dialog --from=23 --to=24
```

The following table outlines the specific Dialog codemod transformations:

| Codemod                                                                      | Description                                                                                  |
| ---------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------- |
| `The Dialog's themeColor input property is deprecated`                       | Removes the `themeColor` property from the `DialogComponent`.                                |
| `The Window's themeColor input property is deprecated`                       | Removes the `themeColor` property from the `WindowComponent`.                                |
| `The themeColor property of DialogSettings and WindowSettings is deprecated` | Removes the `themeColor` property from the `DialogSettings` and `WindowSettings` interfaces. |

### Conversational UI

Run the following command to migrate the Conversational UI package from v23 to v24:

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

# Or migrate from v23 to v24.
kendo migrate @progress/kendo-angular-conversational-ui --from=23 --to=24
```

The following table outlines the specific Conversational UI codemod transformations:

| Codemod                                                      | Description                                                                       |
| ------------------------------------------------------------ | --------------------------------------------------------------------------------- |
| `The Chat's sendButtonSettings input property is deprecated` | Renames the `sendButtonSettings` property to `sendButton` for the Chat component. |

### Spreadsheet

Run the following command to migrate the Spreadsheet package from v23 to v24:

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

# Or migrate from v23 to v24.
kendo migrate @progress/kendo-angular-spreadsheet --from=23 --to=24
```

The following table outlines the specific Spreadsheet codemod transformations:

| Codemod                                                | Description                                                                          |
| ------------------------------------------------------ | ------------------------------------------------------------------------------------ |
| `The Spreadsheet's excel input property is deprecated` | Renames the `excel` property to `excelExportSettings` for the Spreadsheet component. |

## Kendo UI for Angular v24.0.0 to v25.0.0

### Quick Guide

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

```bash
kendo migrate @progress/kendo-angular-<package-name> --from=24 --to=25
```

> If the `kendo` command is not recognized, you need to first [install the Kendo CLI](https://www.telerik.com/kendo-angular-ui/components/assisted-migration#overview).

This command checks for available updates for the specified package and its peer dependencies that are already present in your project, prompts you to install them, and applies all relevant codemods.

### DropDowns

Run the following command to migrate the DropDowns package from v24 to v25:

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

# Or migrate from v24 to v25.
kendo migrate @progress/kendo-angular-dropdowns --from=24 --to=25
```

The following table outlines the specific DropDowns codemod transformation:

| Codemod                                                                                            | Description                                                                                                                                                                               |
| -------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `The kendoMultiSelectSummaryTag directive is replaced by the summaryTagAfter input on MultiSelect` | Replaces the bound or unbound `kendoMultiSelectSummaryTag` directive with the `summaryTagAfter` input on the MultiSelect component. An unbound directive becomes `[summaryTagAfter]="0"`. |

### Scheduler

Run the following command to migrate the Scheduler package from v24 to v25:

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

# Or migrate from v24 to v25.
kendo migrate @progress/kendo-angular-scheduler --from=24 --to=25
```

The following table outlines the specific Scheduler codemod transformations:

| Codemod                                                                             | Description                                                                                                                                  |
| ----------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- |
| `The editorDateInputsToggle message property is removed`                            | Removes the `editorDateInputsToggle` property from `SchedulerCustomMessagesComponent`.                                                       |
| `The editorEventSeparateTimeZones message property is removed`                      | Removes the `editorEventSeparateTimeZones` property from `SchedulerCustomMessagesComponent`.                                                 |
| `The editorDateInputsDateTab message property is removed`                           | Removes the `editorDateInputsDateTab` property from `SchedulerCustomMessagesComponent`.                                                      |
| `The editorDateInputsDateTabLabel message property is removed`                      | Removes the `editorDateInputsDateTabLabel` property from `SchedulerCustomMessagesComponent`.                                                 |
| `The editorDateInputsTimeTab message property is removed`                           | Removes the `editorDateInputsTimeTab` property from `SchedulerCustomMessagesComponent`.                                                      |
| `The editorDateInputsTimeTabLabel message property is removed`                      | Removes the `editorDateInputsTimeTabLabel` property from `SchedulerCustomMessagesComponent`.                                                 |
| `The responsiveBreakpoint property of kendoSchedulerToolbarViewSelector is removed` | Removes the `responsiveBreakpoint` property from `ToolbarViewSelectorComponent`. Set `displayMode` manually to preserve responsive behavior. |
| `The toolbarWidth property of kendoSchedulerToolbarViewSelector is removed`         | Removes the `toolbarWidth` property from `ToolbarViewSelectorComponent`. Set `displayMode` manually to preserve responsive behavior.         |

## Kendo UI for Angular v25.0.0 to v26.0.0

### Quick Guide

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

```bash
kendo migrate @progress/kendo-angular-<package-name> --from=25 --to=26
```

> If the `kendo` command is not recognized, you need to first [install the Kendo CLI](https://www.telerik.com/kendo-angular-ui/components/assisted-migration#overview).

This command checks for available updates for the specified package and its peer dependencies that are already present in your project, prompts you to install them, and applies all relevant codemods.

### Indicators

Run the following command to migrate the Indicators package from v25 to v26:

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

# Or migrate from v25 to v26.
kendo migrate @progress/kendo-angular-indicators --from=25 --to=26
```

The following table outlines the specific Indicators codemod transformation:

| Codemod                                       | Description                                                                                                                       |
| --------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
| `The Badge fill input is renamed to fillMode` | Renames the `fill` property to `fillMode` for the Badge component in templates and in TypeScript code that uses `BadgeComponent`. |

### Scheduler

Run the following command to migrate the Scheduler package from v25 to v26:

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

# Or migrate from v25 to v26.
kendo migrate @progress/kendo-angular-scheduler --from=25 --to=26
```

The following table outlines the specific Scheduler codemod transformations:

| Codemod                                                                                                                                          | Description                                                                                                                                                                                                                             |
| ------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `Rename the editorRecurrenceEdit Scheduler message property to editorRecurrenceEditRecurring`                                                    | Renames the `editorRecurrenceEdit` property to `editorRecurrenceEditRecurring` for `SchedulerCustomMessagesComponent` in templates and in TypeScript code.                                                                              |
| `Remove the deprecated recurrence button-text template selector and RecurrenceButtonTextTemplateDirective references from consumer source files` | <ul><li>Removes the deprecated `kendoSchedulerRecurrenceButtonTextTemplate` selector from `ng-template` elements.</li><li>Removes the `RecurrenceButtonTextTemplateDirective` import and its references from TypeScript code.</li></ul> |

> The codemods do not update translation files. If you localize the Scheduler through translation files, rename the `kendo.scheduler.editorRecurrenceEdit` key to `kendo.scheduler.editorRecurrenceEditRecurring` manually.

## Suggested Links

* [Keeping Up to Date](https://www.telerik.com/kendo-angular-ui/components/up-to-date)
* [Changelogs](https://www.telerik.com/kendo-angular-ui/components/changelogs/kendo-angular-ui)
* [Rendering Changes](https://www.telerik.com/kendo-angular-ui/components/changelogs/rendering-changes)
