v6.4.0
6.4.0 - 15.12.2025
What's New
- Added electric dark theme. Add import
import '@epam/assets/css/theme/theme_electric_dark.css';to connect.--uui-surface-sunkenvariable removed from all themes; use--uui-surface-highestinstead.
- [Inputs/Controls]:Made clickable icons and clear buttons accessible via keyboard (#2845). Now it's possible to focus on them during keyboard navigation.
- The icon provided by the
iconproperty and the clear button are now button components (ControlIcon) with their own CSS variables, which makes some input-specific variables obsolete.- The following CSS variables are no longer available:
TextInput(and other inputs that use it):--uui-text_input-icon--uui-text_input-icon-disabled--uui-text_input-icon-clickable--uui-text_input-icon-clickable-hover--uui-text_input-icon-clickable-active
PickerInput:--uui-picker_toggler-icon-disabled--uui-picker_toggler-icon-clickable--uui-picker_toggler-icon-clickable-hover
- The following CSS variables should be used instead:
--uui-control_icon--uui-control_icon-clickable--uui-control_icon-clickable-hover--uui-control_icon-clickable-active
- The following CSS variables are no longer available:
- The icon provided with the
iconproperty inTextInput(and other inputs that use it) is now always displayed inmode="cell", not only on hover.
- The icon provided by the
- [DataTable]: Improved accessibility: actions in the table header, row checkboxes, and row folding are now reachable from the keyboard.
- [PickerInput]: Improved accessibility: now it's possible to fold/unfold items using right/left arrows, focus on the items list, and navigate through items with the keyboard (previously possible only when the search was focused).
- [MainMenu]: Improved accessibility of hidden items in the "More" menu (#2948).
- Added
aria-haspopup="menu"to the "More" button. - Added
role="menu"to the container wrapping the list of items. - Provided an example in the documentation of how to assign
role="menuitem"to the items only when they are present in the menu.
- Added
- [DatePicker], [RangeDatePicker]: Added ability to set the initially displayed month and year in the calendar body when the picker opens via the
initialViewMonthprop. - [Dropdown]: Added
fixedBodyPositionprop to control dropdown positioning. Passtrueto keep the dropdown list fixed in the position where it was first opened.
What's Fixed
- [DataTable]: Fixed resizing for right-fixed columns.
- [TimePicker]: Reworked body open/close behavior. The body now opens on input click or 'Enter' key press (instead of 'focus' on target) and closes on 'Escape' or click outside (instead of target blur). Added focus lock behavior.
- [uui-core]: Removed
isFocusReceiverInsideFocusLockhelper function that was causing focus management issues in picker components. - [LabeledInput]: Fixed incorrect prop resolution for
infoIcon. - [PickerInput]: Changed value in
aria-haspopupattribute from "true" to "dialog" (#2947). - [PickerInput]: Fixed an issue where item count text was truncated in
isSingleLinemode. - [TextInput]: Removed call to
onCancelcallback on 'Escape' press. - [Pagination]: Fixed an issue where pagination elements were not grouped into a list (#2942).
- Added "Previous page" and "Next page"
aria-labels to the previous and next pages respectively.
- Added "Previous page" and "Next page"
- [DatePickers]: Fixed calendar matrix calculation to use locale-specific
firstDayOfWeekfrom dayjs instead of hardcoded i18n configuration, ensuring correct calendar layout for any locale. - [RangeDatePicker]: Display clear icon when at least one date is selected.
- [PickerInput/PickerModal]: Fixed announcing of a picker item's content in screen readers when the item becomes focused (#2946).
- [Dropdown]: Added example for fixed body position when toggler changes place.
- [PresetActionsDropdown]: Fixed unreadable dark text in SuccessNotification after "Copy link" action under Loveship-Dark theme.
- [TimePicker]: Fixed invalid value reset in case the previous value was empty.
- [Blocker]: Changed blocker background color and animation.
- [Error Pages]: Updated error images according to the design.
- [DataTable]: Fixed 'Not found' block alignment to center.