Released: May 20, 2025

Updates in 2025 Q2 (v11.0.0)

Features

• Introduced an AI Coding Assistant for KendoReact.
• ActionSheet: Added a k-actionsheet-view wrapper inside k-actionsheet.
• Added adaptiveSubtitle prop to all adaptive components.
• Animation: Added React.ReactNode type for the component prop.
• DateInputs: Added ReactNode type to the label prop.
• DateInputs: Introduced codemods for migrating from v10 to v11.
• Dialog: Introduced codemods for migrating from v10 to v11.
• Dialogs: Changed Dialog component from class to functional.
• Grid: Added adaptive mode to edit dialog.
• Grid: Added toolbar checkbox filter tool.
• Grid: Added toolbar columns tool.
• Grid: Added toolbar filter tool.
• Grid: Added toolbar sort tool.
• Grid: Enabled adaptive and responsive pager via adaptive prop.
• Grid: Introduced adaptive mode for column menu functionality.
• Grid: Introduced built-in dialog editing.
• Grid: Introduced codemods for migrating from v10 to v11.
• Grid: Reused real Toolbar component in Grid.
• Grid: Set toolbar overflow to scroll by default.
• Grid: Turned on virtualization by default.
• Inputs: Added ReactNode type to the label prop.
• Labels: Added ReactNode type to the label prop of the FloatingLabel.
• Layout: Added ReactNode type to the title prop of the ActionSheet.
• Layout: Added TileLayout accessibility props.
• Pager: Added adaptive mode for pager's sizes dropdown.
• Pager: Added responsive class to match referent rendering.
• Pager: Implemented responsiveness based on screen dimensions.
• TreeList: Introduced codemods for migrating from v10 to v11.

Breaking Changes:

• DateInputs:
  • DatePicker type is deprecated and replaced with DatePickerHandle.
  • DateInput type is deprecated and replaced with DateInputHandle.
• Dialog:
  • Dialog type will be deprecated and replaced with DialogHandle.
• DropDownTree:
  • Removed 'k-list-container' and 'k-list k-list-lg' elements to align with the referent rendering.
• Grid:
  • selectedField has been removed in favor of the select state property.
  • editField has been removed in favor of the edit state property.
  • expandedField has been removed in favor of the detailExpand state property.
  • onExpandChange has been removed in favor of:
    • onDetailExpandChange for detail-row expansion.
    • onGroupExpandChange for group expansion.
  • cellRender has been removed in favor of the cells prop.
  • rowRender has been removed in favor of the new rows prop.
  • filterCellRender has been removed in favor of the cells prop.
  • headerCellRender has been removed in favor of the cells prop.
  • column.cell has been removed in favor of the column.cells prop.
  • column.headerCell has been removed in favor of the column.cells prop.
  • column.filterCell has been removed in favor of the column.cells prop.
  • column.footerCell has been removed in favor of the column.cells prop.
  • Replaced the Input component in the Column Menu Filter with Textbox.
  • scrollable prop now defaults to virtual.
  • Virtual scrolling no longer applies height by default.
• Pager:
  • Changed 'responsive: true' behavior. The elements are hidden based on the available space.
• Treelist:
  • TreeListToolbar type will be deprecated and replaced with TreeListToolbarHandle.

Rendering Changes:

• ActionSheet:
  • Removed !k-overflow-hidden class from k-actionsheet-content.
  • Removed div class "k-actionsheet-subtitle k-text-center" element when no content inside.
• ColorPicker:
  • Replaced the x in header with tick icon in adaptive mode.
• DateInputs:
  • Replaced the x in header with tick icon in adaptive mode.
• DropDownList:
  • Added div.k-list-container element inside the .k-actionsheet-content in adaptive mode.
• DropDowns:
  • Replaced the x in header with tick icon in adaptive mode.
• FlatColorPicker:
  • Reorder and realign action buttons per referent rendering.
• MultiSelect:
  • Removed action buttons from MultiSelect adaptive mode as they are not present in non-adaptive mode.
• MultiSelectTree:
  • Removed k-list-container and k-list k-list-lg elements to align with the referent rendering.
  • Removed action buttons from MultiSelectTree adaptive mode as they are not present in non-adaptive mode.
• TileLayout:
  • Removed the wrapping div of the k-tilelayout-item k-card and k-layout-item-hint elements.
  • Added only one initially visible hint element.

Fixes

• ActionSheet: Fixed issue where header is rendered even if title and subtitle are missing.
• Fixed: Apply large size for adaptive components' actionsheet inner elements.
• Button: classname not applied to custom icon.
• Charts: Updated stockchart CSS classes.
• ColorPicker: Fixed issue where cleared value throws error when switching views.
• DateInput: Fixed issue where autofocus focuses the first segment in the input.
• DateInputs, DropDowns, Inputs: Fixed issue where adaptive actionsheet didn't open on component focus.
• DateInputs, DropDowns: Fixed to use the label as default title in adaptive mode.
• DateInputs: Fixed to have the same initial focus in adaptive mode as in non-adaptive mode.
• DatePicker: Fixed ariadescribedby attr console warning.
• DatePicker: Fixed issue to set adaptiveTitle prop correctly to actionsheet header.
• DropDownList: Added k-list-container element in the k-actionsheet-content.
• DropDown: Replaced x with check icon and made list items' size large.
• DropDowns: Added corresponding placeholder to mobile filter in adaptive mode.
• FlatColorPicker: Reordered and realigned action buttons.
• Grid:
  • Changed input with textbox component in column menu filter.
  • Fixed issue where column virtualization doesn't work with locked columns.
  • Fixed issue where onDataStateChange and onFilterChange throws the same value when empty filter is applied.
  • Fixed issue where selection change event emits synthetic and native event.
  • Fixed issue where selection doesn't work properly for virtualized grouped grid.
  • Fixed typo in adaptive column menu title.
  • Resolved scrolling jump issue with multi-line cell content.
  • Fixed incorrect row selection in checkbox selection with virtualization.
  • Fixed issue where virtual scrolling and detail rows does not scroll to the bottom.
  • Fixed issue where virtual scrolling with fixed scroll creates blank space.
  • Fixed issue where virtual scrolling and groupable creates blank space.
• Layouts: Edited TileLayout rendering.
• MultiSelect: Fixed autoClose to work the same in adaptive mode.
• NumericTextBox: Fixed component updates on arrow up/down when readonly.
• PivotGrid: Fixed issue where local data state uses stale data.
• Removed action buttons from adaptive components that do not implement them in general.
• Replaced xIcon with checkIcon in adaptive components' actionsheet header.
• TimePicker: Fixed issue where label click does not focus input.
• TimePicker: Fixed issue where set does not work on click in Safari.
• Upload: Fixed onProgress event data.