Components
Sample Applications
Styling & Themes
Common Features
Project Setup
KendoReact Changelog
Latest Release
v5.3.010 May 2022
Bug Fixes
- expose children prop
- buttons:
- replace deprecated k-state-focus className with k-focus
- replace deprecated k-state-disabled className with k-disabled
- DropDownButton default theme options
- SplitButton default theme options
- SplitButton arrow button rendering
- chip remove icon rendering
- add type to the SplitBtn second btn
- conversational-ui:
- replace deprecated k-state-selected className with k-selected
- replace deprecated k-state-focused className with k-focus
- datatools:
- replace deprecated k-state-disabled className with k-disabled
- replace deprecated k-state-active className with k-active
- replace deprecated k-state-selected className with k-selected
- dateinputs:
- replace deprecated k-state-focus className with k-focus
- replace deprecated k-state-disabled className with k-disabled
- replace deprecated k-state-active className with k-active
- replace deprecated k-state-selected className with k-selected
- remove extra rounding on input buttons
- replace deprecated k-state-invalid className with k-invalid
- replace deprecated k-state-focused className with k-focus
- remove obsolete k-valid className
- dropdowns:
- replace deprecated k-state-empty className with k-empty
- correctly position loading icon
- replace deprecated k-state-invalid className with k-invalid
- replace deprecated k-state-focused className with k-focus
- remove obsolete k-valid className
- add missing class
- editor:
- replace deprecated k-state-disabled className with k-disabled
- replace deprecated k-state-active className with k-active
- replace deprecated k-state-selected className with k-selected
- bump @progress/kendo-editor-common to 1.9.0
- excel: replace deprecated k-state-disabled className with k-disabled
- gantt: replace deprecated k-state-selected className with k-selected
- grid:
- replace deprecated k-state-disabled className with k-disabled
- replace deprecated k-state-selected className with k-selected
- inputs:
- add missing aria-label for ColorPicker button
- replace deprecated k-state-hover className with k-hover
- replace deprecated k-state-focus className with k-focus
- replace deprecated k-state-disabled className with k-disabled
- replace deprecated k-state-selected className with k-selected
- replace deprecated k-state-empty className with k-empty
- remove extra rounding on input buttons
- replace deprecated k-state-invalid className with k-invalid
- replace deprecated k-state-focused className with k-focus
- remove obsolete k-valid className
- labels:
- replace deprecated k-state-empty className with k-empty
- replace deprecated k-state-focused className with k-focus
- layout:
- replace deprecated k-state-focus className with k-focus
- replace deprecated k-state-disabled className with k-disabled
- replace deprecated k-state-active className with k-active
- replace deprecated k-state-selected className with k-selected
- replace deprecated k-state-focused className with k-focus
- menu missing key warning
- cannot set card ref
- fire onItemSelect on Breadcrumb item icon click
- add aria attributes to the TabStrip component
- progressbars:
- replace deprecated k-state-disabled className with k-disabled
- replace deprecated k-state-selected className with k-selected
- scheduler: replace deprecated k-state-selected className with k-selected
- sortable: replace deprecated k-state-disabled className with k-disabled
- tooltip:
- replace deprecated k-state-selected className with k-selected
- replace deprecated k-state-focused className with k-focus
- treelist: replace deprecated k-state-selected className with k-selected
- treeview: items position-based className
- upload:
- replace deprecated k-state-disabled className with k-disabled
- replace deprecated k-state-focused className with k-focus
Features
- map component
- editor: add table resizing
- layout: allow setting custom props to Card DOM element
- popup: add dom element getter
- taskboard: add TaskBoard component
Bug Fixes
- expose children prop
- buttons:
- replace deprecated k-state-focus className with k-focus
- replace deprecated k-state-disabled className with k-disabled
- DropDownButton default theme options
- SplitButton default theme options
- SplitButton arrow button rendering
- chip remove icon rendering
- add type to the SplitBtn second btn
- conversational-ui:
- replace deprecated k-state-selected className with k-selected
- replace deprecated k-state-focused className with k-focus
- datatools:
- replace deprecated k-state-disabled className with k-disabled
- replace deprecated k-state-active className with k-active
- replace deprecated k-state-selected className with k-selected
- dateinputs:
- replace deprecated k-state-focus className with k-focus
- replace deprecated k-state-disabled className with k-disabled
- replace deprecated k-state-active className with k-active
- replace deprecated k-state-selected className with k-selected
- remove extra rounding on input buttons
- replace deprecated k-state-invalid className with k-invalid
- replace deprecated k-state-focused className with k-focus
- remove obsolete k-valid className
- dropdowns:
- replace deprecated k-state-empty className with k-empty
- correctly position loading icon
- replace deprecated k-state-invalid className with k-invalid
- replace deprecated k-state-focused className with k-focus
- remove obsolete k-valid className
- add missing class
- editor:
- replace deprecated k-state-disabled className with k-disabled
- replace deprecated k-state-active className with k-active
- replace deprecated k-state-selected className with k-selected
- bump @progress/kendo-editor-common to 1.9.0
- excel: replace deprecated k-state-disabled className with k-disabled
- gantt: replace deprecated k-state-selected className with k-selected
- grid:
- replace deprecated k-state-disabled className with k-disabled
- replace deprecated k-state-selected className with k-selected
- inputs:
- add missing aria-label for ColorPicker button
- replace deprecated k-state-hover className with k-hover
- replace deprecated k-state-focus className with k-focus
- replace deprecated k-state-disabled className with k-disabled
- replace deprecated k-state-selected className with k-selected
- replace deprecated k-state-empty className with k-empty
- remove extra rounding on input buttons
- replace deprecated k-state-invalid className with k-invalid
- replace deprecated k-state-focused className with k-focus
- remove obsolete k-valid className
- labels:
- replace deprecated k-state-empty className with k-empty
- replace deprecated k-state-focused className with k-focus
- layout:
- replace deprecated k-state-focus className with k-focus
- replace deprecated k-state-disabled className with k-disabled
- replace deprecated k-state-active className with k-active
- replace deprecated k-state-selected className with k-selected
- replace deprecated k-state-focused className with k-focus
- menu missing key warning
- cannot set card ref
- fire onItemSelect on Breadcrumb item icon click
- add aria attributes to the TabStrip component
- progressbars:
- replace deprecated k-state-disabled className with k-disabled
- replace deprecated k-state-selected className with k-selected
- scheduler: replace deprecated k-state-selected className with k-selected
- sortable: replace deprecated k-state-disabled className with k-disabled
- tooltip:
- replace deprecated k-state-selected className with k-selected
- replace deprecated k-state-focused className with k-focus
- treelist: replace deprecated k-state-selected className with k-selected
- treeview: items position-based className
- upload:
- replace deprecated k-state-disabled className with k-disabled
- replace deprecated k-state-focused className with k-focus
Features
- map component
- editor: add table resizing
- layout: allow setting custom props to Card DOM element
- popup: add dom element getter
- taskboard: add TaskBoard component
Bug Fixes
- avatar: add border class if border prop is set
- checkbox: indeterminate state not visible
- input: rename invalid state class
- numerictextbox: remove roundness of the increase and decrease buttons
- scheduler:
- DST change when timezoneOffset equal the slot duration
- allDay events wrong order after click
- switch: rename state classes
- window: correct appendTo type
Features
- all: add react 18 to react dependencies
Bug Fixes
- animations: findDOMNode warning in strict mode
- buttons:
- update dropdown and split buttons focused items state
- set unique keys to the Chip component
- add missing error type for the themeColor property
- DropDownButton menuitem role
- dateinputs: toggleButton tabIndex
- dialogs: initial focus is lost with shift tab
- dropdowns:
- style MultiColumnComboBox group labels
- page is scrolled as events are not prevented in tree components
- label clicks cause the popup to bounce
- toggleButton tabIndex
- add missing key prop to MultiSelectTree custom Tag component
- editor:
- caret color does not change based on foreColor tool color
- bump @progress/kendo-editor-common to 1.8.0
- bump @progress/kendo-editor-common from 1.6.0 to 1.7.1
- gantt: hiding columns brake their content due to invalid cell key
- grid:
- incorrect presentation role set on colgroups
- hiding columns brake their content due to invalid cell key
- column virtualization is misaligned in chrome
- inputs: toggleButton tabIndex
- mccb:
- apply colspan to the cell in the grouping row
- correct width calculation of the popup to include borders
- pivotgrid: improve performace for local data-binding
- popup: onClose event triggers early in specific cases
- scheduler:
- WeekView work-day calculation
- recurrence weekly cannot select sunday
- sortable: component incorrectly redraw items when focusing nested components
- stepper: apply correct grid calculations for vertical layout
- treelist: hiding columns brake their content due to invalid cell key
- upload: set dropZoneNote message based on the Upload restrictions
- utils: draggable invalid window usage
Features
- buttons: add modal option for Floating Action Button
- dateinputs: add aria-label to DateInput and DatePicker
- dialogs: allow rendering without portals
- dropdowns: add aria-label to DropDownList
- editor: add thead, tfoot, colgroup and col nodes support
- grid: improve a11y of filter cells, group and detail expand buttons
- inputs:
- add style and inputStyle props to the NumericTextBox
- add aria-label to NumericTextBox
- popup: allow rendering without portals
- upload:
- expose triggerUpload method on the Upload ref for external upload actions
- add localizable messages for the upload input title
v5.0.1
21 January 2022
Bug Fixes
- grid in v5 requires buttons, but was not state in the package.json
- clear filter icon should be disabled when there is no filter
- conversational-ui: update message box classes
- datatools:
- pager rendering
- HeaderSelectionCell checkbox classNames
- dateinputs:
- toggleButton triggers form submit
- add DateInput spinner buttons type=button
- dropdowns: dropdowntree closes its popup when expand button is clicked
- editor:
- InsertLink Dialog checkbox classNames
- find-and-replace checkbox className
- gantt: form submit button styles
- grid:
- ColumnMenuCheckboxFilter SearchBox styles
- ColumnMenuCheckboxFilter button styles
- Cell checkbox classNames
- inputs: add NumericTextBox spinner buttons type=button
- scheduler: navigation button overflow
- treelist: Cell checkbox classNames
v5.0.0
19 January 2022
Bug Fixes
- buttons:
- deprecate DropDownButton primary property
- deprecate Button primary property
- deprecate SplitButton look property
- deprecate DropDownButton look property
- deprecate Button look property and ButtonLook type
- deprecate Chip type property
- deprecate Chip look property and ChipLook type
- dateinputs: correct Calendar scrollTop on navigate
- labels: correct floating-label className
- layout:
- rename Avatar fill to fillMode
- standartize on theme-options for the Avatar component
- remove shape property of avatar
Features
- buttons:
- implement new styling options for ChipList component
- implement new styling options for FloatingActionButton component
- implement new styling options for Chip component
- implement new styling options for SplitButton component
- implement new styling options for DropDownButton component
- implement new styling options for Button component
- dateinputs:
- implement new styling options for DateTimePicker component
- implement new styling options for DatePicker component
- implement new styling options for TimePicker component
- implement new styling options for DateInput component
- dropdowns:
- implement new styling options for AutoComplete component
- implement new styling options for ComboBox component
- implement new styling options for DropDownList component
- implement new styling options for DropDownTree component
- implement new styling options for MultiColumnComboBox component
- implement new styling options for MultiSelect component
- implement new styling options for MultiSelectTree component
- inputs:
- implement new styling options for ColorPicker component
- implement new styling options for RadioButton component
- implement new styling options for Checkbox component
- implement new styling options for Switch component
- implement new styling options for TextArea component
- implement new styling options for NumericTextBox component
- implement new styling options for MaskedTextBox component
- listbox: implement new rendering for Listbox component
- treeview: implement new styling options for TreeView component
Breaking Changes
- the 'primary' property of the DropDownButton has been deprecated in favour of the 'themeColor' theme option
- the 'primary' property of the Button has been deprecated in favour of the 'themeColor' theme option
- the 'look' property of the SplitButton has been deprecated in favour of the 'fillMode' theme option
- the 'look' property of the DropDownButton has been deprecated in favour of the 'fillMode' theme option
- the 'look' property of the Button has been deprecated in favour of the 'fillMode' theme option
- the 'type' property of the Chip has been deprecated in favour of the 'themeColor' theme option
- the 'look' property of the Chip has been deprecated in favour of the 'fillMode' theme option
- the 'fill' property of the Avatar has been deprecated in favour of the 'fillMode' theme option
- the Avatar theme-options are now aligned with all KendoReact components
- the 'shape' property of the Avatar has been deprecated
v4.14.1
18 January 2022
Bug Fixes
- layout: remove globalThis usage in PanelBar utilities
v4.14.0
17 January 2022
Bug Fixes
- do not throw value errors in production mode
- drawer: remove title tooltip from drawer items
- grid:
- column menu is not visible in checkbox column
- throw error when scrolling is disabled and keyboard nav is enabled
- drag clue shown during resize
- inputs:
- buttons dependency missing
- Slider explicit children prop
- menu: add wrapper around menu item text for better alignment
- pivotgrid:
- stale state update during axis drag
- rows table has incorrect columns width when collapse its data
- empty rows height is smaller
- cannot change sorting from configurator
- popup: preventing page scroll when popup content overflow
- scheduler:
- drag error during scroll after state update
- double parsing of dateRange when expanding recurring events
- treelist: alt rows are not styled
- utils: draggable stale scrollable parent during state update
Features
- add 'sideEffects' field to all kendo-react packages
- barcodes: add Barcode and QR Code
- common: classNames to support class override with object with falsy keys
- dialogs:
- add WindowPropsContext
- add DialogPropsContext
- editor: add NumberedList and BulletedList tools
- layout:
- add ExpansionPanel component
- add dataItemKey prop to the PanelBar
- add PanelBar controlled mode
- pivotgrid: add local data binding
- popup: add onPosition event
- range-slider: update range slider rendering to match universal rendering
- scrollview: add ScrollView component
- slider: update slider rendering to match universal rendering
- tooltip: popover component
v4.13.0
7 December 2021
Bug Fixes
- buttons: trigger onClick Chip event only once
- charts: mousewheel speed in webkit
- dateinputs:
- timepicker focus is lost on drag over closing popup
- Calendar correct propTypes interfaces
- dialogs: window zindex not increasing correctly on focus and blur
- editor: cannot use palette view in ForeColor and BackColor custom tools
- scheduler: default zoned day selection on recurrence-weekly
- typography: intelisense does not show typography props.
Features
- charts: add MousewheelZoom.rate option
- common:
- add useDraggable and useDroppable hooks
- add useCollection hook
- dateinputs:
- add MultiViewCalendarPropsContext
- add TimePickerPropsContext
- add DateTimePickerPropsContext
- add DateRangePickerPropsContext
- add DatePickerPropsContext
- add DateInputPropsContext
- add CalendarPropsContext
- dialogs: add dynamic stacking zindex to Window and Dialog components
- dropdowns:
- add MultiSelectTree Props Context
- add MultiSelect Props Context
- add MultiColumnComboBox Props Context
- add DropDownTree Props Context
- add DropDownList Props Context
- add ComboBox Props Context
- add AutoComplete Props Context
- editor:
- add image resizing
- add resizable prop
- grid: enable autoScroll during columns reorder
- inputs:
- add Switch Props Context
- add Slider Props Context
- add TextArea Props Context
- add Rating Props Context
- add RangeSlider Props Context
- add RadioGroup Props Context
- add NumericTextBox Props Context
- add MaskedTextBox Props Context
- add Input Props Context
- add ColorPalette Props Context
- add ColorGradient Props Context
- add ColorPicker Props Context
- add Checkbox Props Context
- add RadioButoon Props Context
- layout: add keyField prop
- popup:
- add positionMode, margin and scale props
- add dynamic stacking zindex to Popup component
- tooltip: add dynamic stacking zindex to Tooltip components
- utils: add additional confiugration options for Draggable auto-scroll
v4.12.0
22 November 2021
Bug Fixes
- datatools: incorrect filter types accepted by column menu components
Features
- datatools: make field prop optional in column menu components
v4.11.0
18 November 2021
Bug Fixes
- dateinputs:
- MultiViewCalendar view change focusedDate calculation
- replace button.k-button with KendoReact Button component
- editor: bump @progress/kendo-editor-common in /packages/editor
- excel: update dep to resolve jszip vulnerability issue
- gantt:
- year view have misaligned slots due to decimal colspans
- addClick and dependencyCreate events types are not exported
- grid:
- empty rows are rendered in specific case with columnVirtualization
- enter key on ColumnMenu filtering form propagates to its header cell
- multiselect: cannot add custom item by clicking the button
- pivotgrid: do not shrink items in Firefox
- scheduler:
- ignore self when coparing for siblings max-items in slot
- labels on Day/Month views with fixed timezone
- recurrence edit byMonthDay input value update
- item do not display after initially being hidden
- upload: security fix for ReDoS vulnerability
- utils: clone do not copy react components
Features
- charts: add the Chart onRefresh event
- grid: expose column menu wrapper props to header cell
- inputs:
- add FlatColorPicker component
- update ColorGradient rendering and classes to match the latest redesign
- update ColorPalette rendering and classes to match the latest redesign
- layout: add PanelBar keepItemsMounted prop
- upload: add select message component
- utils:
- add useContextProps hook
- add withContextProps HOC
v4.10.0
27 October 2021
Bug Fixes
- update semantic-release version
- datatools: missing initial value when operator changed in Filter component
- dateinputs:
- calendar decade view number of columns
- calendar century view number of columns
- calendar year view number of columns
- calendar classNames
- DateInput tab focus with placeholder
- dropdowns: multicolumncombobox shows empty element when open and close the dropdown
- gantt: multicolumn headers misaligned
- grid:
- column virtualization not working with multiple headers
- sort icon incorrectly labelled
- column autofit not working in latest safari
- auto-column resize in rounding
- auto-column resize in Safari
- listbox: correct react peer deps
- scheduler:
- do not apply minHeight if no items
- collision detection of items
- sortable: dragstart event cause rerender even if prevented
- upload: multiple files are uploaded when dragging with multiple option set to false
Features
- chip: update rendering and classes to match the latest design
- dropdowns: add popupClass prop to popupSettings
- editor: expose interfaces for onMount, onExecute, onPaste, onFocus and onBlur event obje
- multiviewcalendar: add new classes to the rendering based on the design
- scheduler:
- add Auto Item Height functionality
- add Adaptive Slot Height functionality
v4.9.0
14 September 2021
Bug Fixes
- remove sourceMap generation from bundle
- card: set card types correctly
- dateinputs:
- non-dom prop warning on CalendarWeekCell component
- correct DateTimePicker focus on esc keydown
- correct TimePicker focus on esc keydown
- correct default title property
- correct DatePicker focus on esc keydown
- correct DateTimePicker correct focus on cancel click
- dropdowns: fix multiselect not focused on item delete
- editor:
- bump @progress/kendo-editor-common in /packages/editor
- spaces between block elements are parsed into paragraphs
- grid:
- drag not working in portal with iframe
- incorrect filter operator type
- inputs:
- switch does not work as expected when wrapped in html label
- numerictextbox uncontrolles value not ranged
- intl: explicit types for registerFor* functions
- multiselect: cannot add custom item by clicking the button
- scheduler:
- keyboard-navigation between header, view and footer without selection
- correct interface ignore argument
- month skip on prev/next click
- remove href attribute from anchor elements
- add padding to items to allow clicking slots underneath
- date propTypes warning
- window: update the window zindex only when needed
Features
- charts:
- add heatmap chart
- add the autoFit option to the chart series item
- dropdowns: add MultiSelectTree component
- editor:
- add support of class, style and id attributes to table, tr and td elements
- add preserveWhitespace prop
- inputs:
- add style prop to MaskedTextBox component
- add readonly mode for NumericTextBox, improve disabled mode
- labels: add hint disabled state
- layout: add breadcrumb component
- pivotgrid: add PivotGrid component
- utils: add Typography component
Bug Fixes
- use generic hstack and vstack classnames for action buttons
- exclude licensing from CDN bundle
- replace usages of k-bare with k-flat
- dateinputs:
- calendar initial scroll when navigation equals false
- Calendar scroll-sync on react-dom17
- datetimepicker: buttons in the popup cause form submit
- drawer: accessibility issues
- dropdowns:
- multiselect input aria-describedby has additional space
- missing key error in loading icon element
- incorrect rendering inside portal
- editor: bump @progress/kendo-editor-common in /packages/editor
- floatinlabel: k-state-empty is applied when value is set to 0
- grid:
- virtual scrolling not working with selection and filtering
- fix filter button disabled state when the value is empty
- use k-i-plus and k-i-minus for icons instead of k-plus and k-miuns
- initial filter logic set to or is incorectly overriden
- boolean filter cell can't select false
- border width with and without a scrollbar
- apply sticky footer class correctly
- inputs:
- update Checkbox state in Form without initial value
- numerctextbox k-state-focused is missing
- labels: fix package description
- layout: add keyboard nav to the TabStrip for home and end btn
- listbox: export listviewitemprops interface
- popup:
- popup does not close on show=false after reposition
- rendering inside portal leads to issues
- scheduler: current-time-marker across the whole view
- sortable: selection inside input elements inside sortable should work
- tooltip:
- incorrect position in iframe, not updating on title change
- closing on hover when class prop is used
- treelist: aria-expanded attribute applied when no children is available
- utils: clear useasyncfocusblur timeout
- window:
- remove legacy k-content class
- close button should be inside button actions
Features
- buttons:
- add opened property to the SplitButton
- add opened property to the DropDownButton
- charts: add className prop
- dialog: add appendTo property
- dialogs: expose windowElement prop on Window ref
- editor: add title to ForeColor and BackColor tools
- form: add ignoreModified field
- gauges: add className prop
- grid:
- autofit columns on doubleclick
- make cellrender support returning multiple items
- add group/ungroup component for the column menu
- get scrollbar width via css variable
- inputs:
- add title prop to ColorPicker
- add name getter to the Checkbox
- add TextArea name getter
- layout:
- add GridLayout component
- add StackLayout component
- multicolumncombobox: set scrollbar width via css variable
- tilelayout: add ignoreDrag property
- tooltip: add position event to allow modify default positioning
Bug Fixes
- add missing semicolon
- set the props interface to the DialogActionsBar and WindowActionsBar components
- buttons: replace the seleted state class
- dateinputs: fix floating label when initial value is set
- dropdowns: tabIndex correct behavior on disabled
- editor: bump @progress/kendo-editor-common in /packages/editor
- form: fix field onchange event
- grid:
- selection overlay is under locked columns
- virtualization not working with selection
- detail cell have missing aria attributes
- detail row miss the role attribute
- not possible to select multiple checkboxes
- fix the footer incorrect aria attributes
- footerCell ariacolumnindex is incorrect
- inputs: radioButton fix tabIndex
- layout:
- tiles gets re-mounted on prop change
- add DrawerAnimation export
- add drawerselectevent export
- listbox: fix warning for selected option
- multiselect: the loading icon overlaps the clear button
- notification: add missing NotificationEvent export
- scheduler:
- editing new item with multiple resources
- items positioning on isAllDay=undefined
- items resize on scheduler resize instead of window resize
Features
- animation: update react-transition-group pckg to 4.4.2
- chip: add support for custom content rendering
- dateinputs: expose ariaHasPopup and ariaExpanded props
- dropdowns: add MultiColumnComboBox name getter
- editor: expose nativeEvent in onPasteHtml event object
- gantt: add drag selection
- grid:
- expose attribute constants required for selection in custom cells and rows
- add detail row keyboard navigation
- listbox: add a selectedField prop to the ListBoxToolbar
- listview: provide a type for the listview item props
- tooltip: add supprt for svg elements
- treelist:
- add drag selection
- add ariasetsize and ariaposinset attributes
- window: make zindex dynamic
Bug Fixes
- buttons: fix chiplist value proptypes
- checkbox: pressing space key to toggle the checkbox value in Firefox
- dateinputs: DatePicker not closing on blur when onFocus/onBlur callbacks are assigned
- dropdowns:
- multicolumncombobox focus function and value getter of events targets
- multicolumncombobox width differences in header and popup items
- scroll to focused item with different heights of the items
- editor: bump @progress/kendo-editor-common in /packages/editor
- grid:
- selection column breaks accessibility
- column sortable not readed in nvda
- aria col index and row index are incorrect
- translate should not reset when fixedScroll is set
- fix grid column menu checkbox filter styles
- inputs: numerictextbox type while selected all with c0 format is prevented
- progressbar: fix error when unmounting and remounting the progress bar rapidly
- scheduler:
- set slot height only if it's higher than default
- bump draggable version
- form property not applied to the TimelineView
- items overlap in WeekView
- textarea: remove the unnecessary types from the value prop in TextAreaChangeEvent
- treelist: multicolumn headers rendering after expand data items
- utils:
- async focus blur triggering unneccessarry updates
- draggable current document
Features
- calendar: add classes to table HTML elements
- chart:
- add axis label position setting
- date range labels
- data-tools:
- add ColumnMenuForm component
- add expandFilters prop to ColumnMenu
- add itemsRender and render props of the ColumnMenu
- datatools: add utilities for persist and toggle groups collapsed state
- dateinputs:
- add DateTimePicker floating-label support through placeholder prop
- add TimePicker floating-label support through placeholder prop
- add DatePicker floating-label support through placeholder prop
- add DateInput floating-label support through placeholder prop
- pass firstDate as prop to CalendarWeekCell
- dropdowns: add subItemsField to DropDownTree component
- gantt:
- add row prop and expose default row component
- improve accessibility
- gauges:
- rename arcCenterRender to centerRender, add alias for compatibilty
- add circular gauge
- grid:
- add aria column index prop to footer cells
- add drag, row and cell selection
- add onNavigationAction event
- indicators: add Skeleton component
- inputs: add color contrast tool to the ColorPicker
- layout: use universal rendering for the PanelBar component
- pager: add an option to disable the responsive layout
- scheduler:
- enable user defined actions for behavior customization
- add multi-select item editing
- add itemsPerSlot property to the MonthView
- treelist: improve accessibility
- utils: add AsyncFocusBlur High-Order Component
v4.5.0
18 March 2021
Bug Fixes
- buttons: fix className prop usage inside the ChipList
- checkbox: update checked state if the state value is changed from outside
- editor: bump @progress/kendo-editor-common from 1.1.5 to 1.1.6
- grid: prevent selection of the text upon dragging in Firefox
- multicolumncombobox: fix popup width in order the scrollbar to not overlap groups label
- stepper:
- do not allow selecting a disabled step
- do not apply focus on non-clickable steps in linear mode
- tilelayout: fix exception when loading data from state object
Features
- dialogs: add action buttons layout options
- dropdowns:
- add title prop to DropDownList component
- add clearButton and valueRender props of AutoComplete component
- grid:
- add filterTitle prop to GridColumn component
- add scrollIntoView method and fixedScroll prop
- listbox: add an onDragLeave event
- stepper: add properties for setting custom validation icons
- treeview: allow customizing children field
- upload:
- add ExternalDropZone component
- add action buttons layout options
- window: add action buttons layout options
v4.4.0
17 February 2021
Bug Fixes
- buttongroup: remove aria-multiselectable attribute
- buttons: fix Chip aria attributes
- charts: legendItemClick should toggle redraw without transitions
- dateinputs: calendar month rows role
- dropdownds: multicolumncombobox itemRender prop
- dropdowns: multicolumncombobox header prop
- editor: bump prosemirror-view from 1.17.2 to 1.17.3
- form: field onchange incorrectly sets touched
- gantt:
- remove unused variable which results in error after minification
- trivial typo fix
- fix warning
- view buttons submit form
- grid:
- grid rows and columns not narrated
- detail expand cell is not marked with aria-expanded attribute
- multiselect: popup position when k-multiselect-wrap element is resized
- popup: positon is not correct if popup content has padding and no sizes
- ripple: add ripple effect on checkboxes and radio buttons
- treelist: column resizing in strict mode
Features
- improve gantt and treelist accessibility
- combobox: add valueRender prop
- dateinputs: add steps property to the DateTimePicker
- form:
- add submitted form render prop
- add onChange event to Field component
- gantt:
- add timeline header cell prop to gantt views
- add year view
- tooltip: add the appendTo prop
- upload: update design according to the new design
v4.3.0
15 January 2021
Bug Fixes
- buttons: set the correct Chip target
- calendar: correct calculateValue when min/max has hours
- dateinputs: wheel event error on preventDefault()
- gantt: dependency create event not available
- grid:
- radio: move the radio role to the li to prevent accessibility errors
- textarea:
- add k-state-disabled class for disabled styling
- textarea passes invalid props to the native element
- upload: critical vulnerability in dependency
Features
- charts:
- add PaneDefaults component
- read pane title font from theme
- inputs: extend the Checkbox and RadioButton components props
- textarea: add onBlur event handler
v4.2.0
7 January 2021
Bug Fixes
- slider rendering according to latest themes
- Window: fix window behaviour inside containers
- bottomnavigation: fix slugs and docs example
- conversationalui: clone messages before mutating
- dateinputs: selection change during scroll or multi-key press
- dropdowns:
- move exports at the bottom to prevent ES errors
- render aria-activedescendant if dropdown is expanded
- editor: cleanFormatting command behavior and its tool state
- fab: remove focused prop from the items api
- floatingactionbutton: various fixes
- form: field allows using of value and onChange as props which is anty-pattern
- gantt:
- inserting new task on incorrect position
- fix add new record work incorrectly
- rows key prop is not unique
- grid:
- scrolling with virtual scroll incorrecly rerenders all rows due to invalidly set
- header keys of data columns to be independent from group column
- inputs: numerictextbox keeps loose value when disabled
- multiselect: does not close sometimes when clicking outside of it
- scheduler: export default DateHeaderCell and TimeHeaderCell
- tilelayout: fix slugs
- treelist: rows key prop is not unique
Features
- read area and line series inactive opacity from theme
- read series colors 1-30 from theme
- add keyboard navigation support to grid, gantt and treelist
- Grid: add an option to change GridColumnMenuCheckboxFilter search box filter operator
- buttons:
- add item prop to DropDown and Split buttons
- add FloatingActionButton component
- combobox: add grouping
- dropdowns:
- add MultiColumnComboBox component
- add dropdowntree component
- form: add FormElement ref support
- inputs: add RadioGroup item property
- layout: add Bottom Navigation component
- listbox: add Listbox component
- popup: add PopupPropsContext
- scheduler:
- allow header time format customization
- allow header date format customization
- tilelayout: add TileLayout component
- window: add className prop
v4.1.0
13 November 2020
Bug Fixes
- dateinputs: incorrect MultiViewCalendar views change on right-side hover
- radiogroup: add disabled styling on options with labelPlacement before
- scheduler: unmounted component error when dragging
Features
- charts:
- add legend title option
- add plot band label
v4.0.0
21 October 2020
Features
- add react 17 support
- add licensing
- avatar: update avatar visual options
Bug Fixes
Breaking Changes
- Requires an active license key, see https://www.telerik.com/kendo-react-ui/my-license
- Adds @progress/kendo-licensing as peer dependency
- buttons: The deprecated
"bare"
button type has been removed - dropdowns: The deprecated
renderer
prop of the ListItem
component has been removed - grid: The deprecated
data
field of the DataStateChange event arguments has been removed - indicators: Badge and BadgeContainer handles return HTMLElement instead of a ref
- inputs: Checkbox handle return HTMLElement instead of a ref
- inputs: NumericTextBox handle returns HTMLElement instead of a ref
- inputs: RadioButton and RadioGroup handles return HTMLElement instead of a ref
- layout: Drawer, DrawerItem and DrawerContent handles return HTMLElement instead of a ref
- layout: Stepper and Step handles return HTMLElement instead of a ref
- layout: The deprecated 'onLayoutChange' event has been removed
- layout: avatarTheme enum is renamed to avatarThemeColor
- layout: avatarType.INITIALS is renamed to avatarType.TEXT
- progressbars: ChunkProgressBar handle returns HTMLElement instead of a ref
- progressbars: ProgressBar handle returns HTMLElement instead of a ref
- treelist: The deprecated
data
field of the DataStateChange event arguments has been removed - treeview: The deprecated
itemRender
prop has been removed - upload: The previously deprecated
tabindex
prop has been removed. Use tabIndex
instead.
v3.18.0
15 October 2020
Bug Fixes
- checkbox: checkbox passing invalid props to native element
- dropdownlist:
- make built-in left and right keys navigation optional
- style prop is not applied correctly
- dropdowns: dropdowns popup is misaligned after filtering and it is open upwards
- editor: make toolbar built-in keyboard navigation optional
- gantt:
- not rendering body when default view is not set
- throws error if task have no start or end time
- grid: fix grid column and header misalignment
- inputs: Input props types
- listview: content overflows
- multiselect: scrolls to focused item when it's been updated
- popup: allow null for anchor prop
- scheduler:
- AgendaView delete icon
- edit slot instances on date change
- touch drag and resize
- correct width calculation with vertical grouping
- border calculation in Firefox
- no events translation
- edit dialog misaligned action buttons
- slider: RangeSlider min value drag misscalculation
- textarea: enable the Textarea to grow with the content, not only on enter key
- toolbar:
- keyboard navigation with disabled tools
- make built-in keyboard navigation optional
Features
- common: add Icon and SvgIcon components
- editor: improve toolbar keyboard navigation
- excel: add onExportComplete event
- form: add name prop to FieldRenderProps and FieldArrayRenderProps
- grid: add dataIndex to onChange, onExpandChange events and DetailRowProps
- scheduler:
- currentTimeMarker RTL support
- add currentTimeMarker to the Timeline view
- add currentTimeMarker to the Day/Week/WorkWeek views
- add EditItem and EditSlot PropsContext
- toolbar: add support for DropDownList and ColorPicker components
v3.17.0
14 September 2020
Bug Fixes
- make pako-esm and jszip-esm tree-shakeable
- charts: inherit font from theme
- datatools: column widths with fractional numbers prevent calculating table width correctly
- dialogs: update window rendering
- form: not cleaning async operations on unmount
- grid:
- enable mouse events in header cell
- fix grid checkbox filter with nested fields
- inputs: numerictextbox replacing negative with paste does not work
- multiselect: tags list duplicates its items keys
Features
- add Loader component
- get default weekStartDay from locale
- Window: add appendTo prop for the Window
- all: add gantt component
- datetimepicker: add dateinput, calendar and popup props
- editor: find and replace dialog
- gantt: add new gantt component
- inputs: add Rating component
- layout: add AppBar component
Bug Fixes
- Form: native inputs have undefined value during onSubmit
- checkbox: prevent enter key from changing the checkbox value
- dateinputs: correct value on paste
- excel: make JSZip tree-shakeable
- grid:
- nativeEvent is undefined inside the onPageChange event
- column menu not working with default unary operators
- column menu does not show on nested columns
- scroll in cells triggers grid pageChange and scroll events
- incorrect filter descriptor after checbox filter
- inputs: percent format paste and minus sign delete
- scheduler:
- update memoization dependencies
- editor throws error on close and have low performance
- column width increasing on every rerender
- endTime not considered next day when equals startTime
- incorrect intersect logic
- edit dialogs position in the DOM
- treelist: scrolling and then filtering treelist data raises error in virtual scrolling
Features
- add new clear button look
- all: add indicators package
- buttons: add Chip and ChipList components
- editor:
- add Export to PDF tool
- add InsertFile tool
- add CleanFormatting tool
- add SelectAll tool
- add Print tool
- excelExport: add the collapsible prop
- form:
- add more arguments to form and field validators
- add name to Field render props
- expose onFormReset and onChange on Form ref
- grid: add a custom pager property
- indicators: add Badge component
- inputs: add TextArea component
Bug Fixes
- dialog not focused when open
- checkbox: warnings on render inside Field component
- drawer:
- warnings appear if drawer items have custom props
- make drawer item children prop optional
- editor:
- alignment along with white-space pre-wrap style
- spaces are trimmed while typing in firefox
- grid:
- inherit the correct border color for the grid header
- fix additional right border of the header
- checkbox filter value is mutated
- remove the duplicate filters when check all is selected
- checkbox filter clears all filters in the Grid
- k-grid-edit-row class is missing if only custom and non-editable cells are in th
- labels: floating label renders incorrectly when editor has value evaluated to false
- popup:
- open animation in firefox
- remove ReactDOMServer usage
- scheduler: updating recurring event recurrence rule
- treelist: error raises if no items rendered and virtual scrolling enabled
- upload: file name from state is not applied to form data during upload
- window: fix setting initial position of the Window with initial width/height
Features
- colorpicker: add onActiveColorClick event
- dialog: make auto focus optional
- editor:
- add ForeColor and BackColor tools
- style FormatBlock and FontFamily dropdown items
- form: add onSubmitClick event which is always triggered
- grid: add support for locked columns id RTL mode
- pager: add responsive styles
- tooltip: add tooltip style and className props
Bug Fixes
- all: include new components in cdn distribution
- editor: add white-space: pre-wrap style in editor iframe
- grid:
- checkbox filter error when non composite filter is present
- scrollLeft reset on scroll propagation
- scheduler:
- drag resource change without grouping
- time format during resize in day and timeline views
- long dateformat in Header
- items reflow on window resize
- transform non-recurring event to recurring
- drag-hint end calculation
- add drag dead-zone during drag-edit
- workWeekView all-day slots excess
- stepper: prevent only the nessesary keys
- upload: update rendering
Features
- common: add useDraggable hook
- inputs:
- add RangeSlider component
- implement rtl logic for the Slider component
- pdf: add treelist pdf export
- stepper: add Stepper component
Bug Fixes
- remove legacy k-input class name from editor view html dialog inputs
- remove legacy k-input class from editor dialog textboxes
- charts:
- upgrade to new context API
- missing boxPlot type on SeriesType type
- checkbox: apply name attribute to the component
- conversationalui: unexpected scroll behaviour on focus
- dateinputs:
- TimePicker value not changing on set click with initial selection
- picker invalid styles
- add k-state-focused on DateInput
- form:
- editor cursor jumps to the end on each change
- form updates state after unmount
- field component does not swallow type prop
- grid:
- column menu numeric filter on enter
- add missing aria attributes
- checkbox composite filter
- inputs:
- numeric percent format not handled when decimal places are used
- maskedtextbox validation message cannot be turned off
- radio button and group have incorrect event arguments
- colorpicker focus method not focusing wrapper
- intl: remove usage of old context API
- scheduler:
- title localization on lg view
- datePicker zIndex in editing
- auto-detect if defaultView is not provided
- master-row slots during DST change
- slotDuration and slotDivisions update
- export missing interfaces
- keyboard-navigation after item change in same range
- resources visualization
- items positioning in MonthView
- tooltip: tooltip opened with openDelay can stay open even after the onMouseOut event
- window: widnow current height not saved before minimize
Features
- buttons:
- add style property to the ToolbarItem
- add style property to DropDownButton
- add ToolbarSpacer component
- charts: add axisDefaults and seriesDefaults options
- common: add Error, Hint and FormComponentWrapper components
- conversational-ui: add chatMessage component prop
- dateinputs:
- add arialabelledby attribute
- expose DatePicker pickerWrap custom component
- expose DatePicker toggleButton custom component
- dropdowns:
- extend the popupSettings to accept the appendTo prop
- add aria labelledby and id attributes
- editor: add controlled mode
- inputs:
- add aria-labelled by and id attributes
- add rangeOnEnter option to the NumericTextBox
- labels: new package
- layout: add native event to splitter onChange event
- listview: add listview
- progressbars: add ProgressBar and ChunkProgressBar components
- scheduler:
- expose Header component for customization
- add onMouseEnter/Leave and onMouseOver/Out callbacks to SchedulerSlot
- add onMouseEnter/Leave and onMouseOver/Out callbacks to SchedulerItem
- treelist:
- add excel export
- add column menu
- add drag and drop functionality of the rows
- upload: add aria-labelledby and id attributes
- utils: expose useAsyncFocusBlur custom hook
- widnow: add an option to disable widnow title double click
Bug Fixes
- dateinputs: setting the title to null sets the default title
- form: fix field component props type
- grid:
- sync header and body tables scroll
- columns sort prop type to be GridColumnSortSettings
- remove usage of componentWillReceiveProps method
- locked multi-column headers
- document undefined in ssr
- inputs: numeric increase / decrease is broken when rounding
- treelist:
- add white-space:nowrap style for expandable cells
- virtual scrolling ux
- header cells position of dynamic added columns
- filter cells are not locked
- upload:
- success indicator shouldn't fade away
- add new classes for styling the list action buttons
Features
- dateinputs: add support for DateFormatOptions for the format property
- drawer: add itemRender prop
- inputs: add RadioButton and RadioGroup components
- treelist: add "level" parameter to rowClick, selectionChange and itemChange events
v3.11.0
12 February 2020
Bug Fixes
- chat:
- custom input cause js error
- Chat auto-scroll should not prevent user for scrolling up
- dateinputs:
- calendar disabled year view item
- MultiViewCalendar focused date on same 2nd render
- dialogs: fix the height parameter name
- form: form onChange render prop have incorrect parameters
- grid:
- preserve row height on edit
- setting columnMenu to null does not override the grid level setting
- fix dataIndex property incorectly starts from 1
- checkbox filter unique items
- paging pageSizes=false raises an error
- inputs: props are not available in event target of NumericTextBox
- pager:
- apply k-link class by default on pager numeric buttons
- The pager next and last buttons are not disabled when no data.
- scheduler:
- workDayStart/End properties
- invalid aria-title property changed to aria-label
- treelist:
- incorrect colspan of "No records available" td element
- filtering cells rendering when using multi-column headers
Features
- chart: add legend item leave event
- common: add support for arrays in setter
- datatools: set total pages message based on culture
- form:
- add form level validation
- add FieldArray component
- grid: add checkbox filter
- menu: add a class name property
- treelist:
- add paging
- add rows virtualization
v3.10.1
21 January 2020
Bug Fixes
- inputs: fix one format not handled correctly
- numeric: change event is triggered when value is not changed
v3.10.0
15 January 2020
Bug Fixes
- buttons: set type="button" to DropDownButton and SplitButton
- chart: add missing series type boxplot
- pager: remove hover and focus states on selected item
- popup: fix document body null error
- scheduler:
- slots rendering during DST change day
- month-view slot date during DST change day
- sortable: fix document body null error
- switch: warning upon controlled mode
Features
- Window: allow hiding action buttons
- card: add card and avatar components
- data-tools: add filter component
- dropdowns: add focusedItemIndex prop
- editor: re-export prosemirror packages
- form: add reset callback to render props
- inputs: rebuild NumericTextBox to adress all known issues
- layout: add drawer component
- pager: replace select component with the DropDownList
- scheduler:
- accessibility improvements
- add Scheduler keyboard-navigation
- add editing to SchedulerTask in AgendaView
- expose custom renders for Item and Slot
- add slots selection
- add item selection
v3.9.0
25 November 2019
Bug Fixes
- tabindex does not work for disabled upload, sortable, inputs
- calendar: scroll when clicking on the same date from navigation
- grid:
- locked column width is changed when column virtualization is on
- remove table transform style when scrolling is not virtual
- inputs: add guid id
- scheduler: cdn distribution
Features
- add getTabIndex method
- inputs:
- implement FormComponent interface in Switch component
- add checkbox component
- treelist:
- add multi-column headers
- add columns reordering
- add columns resizing
v3.8.0
25 November 2019
Bug Fixes
- tabindex does not work for disabled upload, sortable, inputs
- calendar: scroll when clicking on the same date from navigation
- grid:
- locked column width is changed when column virtualization is on
- remove table transform style when scrolling is not virtual
- inputs: add guid id
- scheduler: cdn distribution
Features
- add getTabIndex method
- inputs:
- implement FormComponent interface in Switch component
- add checkbox component
- treelist:
- add multi-column headers
- add columns reordering
- add columns resizing
v3.7.0
15 November 2019
Bug Fixes
- charts:
- sparkline does not refresh on dataChange
- fix chart defaults not correctly set
- dateinputs:
- datetimepicker close on cancel click
- DateInput role
- grid:
- invalid aria-sort attribute value
- columns cannot be resized in rtl mode
- layout: prevent scroll of the page on keyboard navigation
- sortable: fix offset parent not calculated correctly
- upload: blur with click does not remove focused style
Features
- update draggable version
- dateinputs: add focus method
- dropdowns: add focus method
- editor: add focus method
- grid: add onRowDoubleClick event
- inputs:
- add focus method
- add browser autofill floating label support
- layout: add option to splitter panes to keep content mounted on collapse
- treelist:
- add locked columns
- add column virtualization
v3.6.0
17 October 2019
Bug Fixes
Features
v3.5.0
15 October 2019
Bug Fixes
- dateinputs: remove componentWillReceiveProps lifecycle method
- dropdownlist: disabled DropDownList can be opened if inside a label
- editor: FontSize and FontName tools behavior when selection is collapsed
- gauges: incorrect range color type
- inputs:
- setting rtl mode does not apply to the label
- input passing invalid props to native element
- layout:
- PanelBar conditional rendering content in PanelBarItem error
- avoid unnecessary rerender on focus/blur
- multiselect: pressing enter key selects first item when there is not focused item in popup li
- panelbar: remove componentWillReceiveProps lifecycle method
- scheduler:
- views dropdown on header shows above the edit dialog on smaller screens
- edit form not using the forms package
- TimelineView events not rendering
- slider: ensure value is in min-max range
- toolbar: buttons refs inside the toolbar are not preserved
Features
- chat: add customizable message box
- dateinputs:
- add DateTimePicker minTime and maxTime properties
- add DateInput minTime and maxTime properties
- add customizable separator message
- form: add form component
- upload: function callback support for saveUrl and removeUrl. Closes kendo-react#193
- window: add a modal prop to the window
v3.4.1
19 September 2019
Bug Fixes
- grid:
- grid component hardcoded colors in frozen columns
- inputs:
- colorpicker incorrectly memoize event handlers
- colorPicker is not closing on arrow up
- scheduler:
- recurrence until date is using incorrect timezone
- recurring events are expanded with incorrect timezone
- timezone incorrectly applied to dates in editor
- form fields incorrectly passed to editors results in random ts errors
- scheduler events are shown before positioning
- dblclick sometimes start drag
- montly recurrence repeaton not showing
v3.4.0
12 September 2019
Bug Fixes
- add timepicker to all package
- colorpicker: comparing colors in hex and rgb formats
- editor: "navigator is not defined" error in nextjs application
- grid: wrap pager dropdown in span to prevent focus lost
- pannelbar: expand mode does not allow closing all panels
- scheduler: DatePicker Popup not visible in editor dialog
- slider: remove inline width
Features
- data-tools: add pager component
- inputs: add colorgradient and colorpalette
- panelbar: allow all panels to be collapsed with expand mode single
- scheduler: add Scheduler component
v3.3.0
29 August 2019
Bug Fixes
- window stop updates after resize
- calendar change view wrong date
- combobox: enter key does not select correct value
- dateinputs:
- calendar view focus with min value and defaultValue
- multiViewCalendar correct range when coming from higher view
- editor: spaces are trimmed at the end of a text while typing in firefox
- grid: column menu sort is not localized
- slider: remove change text from a element
- tabstrip: onChange should be optional
- treelist: header rows top position
- upload: bump axios dependency to remedy dos vulnerability
Features
- grid pager dropdown
- dateinputs: close DateTimePicker if date is selected and now is clicked
- grid: add footer cell
- treelist: add treelist component
- upload: add option to hide action buttons on manual upload
Bug Fixes
- fix npm descriptions
- npm description not build correctly
Bug Fixes
- dateinputs:
- prop type warning for controlled state
- document scroll on element focus
- do not stop propagation of esc keydown
- grid: fix column menu filter throws error on boolean columns
- multiselect: tags prop ignores empty array
Bug Fixes
Features
- buttons: add accessKey prop of DropDown and Split buttons
- dropdowns: add accessKey prop
- inputs: add accessKey prop
Is this article helpful?
Thank you for your feedback!