Essential Studio® for React Release Notes

v34.1.29
July 6, 2026

Common

Production-ready components

The following Pure React components are production-ready:

  • Chart
  • DataGrid
  • ListView
  • Buttons: Button, ChipList, Chip, Floating Action Button, Radio Button, Split Button, Dropdown Button.
  • Calendars: Calendar, DatePicker, TimePicker, DateTime Picker, DateRangePicker.
  • Dropdowns: Autocomplete, ComboBox, Dropdown List, MultiSelect.
  • Inputs: Checkbox, Form, Numeric Textbox, TextArea, TextBox.
  • Navigation: Toolbar, Context Menu.
  • Notifications: Message, Skeleton, Toast, Spinner.
  • Layout: Tooltip, Dialog.

Theme support

Tailwind and Bootstrap themes have been added for Pure React components. Developers can apply these themes to components to match their projects’ design.

Calendar

Features

  • Islamic Calendar Support: The Calendar component now supports Islamic (Hijri) calendar display and selection via the calendarType prop. Seamless switching between Gregorian and Islamic calendar systems is enabled, with automatic date conversion, localized month and day names, and accurate year calculations.
  • Islamic calendar support is also available for the DatePicker, DateTimePicker, and DateRangePicker components, enabling seamless interaction with multiple calendar systems.

Chart

Features

  • Stacked and 100% Stacked Line: Introduces stacked and 100% stacked line series for visualizing cumulative values across categories, with configurable stacking groups and percentage normalization. Try the demo.

  • Range and Stacked Step Area: Introduces range step area and stacked step area series for visualizing step-wise data transitions with support for stacking and range-based rendering. Try the demo.

  • Box and Whisker : Introduces the Box and Whisker (box plot) series for visualizing data distribution, including minimum, maximum, median, quartiles, and outliers. Try the demo.

  • Cylindrical Column and Bar support: Provides cylindrical rendering for column and bar series to enhance visual appearance with 3D-like styling. Try the demo.

  • Polar and Radar Series: Introduces Polar and Radar chart types for visualizing multivariate data in a circular layout. Try the demo.

  • Technical Indicators: Built-in financial indicators such as ATR, RSI, MACD, Bollinger Bands, SMA, EMA, and Stochastic are now available to support advanced analysis, trend evaluation, and technical insights. Try the demo.

  • Scrollbars: Enables efficient navigation of large datasets through integrated scrollbars, ensuring smooth interaction and seamless coordination with zooming behavior. Try the demo.

  • Series Labels: Supports displaying series-level labels directly within the chart area, improving readability and clear identification of multiple data series. Try the demo.

  • Last value Labels: Displays the last data point value for each series, with customizable formatting for improved clarity and data insight. Try the demo.

  • No Data Template Support: Introduces customizable templates to display informative UI when no data is available. Try the demo.

  • Range Color Mapping: Applies color variations based on value ranges or conditions to improve visual clarity and highlight patterns. Try the demo.

  • Multi-level Labels: Supports rendering hierarchical axis labels across multiple levels, improving readability and grouping of categorized data. Try the demo.

Chip

Features

  • Size Property: Added size prop to control chip dimensions with options 'Small', 'Medium', and 'Large', allowing better flexibility for different UI contexts.

  • This size feature is also supported in the ChipList component, enabling consistent sizing across all chips in the list.

Checkbox

Features

  • Validation Support: Added valid, required, validationMessage, and validityStyles props with aria-invalid attribute and custom validation message support.

Context Menu

Features

  • Custom Container Rendering: The ContextMenu component supports rendering within a custom container using the container prop, allowing better control over positioning context and element scoping instead of rendering to the document body.

Breaking Changes

  • The items and itemTemplate props are removed. Use the composite pattern by passing custom elements to the children of MenuItem component instead for building menu items and customizing their appearance.
  • The ContextMenuSelectEvent event interface has been renamed to MenuSelectEvent for consistency across menu components.

Data Grid

Features

  • Infinite Scrolling: Enables seamless data loading when the total record count is unknown by dynamically fetching additional data during scroll actions, without relying on pagination. This ensures a smooth and continuous scrolling experience for large datasets. View Infinite Scrolling demo.
  • Cell Selection: Enables selection of individual cells within the Grid for granular data interaction. Supports single and multiple cell selection modes and integrates seamlessly with existing selection functionalities. View Cell Selection demo.
  • Column Chooser: Provides an interactive interface to show or hide Grid columns dynamically, enabling users to customize the visible columns based on their preferences without affecting the underlying data. View Column Chooser demo.
  • PDF Export: Enables exporting Grid data to PDF format while preserving layout, styling, and column structure for consistent document generation. View PDF Export demo.
  • Print: Supports direct printing of Grid content with maintained formatting and structure for improved readability in printed output. View Print demo.
  • Grouping: Allows organizing data into hierarchical groups based on column values for enhanced data visualization and analysis. View Grouping demo.
  • Conditional Selection: Enables dynamic row selection based on custom conditions, providing greater control over user interaction. View Conditional Selection demo.
  • Master-Detail: Supports hierarchical data representation by displaying related records within expandable detail rows. View Master-Detail demo.
  • Cell Editing: Enables in-place editing of individual cells for efficient and seamless data modification within the Grid. View Cell Editing demo.
  • Immediate Filtering: Provides real-time filtering in both Excel and Checkbox modes by applying filter conditions instantly. View Excel Immediate Mode and Checkbox Immediate Mode demos.
  • Row and Column Spanning: Supports merging of adjacent cells across rows and columns to enable advanced layout customization and improved data presentation. View Row Spanning and Column Spanning demos.
  • Context Menu: Provides a customizable right-click menu with built-in and custom actions to enhance user interaction within the Grid. View Context Menu demo.
  • DOM Virtualization & Virtual Scrolling: Enables efficient rendering of large datasets with improved performance and responsiveness. View DOM virtualization configuration & Virtual Scrolling demo.
  • Excel Mode & CheckBox Filtering: Provides advanced filtering options with intuitive, checkbox-based selection. Try Excel mode filtering & CheckBox mode Filtering demo.
  • Enhanced CheckBox Selection: Supports multi-row selection, allowing users to select multiple rows efficiently using checkboxes. Try CheckBox Selection demo.

Bug Fixes

  • I1007744: Resolved a React state update warning in Next.js during Grid component initialization by aligning state management with React life-cycle best practices.
  • Resolved a script error occurring during initial rendering when virtualizationSettings.scrollMode is set to ScrollMode.Virtual by adding a safeguard to handle undefined scrollModule in the row generation logic
  • Resolved an issue where Excel and Checkbox filtering failed with UrlAdaptor remote data binding due to unsupported notEqual operator casing that caused an HTTP 405 ("Method Not Allowed") error by updating the request to use the server-compatible notequal format ensuring consistent filter execution

DatePicker

Features

  • Segment-Based Masked Input: Enable masked input with the inputMask prop to divide the date input into separate segments (day, month, year). Customize placeholders for each segment using the maskPlaceholder prop. Supports keyboard navigation between segments and validation for each part.

  • This masked input support is also available for DateRangePicker, DateTimePicker, and TimePicker components, ensuring consistent data entry experiences across all picker components.

  • Helper Text Support: The DatePicker component supports a helperText prop, allowing to display descriptive or instructional text below the input field for improved user guidance and accessibility.

  • This helper text support is also available for DateRangePicker, DateTimePicker, and TimePicker components, enabling consistent contextual messaging across all input fields.

DateRangePicker

Features

  • Month and Year Range Selection Support: The DateRangePicker component now supports range selection at month and year levels using the start and depth properties with CalendarView.Year and CalendarView.Decade, enabling direct selection through YearView and DecadeView with consistent range highlighting and interaction.

The Menu component is a layout navigation menu with support for hierarchical menu items. It provides powerful control over menu interactions, customization options, and displays context-specific actions with nested submenus.

Key features

  • Hierarchical Structure: Create nested menus with unlimited nesting levels, allowing for organization of related menu items and commands.
  • Flexible Orientation: Configure the menu in either horizontal or vertical layout to fit different UI design requirements and navigation patterns.
  • Icon Support: Enhance visual recognition by adding icons to menu items using CSS classes or React components (SVG).
  • Submenu Rendering Modes: Choose between inline and portal rendering modes:
    • Inline: Submenu is rendered inline within the parent menu item
    • Portal: Submenu is rendered in the document body for advanced positioning control
  • Interaction Modes: Support for both hover-based and click-based submenu opening with customizable hover delay.
  • Animation Effects: Choose from various animation effects like FadeIn, SlideDown, ZoomIn, and None to control how the menu appears.
  • Keyboard Navigation: Comprehensive keyboard support for accessibility, including arrow keys for navigation, Enter for selection, and Escape to close menus.

MultiSelect

Features

  • Grouped Checkbox Support: The MultiSelect component includes checkboxes in group headers, making it easy to select or clear all items in a group at once for faster bulk selection.

  • Selection Order Support: The MultiSelect component keeps selected items grouped at the top of the list when checkbox selection is enabled, making current selections easier to review and manage.

  • Helper Text Support: The MultiSelect component supports a helperText prop, allowing to display descriptive or instructional text below the input field for improved user guidance and accessibility.

  • This helper text support is also available for Autocomplete, ComboBox, and Dropdown List components, enabling consistent contextual messaging across all input fields.

NumericTextBox

Features

  • Mouse Wheel Support: The NumericTextBox component supports a mouseWheel prop, allowing users to increment or decrement the numeric value by scrolling within the focused input field for faster and more intuitive value adjustment.
  • Invert Mouse Wheel Support: The NumericTextBox component supports an invertMouseWheel prop, allowing to reverse the default scroll direction so that scrolling down increments and scrolling up decrements the value.

Pie Chart

Features

  • Annotation: Adds support for placing custom annotations such as text, images, or HTML elements at specific positions within pie and donut charts. Try the demo.

Scheduler

Features

  • Resource Grouping: The Scheduler now supports grouping resources across multiple nested levels, making it easy to track schedules, manage allocations, and compare availability across different resources simultaneously. Grouping can be configured to display dates as the top-level header, establish clear parent-child dependencies between categories, or organize resources in a sequential hierarchy.

  • Agenda view: A new view that lists upcoming appointments in order by date. This compact layout is optimized for mobile and narrow screens.

  • Timezone: Support for displaying events accurately across different geographical regions. Features a global timezone property to ensure consistent event rendering regardless of the user's local system time, along with support for defining individual start and end timezones at the event level to manage schedules across multiple locations.

  • Load on Demand: Support for dynamically loading event data based on the active view's date range instead of loading the entire dataset at once. This significantly optimizes performance and reduces memory usage when managing extensive datasets.

  • Following occurrence edit: Support for editing a chosen occurrence and all subsequent events within an ongoing recurring series.

Switch

  • The Switch component offers a flexible and user-friendly way to allow users to toggle between two states. It supports various configurations and customization options to accommodate different use cases in applications.

Explore the demo here

Key features

  • Toggle Functionality: The Switch component allows users to toggle between ON and OFF states, providing immediate visual feedback through the handle animation and track color changes.

  • Color Variants: Customize the appearance with predefined color options including Primary, Secondary, Warning, Success, Error, and Info to match your application's design language.

  • Size Options: Choose from multiple size presets (Small, Medium, Large) to accommodate different UI contexts and maintain visual consistency across your application.

  • Label Support: Display informative text alongside the switch to clearly convey its purpose. Configure label placement with the labelPlacement prop for left, right, top, or bottom positioning.

  • Icon Customization: Add custom icons or visual indicators inside the handle for checked and unchecked states, or display labels directly on the track for enhanced visual cues.

  • Controlled & Uncontrolled Modes: Supports both controlled and uncontrolled component patterns, allowing flexible state management depending on your application's requirements.

TextBox

Features

  • Helper Text Support: The TextBox component supports a helperText prop, allowing to display descriptive or instructional text below the input field for improved user guidance and accessibility.
  • This helper text support is also available for NumericTextBox and TextArea components, enabling consistent contextual messaging across all input fields.