KendoReact R2 2023 (v5.14.0)

New Components

• SpreadSheet - Bring advanced Microsoft Excel-like experience to your applications.
• ContextMenu - Provides a user-friendly menu that displays a contextual popup with data in a traditional menu-like structure.
• TimeLine - Easily present a collection of events in chronological order.

Grid

• Integrated ContextMenu - Enables you to set up a context menu within any Grid command.
• Integrated PageSize 'All' Option - The pager dropdown list 'All 'option is now available.

Chart

• Navigator Top Position - The StockChart component has been enhanced with a new property enabling you to position its navigator on top (in addition to the existing bottom position).

Date Input

• Adaptive Mode - The Date Input components (incl. DateTimePicker, DateRangePicker, DatePicker, and TimePicker) now support an adaptive mode which provides a mobile-friendly rendering of the calendar popup.

DropDown

• Adaptive Mode - The DropDown components (incl. ComboBox, DropDownList, DropDownTree, MultiSelect, MultiSelectTree, and MultiColumnComboBox) now support an adaptive mode, enabling a mobile-friendly rendering of the components’ popup.
• Grouping - The React DropDown components (incl. AutoComplete, ComboBox, MultiColumnComboBox, MultiSelect, and DropDownList) now provide the possibility to group similar data items in logical categories.

TabStrip

• Right-to-Left Support - Enables you to easily change the direction of the content from left-to-right to right-to-left and vice versa.

Pager

• All Pages Configuration - The component can now be configured to show all items in a single page.

ActionSheet

• Animations - Now supports animations, making the process of opening and closing the ActionSheet’s menu smooth and engaging.
• Keyboard Navigation - Enable end users to use the keyboard to navigate the component and invoke actions such as buttons click, grid paging and more.  

FlatColorPicker and ColorGradient

• DefaultValue - Enabling you to set a default color value, ensuring a consistent starting point for color selection.
• Format - Now you can specify the default input format for the gradient input editor.
• Opacity - Get more flexibility with the option to display the opacity slider.
• New method called onChange. This method triggers an event handler whenever the user edits the color value.
• The ColorGradient now incorporates the 'format' prop, enabling you to specify the default input format in the gradient input editor. 

Visual Studio Code Scaffolders

• You can now effortlessly create new pages in your applications with the most used data-bound components, including the Data Grid, Scheduler, Chart and Form components.

Migration from Font Icons to SVG Icons

• With the R2 2023 release, the default icon type is changed from 'Font' to 'SVG'.

Design System Documentation

• R2 2023 includes a dedicated design system documentation site which offers a wide range of resources, design assets and frontend documentation specifically tailored for the Telerik and Kendo UI libraries.