StackBlitz example: https://stackblitz.com/edit/react-vg8pu5?file=app/main.jsx

If you have a Form <Field component={Input}> inside an <ExpansionPanel>, if you press space or enter within the input, the expansion panel also receives the key event and will expand/collapse. It seems like these key events should not bubble out of the Field component.

Is It Possible to Add Persian Datetime format In Datetime Picker

Thanks

In the Checkbox onChange callback, event.nativeEvent.target.checked seems to be set differently depending on whether the input was toggled by mouse click or by pressing space.

After clicking on the Checkbox, event.value and event.nativeEvent.target.checked will have the same value, consistent with the Checkbox's new state.

After pressing space with the Checkbox focused, event.value and event.nativeEvent.target.checked will have different values, with event.value containing the Checkbox's new state and event.nativeEvent.target.checked containing the Checkbox's old state.

I would expect event.nativeEvent.target.checked to be set the same way regardless of whether I am toggling the Checkbox with mouse or keyboard.  Furthermore, I would expect event.value and event.nativeEvent.target.checked to always be equal to each other.

I made a code sandbox to demonstrate the bug here: https://codesandbox.io/s/kendo-react-checkbox-bug-26f7ur

We are currently passing a React.Node which contains both text and custom icons to the DropDownButton text property. The automatically generated aria-label of the DropDownButton returns [object Object] instead of any recognizable text.

Steps to Reproduce:

• Create a DropDownButton with text property set to a React.Node - eg:
  

<DropDownButton text={<div>test text</div>}>

• Inspect the DropDownButton aria-label value using the developer console
  

Expected Result:

aria-label contains the text inside the React.Node

aria-label="test text dropdownbutton"

Actual Result:

aria-label contains [object Object]

aria-label="[object Object] dropdownbutton"

The current grouping implementation renders the resources in each parent group, making duplicates.

The request is for providing an option for grouping resources by adding child items to a specific parent item only (without duplicating them in each group). The UI could be something similar to the following (with collapse/expand functionality):

• https://doc.daypilot.org/scheduler/react/

The data tool Filter component allows me to build an AND/OR filter query. It has a button for adding additional Group objects for nesting query parameters.

Can you please add an option that disables that button so that the user can only add basic AND/OR filters? No additional Groups?

Thank you,

Ryan

Hi there,

I am attempting to utilise the Kendo React ExcelExport component (and in conjunction Kendo UI Spreadsheet component) to be able to export dynamically generated spreadsheets which can do multi-level nested dropdowns on cells, so that our customers who get our spreadsheets can fill in the cells accurately at the point of entry.

Unfortunately the version of the Excel used for these components doesn't support recent formulas, such as SORT, UNIQUE and FILTER which were ok for our Proof of Concept in Excel (Office365 version) but did not work inside the Kendo components listed above.

Could the Kendo components be upgraded to support the latest features of Excel (at least as far as formulas go), this lack of support is impacting our ability to help our customers do remote data entry without additional overhead.

Another example of  the above (which needed additional debug work) was CONCAT vs CONCATENATE, that caught us out for a bit trying to figure out what it was!

Finally, can we make it so exported spreadsheet "sheets" can be hidden as we need a few "preparation" sheets for our data and would be less confusion if it was not visible to the end users.

Thanks for your support on this matter,

Daniel

I would like the occurrencesInRange function from jQuery to be implemented in KendoReact.

This allows calculating collisions with recurring events onDrag or onResize.

It appears the visible elements with the dataItem are available in the SchedulerViewItemsContext props. If this context were accessible with a hook perhaps that would be enough?

Thanks

Hello,

is it possible to do reorder/drag and grop grid rows with the keyboard? It doesn't look this is set up but I wanted to check if it is (or if it's something you will be adding at some point).

https://www.telerik.com/kendo-react-ui/components/grid/rows/row-reordering/#toc-kendoreact-dragdrop

Thanks,

Rebecca

Any chance you could provide simple sample code (stackblitz ideally) demonstrating how to combine multiple PDFExport's into a single PDF file?

The need to combine comes from wanting page numbering to start at 1 within each individual pdf render.

Totally open to using the lower level exportPDF from the drawing library... perhaps there's a straightforward path to combining the individual DataURI's?  also open to using additional 3rd party npmjs libraries.

How to get a selected object for AutoComplete's onChange(...)?

<AutoComplete data={[{id:10, name:"test"}]} textField="name"/>

I am trying to get the DOM element of a `Popover` via`ref`, but the returned `PopoverHandle` does not expose an `element` prop. (https://www.telerik.com/kendo-react-ui/components/tooltip/api/PopoverHandle/)

Please can you keep the all component handle API consistent by always exposing the underlaying DOM element?

When an item, which has submenu, from the menu dropdown is hovered the submenu appears. But if you click on the hovered item the submenu disappears.

Expected Behaviour

When an item, which has submenu, from the menu dropdown is hovered and then clicked the submenu should stay visible.

MInimal Reproduction

I'm providing a reproduction from Kendo React code examples.

https://stackblitz.com/edit/react-jqhjyv?file=index.js

Not only would I like control over the group order (like from this thread https://feedback.telerik.com/kendo-react-ui/1523636-need-to-be-able-to-have-more-control-over-the-order-of-groups-in-the-kendo-grid-sort-on-the-text-is-insufficient), it would be awesome if we could sort groups themselves.

I understand that the current set up sorts children within groups but not the groups themselves. However, sorting within and between groups is a bit more intuitive to the user when they see visually-grouped information and try to sort on it => most of our users expect the groups to get sorted as well.

Although I can write my own sorting functionality, it can get out of hand quickly with ascending/descending, numeric vs alphabetic columns, and multi-sort vs single sort, but KendoReact already has the capability to sort in these three ways with its non-grouped grid functionality.

Currently, the category value in the tooltip does not display the formatted value and the only option for changing this is by using the "render" and defining custom rendering. The formatted value should be used by default.

I'm working with the MultiSelect dropdown.

My issue is that feeding my own search control into the header of the dropdown itself seems to be impossible.

Our design calls for this component, but requires a search input within the dropdown itself. I've tried to insert one as a header, but your control is built in a way that forces the dropdown to close when the header of the dropdown is clicked. Making my attempted customization of the component impossible. From quick testing it seems the other dropdowns are built this way as well. Making components work in the header and footer (without closing the popup) would greatly increase the customizability of the dropdowns. 

It also seems that the current search input within the button can't be removed or changed to readonly. Our design doesn't expect customizable input in the button. It seems that even if you have filtering turned off it still accepts input that does nothing.

Hello,

After updating the kendo version in my project to "^5.1.0" I've noticed that some errors are appearing in our console when we are trying to resize items in the Scheduler. 

"use-resize-item.js:53 Unable to preventDefault inside passive event listener invocation."

I have attached a video with the error.

Thanks!

Add `layout` prop (https://www.telerik.com/kendo-react-ui/components/dialogs/api/DialogActionsBarProps/#toc-layout/) to `PopoverActionsBar`.