Infragistics Ignite UI for Angular 12.0.0

Angular 12

• Added full support for Angular 12.

Angular Components

• Added new Angular Tree Component - The Angular Tree Component allows users to represent hierarchical data in a tree-view structure, maintaining parent-child relationships, as well as to define a static tree-view structure without a corresponding data model. Its primary purpose is to allow end-users to visualize and navigate within hierarchical data structures. The Ignite UI for Angular Tree Component also provides load on demand capabilities, item activation, bi-state and cascading selection of items through built-in checkboxes, built-in keyboard navigation and more.
• Angular Date Picker & Angular Time Picker Update - Updated Angular Date Picker and Angular Time Picker components.
• Angular Date Time Editor - Added the ability to accept ISO 8601 date strings.

Design & Theming

• Reduced themes size.
• Added the ability to use global palette values (CSS variables).
• Added the ability to scope custom CSS properties to component selectors.
• Added the ability to expose elevations as custom CSS properties.
• Now allows typography to be explicitly set by the user.
• Added new Bootstrap Theming Sample.

Angular Grids: Grid, Tree Grid and Hierarchical Grid

• Export Angular Hierarchical Grid to Microsoft Excel - The Excel Exporter service can now export data to Microsoft Excel from the Ignite UI Angular Hierarchical Grid.
• Datetime & Time Column Types - Added two new members to the Angular Column Data Types portfolio. The appearance of the date portions will be set (e.g. day, month, year) based on locale format or pipeArgs input. The pipe arguments can be used to specify a custom date format or timezone.
• Refactored Angular Tabs & Angular Bottom Navigation.
• Exposes API for a new row object in Angular Grid - The Grid provides a convenient way to perform data manipulations through inline row adding and a powerful API for Angular CRUD operations. Add an Action Strip component with editing actions enabled in the grid's template, hover a row and use the provided button or press ALT + + to spawn the row adding UI.

Angular Grid Interactions

• Added new detach method for IgxOverlay.