Rendering Changes in 16.0.0

The Kendo UI for Angular 16.0.0 release introduces changes in the rendering of a number of components.

AppBar

• Removed the k-appbar-spacer and added the k-spacer class to the spacer component.
• Removed the k-appbar-spacer-sized and added the k-spacer-sized class to the spacer component.

Chip

• Removed the k-chip-actions wrapper when no actions are present.

Calendar

• Removed k-widget class from wrapper.
• Today and Title buttons previously used styled elements which are now replaced with the Kendo UI for Angular Button component.
• Removed k-content class from k-calendar-table element.
• Removed k-calendar-classic class from classic calendar wrapper.
• Removed k-calendar class from classic calendar wrapper.
• Removed k-nav-fast class.
• Removed k-calendar-range from classic calendar.
• Removed k-hstack from header when the Calendar orientation is horizontal.
• Render large size Calendar in adaptive mode.

Drawer

• Renders a k-spacer span for hierarchical items.

FloatingLabel

• Added k-floating-label and removed k-label class from the element.

Grid

• Added !k-cursor-default to header cells when sortable is false.
• The expandable items of the column menu are now distinguishable. They are wrapped in an additional div with class k-expander. The icons chevronUpand chevronDown are rendered depending on the expanded state. The text is separated from the icons by span elements with classes k-spacer and k-expander-indicator.

MultiViewCalendar

• Removed k-widget class from wrapper.

Pager

• k-hidden class is added to or removed from the <select> element depending on available width when the responsive feature is enabled.
• k-dropdown class is removed from the kendo-pager-page-sizes internal DropDownList component.

PanelBar

• Removed k-panel and k-group from k-panelbar-group element.
• Removed k-content from k-panelbar-content element.
• Removed k-pos-relative wrapper.
• Removed k-state-default from PanelBarItemComponent wrapper.

Slider

• Added k-draghandle-end class to k-draghandle element.

ToolBar

• Replaced span with button elements within ToolBarButtonGroupComponent.
• Removed kendo-toolbar-renderer wrapper element from ToolBar tools.
• Added .k-toolbar-item wrapper to tools, rendered in the main ToolBar content section.
• Added .k-item.k-menu-item wrapper to tools, rendered in the overflow popup.

TreeList

• The expandable items of the column menu are now distinguishable. They are wrapped in an additional div with class k-expander. The icons chevronUpand chevronDown are rendered depending on the expanded state. The text is separated from the icons by span elements with classes k-spacer and k-expander-indicator.

Upload, FileSelect

• Removed k-focus from file list items internal action buttons (e.g. Resume, Pause, Retry, Cancel) as these elements are no longer focusable.
• Added k-retry class on the Retry action button.