New to Kendo UI for Angular? Start a free 30-day trial

Kendo UI for Angular Release History

2021 R3 (2021-09-15)

Bootstrap 5 Support

R3 2021 introduced official support for the latest version of Bootstrap: Bootstrap v5. WIth this update developers can update to the latest theme package and immediately be able to style the Kendo UI for Angular components with Bootstrap 5 styles.

Improved Theme Chooser

With R3 2021 Kendo UI for Angular added additional options when selecting the theme for the available runnable samples within the Angular documentation. While these color variations are all based on the existing themes (Default, Bootstrap, and Material), they give developers and their teams an idea of what can be accomplished by tweaking a few Sass variables.

Kendo UI Kit for Figma

And additional item released with R3 2021 is the new Kendo UI Kit for Figma. Containing over 30 of the Kendo UI for Angular components, with more to come, this kit allows any designer working with Figma to add Kendo UI for Angular components to their designs.

New Component: Gantt Chart

The Angular Gantt component is a type of a bar chart that illustrates a project schedule. It allows for users to see tasks, how they are related, and how long each task should take to complete. Tasks have a visual bar to indicate the start and end of a task, how far along a particular task is, whether the task is on-time or late, and much more.

New Component: Heatmap

Heatmap charts, otherwise known as a "cluster heat map", are suitable for visualizing the magnitude of a value over two dimensions. The best example of a heatmap is the contribution graph that you see on GitHub.

The Kendo UI for Angular Heatmap is a part of our Angular Data Visualization library, which means the content is rendered as a set of SVG elements.

New Component: Typography

The Kendo UI for Angular Typography directive allows developers to improve the appearance of any UI element by using the available Kendo UI theme classes. Rather than writing classes on their own, developers can just pick up ready-to-use classes from the themes they are already using!

Grid - Pager Position

With R3 2021 the Kendo UI for Angular Grid added the ability to control the pager position of the built-in pager of the Grid. With this feature a developer can control if the pager should be displayed at the top, the bottom, or both at the top and the bottom of a specific Angular Data Grid.

Grid - Keyboard Navigation in Pager

The Kendo UI for Angular Grid added built-in support for keyboard navigation within the Angular Grid's pager. Beyond the abiilty to navigate through the pager with just a keyboard, this also improves the accessibility compliance of the Kendo UI for Angular Grid.

Grid - Placeholders during virtualization

With R3 2021 the Kendo UI for Angular Data Grid added skeleton placeholders to be displayed in cells when scrolling during virtualization scenarios. As data needs to be fetched either from the client or server a skeleton element will be displayed within any cells that need additional data. This let's end-users visually register that something is yet to be loaded within the Grid.

See Angular Grid Virtual Scrolling demos.

Grid - Sample: Drag & Drop Between Grids

Expanding on available sample applications, with the Kendo UI for Angular Grid added a sample showcasing how to drag and drop between two data grid components.

TreeList - Sample: Drag & Drop Between TreeLists

The Kendo UI for Angular TreeList also added a sample to showcase how to drag and drop between two TreeList components.

TabStrip: Closable Tabs

With R3 2021 the Kendo UI for Angular TabStrip added the Closable Tabs feature. This allows users to click on an icon to remove the tab in question from the list of available tabs.

See Angular TabStrip Closable Tabs demo.

TabStrip: Scrollable Tabs

The Kendo UI for Angular TabStrip component added the ability to scroll through tabs. For a TabStrip that has more tabs than can be displayed in the available width of the TabStrip element users can now scroll left or right through the collection of tabs to find the specific tab they need to click on.

See Angular TabStrip Scrollable Tabs demo.

TreeView: Auto-Scroll During Drag & Drop

With R3 2021 the Anglar TreeView can now automatically scroll when users are dragging and dropping nodes within the TreeView.

TreeView: Auto-Expand Nodes on Filter

The Angular TreeView added the built-in behavior to auto-expand nodes when users are filtering down data within the component. If a node is discovered through filtering all of the nodes leading up to the root will be expanded to help highlight the node(s) in question.

MultiSelectTree: Client-side Filtering

With R3 2021 the Kendo UI for Angular MultiSelecTree added the client-side filtering feature. If all of the TreeView data is available on the client-side, then this filtering mechanism will quickly reduce the list of available nodes without ever hitting the server.

See Kendo UI for Angular MultiSelectTree Filtering.

Editor: Preserve Whitespace Option and Focus & Blur Events

With the R3 2021 release the Angular Editor received the Preserve Whitespace option which ensures that white space within the Editor content is preserved and not stripped.

Additionally, with the same release the Angular Editor also added Focus and Blur events.

ScrollView: Dark & Light Pager Options

With R3 2021 the Angular ScrollView has an option to display the pager at the bottom in either in a Dark or Light format.

ColorPicker & ColorGradient: Keyboard Navigation and Localization

The Angular ColorPicker and Angular ColorGradient components now come with built-in Keyboard Navigation and Localization features.

FloatingLabel: Custom CSS Support & positionChange Event

With R3 2021 the Angular FloatingLabel component supports custom CSS, allowing developers to customize the look-and-feel of the FloatingLabels.

Additionally, the positionChange event has been added as well.

SplitButton: Change the Type of the Main Button

The Angular SplitButton added the ability for developers to change the type of the main button.

2021 R2 (2021-05-12)

New Component: BottomNavigation

The Angular BottomNavigation component serves as an intuitive navigation component for any Angular app. Often a key part of any mobile, responsive, or progressive web apps (PWAs), the BottomNavigation component is displayed at the bottom of the screen highlighting available navigation options for the user.

New Component: MultiSelectTree

The Kendo UI for Angular MultiSelectTree combines the hierarchical structure of the TreeView inside a MultiSelect dropdown. This allows users to select multiple values from a dropdown which contains a TreeView. Values selected will show up as text or tokens and can be further manipulated by manually editing items in the Input element of the component.

New Component: CircularGauge

The new Angular Circular Gauge provides a 360 degree data visualization of any value. The Circular Gauge provides support for a center text label, displaying ticks, and can update its color and display depending on the underlying value. The start and end values can be set through configuration options.

New Component: Skeleton

With R2 2021 Kendo UI for Angular introduced the Angular Skeleton component, letting developers create placeholder HTML elements to represent parts of the application as data and additional resources are loaded. Out of the box the Angular Skeleton provides shapes to represent text, rectangles, and circles, which should provide a solid foundation to represent many existing application elements.

Grid: Sticky Columns & Sticky Rows

With R2 2021 the Kendo UI for Angular Data Grid added support for both Sticky Columns and Sticky Rows.

Sticky columns will adhere to the left or right-hand side of the Grid when they are scrolled past. Once a user scrolls back over the original position of the column it will be removed from the locked area and remain in its original column position.

Sticky rows can adhere to either the top of the bottom of the Grid, remaining in position as the user scrolls through the remaining Data Grid content. Once the original scroll position is passed these rows will remain in their original position and not be stuck at the top or bottom position.

Grid: Persist Grouping

The Kendo UI for Angular Grid now provides built-in functionality around persisting the state of groups (expanded or collapsed state) during data operations such as paging.

See Grid: Persist Grouping.

Grid: Improved Accessibility

As a part of R2 2021, the Kendo UI for Angular Data Grid went through an extensive review of accessibility items. This allowed for improvements in several areas of the Data Table, including the Filter Menu, Filter Row, Column Menu, and the Checkbox column. Additionally, this added keyboard navigation support for both the Filter Menu and Column Menu.

See more on the Kendo UI for Angular Grid Accessibility page.

Editor: ProseMirror Plugin Support

The Kendo UI for Angular Editor now supports the ability to integrate existing ProseMirror Plugins. This allows developers to create their own plugins, or find 3rd party plugins and add them in to the Kendo UI for Angular Editor.

Editor: Placeholder Support

With R2 2021 the Kendo UI for Angular Editor supports the placeholder attribute, letting developers set initial text of the content area whenever said area is empty.

DropDowns Package: Various Improvements

The entire DropDowns Package, which includes the Angular ComboBox, DropDownList, MultiSelect, AutoComplete, DropDownTree, MultiColumnComboBox, and MultiSelectTree, received updates across the board. This includes post opened and closed events, child object binding, checkbox selection, and programmatic focus on items.

Additionally, the DropDownTree added additional functionality including but not limited to filtering, value templates, and a reset method.

PDF Export: Support for Generic SVG Elements

With R2 2021 the Kendo UI for Angular PDF Export library added support for exporting generic SVG elements. This means any existing SVG elements in a piece of HTML content will be displayed properly in the generated PDF file.

Calendar: Multiple Date Selection

The Kendo UI for Angular Calendar now supports selection of multiple dates, letting end-users select either a range of dates or multiple individual and disconnected days displayed in the calendar.

TreeView: Various Updates

With R2 2021 the Kendo UI for Angular TreeView added check / uncheck directives to help with the checking or un-checking children nodes when their parent is collapsed, as well as the ability to delay the nodeDrag event.

DateInputs: Support for 2-Digit Years & Accessibility Improvements

The Kendo UI for Angular DateInputs package, which includes the DateInput, DatePicker, TimePicker, DateTimePicker, and DateRange components now supports the ability for users to type just two digits in order to represent a year. As an example, "21" becomes "2021".

Additionally these components received various updates to their accessibility compliance, resolving several reported issues around accessibility.

2021 R1 (2021-01-20)

Angular 11 Support

As a part of our development efforts between R3 2020 and R1 2021 the official version of Angular 11 dropped (November 11th, 2020). Kendo UI for Angular has had Day Zero support since then, with all new packages supporting Angular 11.

Dropped Support for Angular 6 & 7

Angular 6 & 7 have been outside of the Angular framework's LTS for quite some time. In fact, Angular 7 was dropped from Angular's LTS on April 18th, 2020. Therefore, with R1 2021 we have officially dropped support for Angular 6 and Angular 7. Developers can still access a frozen version of Kendo UI for Angular using the @ng6 and @ng7 tags when installing.

New Component: DropDownTree

The new Kendo UI for Angular DropDownTree provides a full TreeView within the popup of a DropDown component, letting users select a value from the hierarchical data display.

New Component: MultiColumnComboBox

The Angular MultiColumnComboBox component provides a table structure within the popup of a DropDown element. This lets every item within the DropDown's list show several fields in a column structure to give users a more detailed look at the item they need to select.

New Component: TileLayout

The Kendo UI for Angular TileLayout component lets developers define a collection of Tiles that can be drag and dropped in order to rearrange the order the tiles are presented. The content of each tile can be fully customized.

New Component: FloatingActionButton

Popularized by mobile and responsive web applications, the Angular Floating Action Button provides an action button permanently displayed somewhere within the application. A common use-case is for a button with a plus sign to add items to a list or compose a new email. The Floating Action Button also features a speed-dial feature, allowing for multiple additional buttons to appear when the main button is clicked.

New Component: ExpansionPanel

The Kendo UI for Angular ExpansionPanel is a layout-focused UI component that provides a content area that end-users can expand or collapse by clicking on a dedicated header.

New Component: TextArea

The Kendo UI for Angular TextArea component extends on the default HTML TextArea element to provide a consistent look and feel with the rest of the Kendo UI for Angular UI components along with additional features such as adornments.

Charts: Updated Series Highlighting

With R1 2021 the Kendo UI for Angular Charting library received an update to how series are highlighted when hovered, providing a much clearer picture of which series is the current focus.

Grid & TreeList: Responsive Pager

Both the Kendo UI for Angular Grid and TreeList UI components have updated their internal pager component to be fully responsive.

See Angular Grid demos.

See Angular TreeList demos.

ListView: Built-in Editing, Keyboard Navigation, and Accessibility Support

With R1 2021 the Kendo UI for Angular ListView received built-in support for editing items, keyboard navigation, and accessibility updates to ensure compatibility with WCAG 2.0, WAI-ARIA, and Section 508 standards.

TreeView: Built-in Filtering

The Kendo UI for Angular TreeView component added a built-in UX and underlying API to help search and filter through the available data items within the TreeView.

See Angular TreeView Filtering.

Editor: Support for More HTML Elements and Custom Schema

The Kendo UI for Angular Editor received added support for additional HTML elements along with support for Custom Schemas, allowing for custom HTML elements to be added to the Editor's content area.

Calendar & MultiViewCalendar: Classic Rendering

Upon initial release Kendo UI for Angular included a new and updated design, which differed from that of Kendo UI for jQuery. For teams that need to support both types of development it may have been tough to design around the calendars. With R1 2021 both the Calendar and MultiViewCalendars have added a flag that allows to switch between the "Classic" rendering and the current updated design.

TimePicker & DateTimePicker: Millisecond Support

With R1 2021 the TimePicker and the DateTimePicker both received support for inputting and displaying milliseconds.

2020 R3 (2020-09-16)

New Component: ListView

The new Kendo UI for Angular ListView Component lets developers provide a template for every item in a data list while providing built-in data management like paging to help users navigate through their data.

New Component: AppBar

Ideal as a main page navigation, the new Kendo UI for Angular AppBar Component is an extremely flexible component that can contain text, navigation items, action buttons, and more.

New Component: RangeSlider

Extending beyond the existing Kendo UI for Angular Slider, the new Kendo UI for Angular RangeSlider Component provides users with an intuitive UX to select a range of values by manipulating handlers to select the minimum and maximum values.

New Component: Breadcrumb

Adding to existing Angular navigation components, the new Kendo UI for Angular Breadcrumb Component can organize Angular applications with a large number of pages, letting users quickly navigate to higher level pages.

New Component: Loader

The new Kendo UI for Angular Loader Component is designed to be implemented whenever a particular portion of an Angular application needs to showcase that something is happening to the user while a process is executing in the background.

New Component: TextBox

The new Kendo UI for Angular TextBox Component extends beyond a regular HTML input by styling them with Kendo UI styles, adding built-in icons for valid and invalid inputs, as well as the ability to add icons, text, and more before and after the input element.

New Component: Badge

A Badge component is a small status descriptor for UI elements. The new Kendo UI for Angular Badge Component can be used along with other Angular UI elements as well as a standalone component. With several configuration options the Angular Badge can contain text, icons, or just be a filled shape. Additionally the Kendo UI for Angular Badge provides positioning and alignment options and comes with several built-in shapes to choose from.

New Component: Icon and SVGIcon

The new Kendo UI for Angular Icon Component provides a standalone UI element for displaying Font Icons and SVG Icons. These components come with over 400 icons thanks to the available Kendo UI theme Font Icons.

Grid: Cell Selection

With the new Cell Selection for the Kendo UI for Angular Grid users can select single or multiple cells. This selection can be done by clicking on individual cells or dragging a mouse over a range to select multiple cells.

Various Components: Form Updates

To ensure that Kendo UI for Angular follows the best practices mentioned in the Angular Form Guidelines, we have gone through all applicable Kendo UI for Angular UI components to ensure their built-in forms follow these guidelines.

2020 R2 (2020-05-13)

Form Guidelines

Building forms is more than just adding UI components to a form element in any random order. With [ we have compiled all of our knowledge and research in to the best practices for building forms within Angular applications. These guidelines can be applied to forms built with generic HTML elements as well as Kendo UI for Angular components and they should prove useful for anyone building forms!

New Component: Stepper

The new Kendo UI for Angular Stepper Component provides users with a list of steps that should be followed from start to finish in a logical order. The component has built-in styling for current, future, and past steps. There is also built-in styling for valid and invalid steps. The content of each step is defined by the developer, allowing for full control over the entire process the stepper presents.

New Component: External Drop Zone

The External Drop Zone Component provides a user interface for end-users to drag files from their file system and drop them in your Angular applications. This is served as either a component, which provides a UI element with styling to showcase the drop zone, or as a directive that simply adds the drag and drop functionality without the extra UI elements.

New Component: Pager

Previously only an integrated component inside of our Data Grid, the standalone Kendo UI for Angular Pager will allow any Angular application to provide a user experience around paging through larger sets of data. The component comes with built-in elements for navigating back and forth through pages, picking a specific page, and increasing or decreasing the page size.

New Component: Label

The Kendo UI for Angular Label component provides a label for input elements throughout your Angular applications. Beyond standard label scenarios, this component also allows for the setting of optional labels.

New Component: FormField, Hint, and Error

The Kendo UI for Angular FormField component, combined with the new Angular Hint and Error components, help structure Angular forms and represents a single field in a form. The FormField contains a collection of components related to a single field like the label, input, hints, and error messages representing the field.

TreeList RTM Release

As a part of R2 2020, the Kendo UI for Angular TreeList is officially released as RTM! This release includes virtualization, selection, keyboard navigation, accessibility compliance.

TreeView: Load More Button

The Kendo UI for Angular TreeView now sports a Load More Button. This button becomes available in nodes with a large set of data and let's a user load data in chunks, with the page size (how many data items are loaded per press) defined in the configuration options.

Grid: Persist Detail Row Expansion State

The Kendo UI for Angular Grid can now persist detail row expansion state. This means that the expanded or collapsed state of a detail row will be retained during data operations like paging, sorting, filtering, and grouping.

Upload: Updated Styling

With R2 2020, the Kendo UI for Angular Upload component has an updated design. This specifically updates the look-and-feel of the file icons corresponding to the file types uploaded.

Conversational UI: Support for DialogFlow v2

The Kendo UI for Angular Conversational UI Component has updated its example showcasing integration with DialogFlow, updating the sample to support DialogFlow v2.

2020 R1 (2020-01-15)

New Component: TreeList

The Kendo UI for Angular TreeList combines the hierarchical layout of a TreeView with the column and tabular structure of a Data Grid. This differs from a traditional hierarchy within the Grid as the data in a TreeList is completely homogeneous and the columns align between parent and child rows.

This initial version of the TreeList includes many features readily available out of the box from day one, including features like data binding, paging, sorting, filtering, editing, and export to PDF and Excel. There are also many column-specific features like reordering and resizing of columns, virtualized columns, frozen or locked columns, as well as a built-in column menu.

New Component: Checkbox

With the R1 2020 release, the Kendo UI team put together an Angular directive that can be applied to native checkbox HTML element, creating the Kendo UI for Angular Checkbox. This provides not only the styling associated with your favorite Kendo UI theme (Default, Bootstrap, or Material, etc.), it also ensures that this checkbox just enhances what the Angular framework already provides out of the box.

New Component: Radio Button

The new Kendo UI for Angular Radio Button directive assists with applying consistent styling across the board with any Angular application written with the Kendo UI for Angular components.

New Component: Avatar

Avatars represent many things in applications today; profile pictures in social media, chat heads in messaging platforms – even icons. With the Kendo UI for Angular Avatar component developers can easily add a sleek way to represent people or entities in your application by setting an image, icons, or using initials (e.g. "BW" using Bruce Wayne as an example). The shape of these items can be set as square, circle, or a general rounded shape via a quick configuration option.

New Component: Card

The Kendo UI for Angular Card widget is an additional layout element to help developers set up beautiful and modern application designs. Popularized with Bootstrap and Material Design, this layout component can be used by itself or as a part of a template for other components to create a compelling user experience. As a part of the implementation the component offers clean and defined sections like header and content, as well as the ability to define card actions via buttons that can be customized to fit your interaction needs.

New Component: Chip

The Kendo UI for Angular Chip component covers a style of elements popularized in Material Design and mobile application design. The component consists of a container (often in a “pill” design), text, optional image, and remove icon. This can be used as a part of a component that provides multiple inputs or a quick way to list out predefined options which can be selected by the end user.

New Component: Chip List

As a part creating the Angular Chip component the Kendo UI for Angular team also introduced the Chip List, which gives developers an easy way to provide a list of chips. The component also provides a selection feature, allowing developers to easily maintain the set of currently selected chips.

New Component: File Select

Like the Upload component, the Kendo UI for Angular File Select component gives your end users an intuitive way to select a single, or multiple, file(s) from their local machine. The unique aspect of the File Select component is that it allows a developer to have full control over when, and how, the file gets uploaded.

The FileSelect comes with many configuration options out of the box, but if you need some extra control over behavior and the look and feel the component fully supports templates using the Angular framework templates. Also, like all our UI components that target forms, the FileSelect component integrates with Template and Reactive Forms!

Updated Component: Floating Label

A Floating Label has become almost a standard aspect of input elements in today’s web design. This component has existed within Kendo UI for Angular as TextBoxContainer, but it was hard to find and the name was not super intuitive. With R1 2020 we renamed the component to Floating Label, updated the implementation, and raised it up to a separate component as part of the Label package. While floating labels have existed within the Kendo UI for Angular components themselves, this standalone component gives developers the power to implement floating labels within their own input elements or enhance other Kendo UI for Angular UI components.

Grid Adds Column Virtualization

With Column Virtualization in the Kendo UI for Angular Grid developers can throw as many columns as they need in to the Grid without worrying about performance degradation. Combine this with the pre-existing row virtualization and the Angular Data Grid can support huge data sets with countless rows and columns.

Editor Drops Beta Tag

With R1 2020 the Kendo UI for Angular Editor added both Keyboard Navigation and Accessibility Compliance. This ensures that the component is in a good enough spot to drop the beta tag and officially be in RTM.

TreeView Component Gets Drag & Drop

With this release the Kendo UI for Angular team also added drag & drop capabilities within the Angular TreeView! With the new Drag & Drop feature of the TreeView end-users can drag nodes to other areas of the TreeView including items within the same level of hierarchy as well as nodes in different levels of the hierarchy. If the node has any children they will also be dragged along with the node. If you have multiple TreeViews in the same page you can even drag-and-drop nodes between the two different components.

Chunking Support for Upload Component

When uploading files a traditional approach is to take the entire file and just start streaming the file from start to end. This is unfortunately a bit fragile as network connections can be interrupted. This is where chunking comes in to play, breaking files down to smaller pieces (chunks) and upload these chunks in a sequence. With this approach uploads can easily be resumed after a network connection is regained and can help with pausing and resuming uploads as well. With R1 2020, the Upload component in Kendo UI for Angular now supports chunking any selected file!

New Financial Dashboard Sample Application

The new Financial application coming from the Kendo UI for Angular team provides a great basis for any financial dashboard, or just an additional learning tool for any Kendo UI for Angular developer! This gorgeous application showcases integrations between the Kendo UI for Angular Charts and Data Grid, as well as other UI components offered within the Kendo UI for Angular component library. Source code is available on this public GitHub repository!

New Grid and Chart Integration Sample Application

Another sample application that the Kendo UI for Angular team put together highlights integration points between our Angular Data Grid and Charts. The demo allows users to select rows and then use a context menu to generate any type of chart based on the data that they have selected. For your convenience, the new sample is hosted here, and you can find the source code in this GitHub repository.

2019 R3 (2019-09-18)

Support for Angular 8

With R3 2019 the Kendo UI for Angular components are fully compatible with Angular 8.

New Component: ProgressBar

With the new ProgressBar component Angular developers can easily showcase any type of progress to indicate how far along a process the user may be – or just be used as a way to give a loading indicator for interactions in your Angular apps. Whether the component is manually updated by the developer or is tied to values that are continuously updated, the ProgressBar will let users know how far they’ve gone and what’s to come.

New Component: Drawer

The new Drawer component you can quickly set up a navigation for any new or existing applications. The component comes with the default behavior of being able to expand and collapse the menu, providing a default hamburger-style button to toggle the expansion, as well as the ability to serve items with icons and text at the same time. It even offers a “mini” mode that only takes use of the defined icons if your navigation does not need a full description for every navigation option

New Component: DateTimePicker

Ensuring that Kendo UI for Angular is the premiere library for form elements in Angular we will introduce the DateTimePicker component.

Scheduler Drops Beta Tag

The Kendo UI for Angular Scheduler has already seen a ton of releases and improvements, but the last two pieces to ensure we can drop the beta tag are keyboard navigation and accessibility, which we will take care of to make certain that the Scheduler is officially in a RTM stage.

Component Improvements: Grid

The Grid has added additional options for the group headers, giving developers access to aggregates for individual Grid columns when grouped. This will let individual columns handle their own aggregates, covering items like count, sum, average, and more.

Component Improvements: DropDowns and Virtualization

We have teased this feature for a while, but we are happy to say that the latest iterations of the Kendo UI for Angular drop downs have built-in virtualization! We have had this in place for a while now, but we wanted to highlight this crucial feature as it was released between R2 and R3 2019.

Component Improvements: Responsive Toolbar

The Toolbar is a component that is not only useful by itself, but it is also a core part of the Kendo UI for Angular Editor. With the new responsive feature the Toolbar will adapt to the available width and provide tools that would otherwise be hidden to be available in a popup menu.

Continued Improvements: Editor

As a part of our ongoing efforts to make the Angular Editor as best as it can be, we are working on adding features like paste cleanup, accessibility improvements, and insert table dialog in the upcoming months.

2019 R2 (2019-05-15)

ColorPicker Component

The new Angular ColorPicker lets you provide either a drop down or expanded widget to let your users select color within your Angular applications. This can be done by providing a predefined color palette for your users to chose from, or a gradient that gives some more flexibility for picking a specific color.

Scheduler Enhancements

The Kendo UI Angular Scheduler is one of our most-used components and in R2 2019 we have added the following features:

  • Resize events - Events can now be modified by resizing them through grabbing the top of the bottom of the event and expanding or shrinking the events.

Drag and drop events - Similar to above, drag & drop of events allows us to modify events through mouse interactions. Users can now drag an event to a different day or time slot to update when it happens.

  • Multi-day and work week views - While we have had a few different views of the Angular Scheduler for some time, with the latest release you can customize how many days you’d like to see in a single view. Additionally we have a work week view that you can select from.
  • Export to PDF - The content of the Scheduler can now be exported to PDF with the click of a single button.
  • Current Time - When a user clicks on the “Today” button within the Scheduler they will automatically be placed on the current day, and a current time indicator will be displayed as a line across the scheduler.

Editor Enhancements

The Kendo UI Angular Editor is one of the newest Angular UI components that we offer from Kendo UI. Being new, and the fact that a rich text editor needs to cover a lot of scenarios, means that there are plenty of features that we need to add to the component. With this release we have covered most of the basics, including the following tools that have been added to the available toolbar options:

  • Format drop down showcases different formats
  • Insert Image Dialog
  • Insert File Dialog
  • Subscript & Superscript
  • View HTML tab
  • Font Picker & Font Size Picker
  • Text Align and Justify content
  • Clear formatting button
  • Localization
  • Right-to-left (RTL) support

WCAG 2.1 Support

Accessibility is always important and a pillar for any Kendo UI product, and Angular is no exception. With R2 2019 we are introducing documentation and guidelines for how to ensure compliance with WCAG 2.1 standards when using the Kendo UI Angular components. As our UI components are pretty advanced there are always considerations around what features make something more or less accessible, so this guideline should help navigate these features.

RxJS 6.x Update (2019-06-21)

This is a service update that removes the dependency to rxjs-compat across all packages. As a result packages are no longer compatible with Angular 4 and 5.

This update is released as a major version. Existing projects should not be affected if they specify an exact version, minor version range (^x.y.z) or a patch version range (~x.y.z).

Update Instructions

  1. Update your project to Angular 6 or later, see Updating Angular.

  2. Update to the latest versions of all Progress packages:

    npx npm-check-updates -u -f /^@progress/
  3. Install new peer dependencies:

    npm install --save @progress/kendo-angular-common @progress/kendo-angular-popup
  4. Remove dependency to @progress/kendo-angular-resize-sensor, if present:

    npm uninstall --save @progress/kendo-angular-resize-sensor
  5. Remove dependency to rxjs-compat, if no longer needed in your project:

    npm uninstall --save rxjs-compat

Component Changes

Individual packages may require additional steps to update. Please, review the list below.


  • Adds @angular/forms, @progress/kendo-angular-common and @progress/kendo-angular-popup as peer dependencies.
  • Review the full Change Log for more details.

Conversational UI

  • Adds @progress/kendo-angular-intl, @progress/kendo-angular-common and @progress/kendo-angular-popup as peer dependencies.
  • Review the full Change Log for more details.


  • Adds @progress/kendo-angular-common and @progress/kendo-angular-pdf-export as peer dependencies.
  • Review the full Change Log for more details.

Date Inputs

  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.


  • The type of the 'action' Output EventEmitter has been changed from 'any' to 'DialogAction'
  • The actions option input type has been changed from 'string' to 'DialogAction[]'
  • Adds @progress/kendo-angular-common and @progress/kendo-angular-popup as peer dependencies.
  • Review the full Change Log for more details.


  • Adds @progress/kendo-angular-common and @progress/kendo-angular-popup as peer dependencies.
  • Review the full Change Log for more details.


  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.

Excel Export

  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.


  • Custom implementations of the IntlService must implement the weekendRange method
  • Review the full Change Log for more details.


  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.


  • Adds @progress/kendo-angular-common and @progress/kendo-angular-pdf-export as peer dependencies.
  • The deprecated fields index and selected have been removed from the SelectionEvent.
  • Review the full Change Log for more details.


  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.


  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.


  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.


  • Adds @progress/kendo-angular-common and @progress/kendo-angular-popup as peer dependencies.
  • Review the full Change Log for more details.


  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.

PDF Export

  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.


  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.


  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.


  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.


  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.


  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.


  • New peer dependencies @progress/kendo-angular-buttons, @progress/kendo-angular-common and @progress/kendo-angular-popup.
  • Review the full Change Log for more details.


  • Adds @progress/kendo-angular-common and @progress/kendo-angular-popup as peer dependencies.
  • Review the full Change Log for more details.


  • The focus and blur accessors have been renamed to onFocus and onBlur. Event names are not changed when used in templates.
  • Review the full Change Log for more details.

2019 R1 (2019-01-16)

Rich Text Editor

The Editor component, released as a beta, provides rich text editing to any Angular application. Initially this ships with basic formatting for text and the ability to work with unordered and ordered lists among a few other features for editing text.

Scheduler Component

The beta version of the Scheduler component is now live and delivers a full spectrum of features including:

Grid Enhancements

The Grid can now provide automatic popup notifications when editing.

Additionally, endless scrolling is now a supported mode for scrolling and paging through data.

Theme Picker Arrives to Demos

The demo and component site now has a theme picker drop-down that gives the ability to see all of the available themes live on the page. Switching between each themes will automatically update the demos on the page to showcase the theme.

2018 R3 (2018-09-12)

Notification Component

The new Notification Component provides Angular developers with a customizable popup that can appear anywhere in their application. The component comes baked with several default types, as well as template functionality to expand on the number of scenarios that can be covered.

Chart Updates

With R3 2018 the Angular Charts now support the ability to define where axis labels should be positioned within a chart.

Grid Features

The Grid also had functionality added to it for R3 2018, namely:

2018 R2 (2018-05-16)

Conversational UI

As a part of an initiative to help developers add cognitive behaviors to their applications, we introduced the Conversational UI (aka chat bot) component with R2 2018.

Angular 6 Support

Right before the official R2 2018 release date, the Angular team dropped Angular v6. Of course, this means that Kendo UI for Angular is now compatible with Angular v6!

ng add Support

ng add is a new command that easily allows for adding components to Angular applications through the Angular CLI. With this release we also added official support for using the ng add command with Kendo UI for Angular.

New Components

These are the new components that were added with the R2 2018 release:

Grid Features

The Grid also received a few new features, including:

PWA & Electron

With this release we shipped a sample project and accompanying documentation resources for Progressive Web Apps (PWAs).

We also wanted to cover developers looking to work with Electron to create cross-platform desktop applications with Kendo UI. Here is a sample application along with documentation for building Electron applications with Kendo UI.

2018 R1 (2018-01-17)

Angular 5 Support

Between R3 of 2017 and R1 of 2018 Angular 5.x.x officially dropped and, as a part of our continued support for Angular, we made sure that all of our components work with Angular 5.x.x.

New Components

R1 2018 brings a whole set of brand new components to use in Angular applications, namely:

Grid Features

Being one of the most important components in the suite, we continue to add features to our Angular Grid. For R1 2018 we added the following features:

Form Components

Continuing to expand on features for our form elements the MultiSelect component now supports a summary tag as well as custom values.

2017 R3 (2017-09-13)

Initial Support for Material Theme

R3 2017 adds the first implementation of the Material theme for the Kendo UI components. While not all components can be styled yet, there are quite a few that can take advantage of this new theme.

As a part of our support for Material we decided to not just style the components, but take things to the next level. With this in mind we also introduced a new component, Ripple to ensure that developers can take advantage of this visual aspect of Material throughout all of their UI components, not just Kendo UI elements.

Grid Features

The Grid received a lot of attention during this release with multiple new features being added:

New Components

We also introduced a few new components to the suite, including:

PDF Export

One of the more popular framework items from the jQuery edition of Kendo UI is the ability to export components and generic HTML to PDF. With that in mind we introduced the PDF export feature of Kendo UI for Angular with this release.

2017 R2 (2017-05-03)

This is the first official release of Kendo UI for Angular. All versions of the current packages are set to v1.0.0. Future versions will follow the semantic versioning rules.

RC.1 (2017-04-21)

The RC.1 is the second release candidate and the last prerelease version of Kendo UI for Angular. It includes substantial improvements and new features of the major components, support for Angular 4, Bootstrap 4 theme (beta), support for right-to-left languages and localization.

Angular 4 Support

All Kendo UI for Angular packages are compatible with Angular 4. We recommend upgrading to Angular 4 since it is a long-term support version with 18 months ahead of it.

How About Angular 2?

In case you cannot upgrade to Angular 4, you can install the last Angular 2 compatible versions of the packages with the @ng2 tag.

npm install --save @progress/kendo-angular-grid@ng2

If you face any troubles while upgrading your project to Angular 4, check GitHub issue #469.

New Grid Features

The Grid is the most frequently used component from the entire UI suite. Given that, it was the primary focus of our development effort for RC.1. The features introduced since RC.0 are:

If you are migrating an existing ASP.NET MVC project, you can reuse the existing data services. For more information, check the respective help article.

Form Components

While the Grid is the necessity and the frame for any CRUD scenario, the form components are the bricks that allow users to interact with the data. To facilitate that, RC.1 includes the DateInput, Calendar, and DatePicker components.

The Kendo UI Default theme also includes styling options for the built-in browser form elements (INPUT, TEXTAREA, and other).

Bootstrap 4 Theme

The new Bootstrap 4 theme allows Kendo UI for Angular to blend in and complement the basic Bootstrap 4 components. The new Sass Theme Builder allows you to visually tweak the custom variables used by the theme and see how they affect the look of the components in real time.


In addition to the extensive amount of chart series types, the Chart package now includes the Sparkline and the StockChart components.

RTL and Localization

Kendo UI for Angular allows easy translation of the Kendo UI components' messages through the Angular i18n framework or through message attributes. Support for RTL is available through the RTL provider.

RC.0 (2017-01-18)

The RC release aims to be production-ready, which means that we don’t plan to ship major breaking changes of the public API afterwards. Just like Angular, the component packages will follow the semantic versioning specification.

Our biggest priority with this release was full coverage of the framework features:

In addition to that, we shipped four new components:

The Grid now supports editing and grouping.

Beta.0 (2016-09-14)

The initial release of Kendo UI for Angular laid the foundation of and articulated our vision for the product. We shipped 15 essential UI components, built from the ground up for Angular 2 on the same date the Angular team announced that Angular 2 was final.

The release included many of the essentials necessary for building a modern line-of-business UI:

Blog post: Announcing Kendo UI for Angular 2 (R3 2016)


In this article

Not finding the help you need?