Hi,

there seems to be an issue when changing the value of a DateTimePicker from null to a Date object and the specified format includes seconds.

Reproduction: 

1. Open https://stackblitz.com/edit/react-hnfuerwc?file=app%2Fapp.tsx  

2. Choose a value from the DateTimePicker 

Actual Behaviour
The chosen value does not show up in the input box. Works OK in 8.5.0

Expected Behaviour
The chosen value should appear in the input box

Browser
Chrome, version 131.0.6778.205

OS
Windows 11

here's a simple repro project minimally tweaked from an original kendo demo:

https://codesandbox.io/p/sandbox/suspicious-lovelace-8nmzgj?file=%2Fpackage.json

just start dragging a column resize handle and you should see the "jitter" right away. in our experience, the jitter is so pronounced that resizing columns is no longer practically usable.

please note this bug is definitely related to putting the kendo grid inside of a css-grid, see that definition in the parent <div style>

as you may imagine, we use css-grid for our overall page layout which i believe is still modern best practice and we really hope you can fix this regression within that usage context.

note, the bug manifests regardless of the gridTemplateAreas or gridTemplateColumns, you can eliminate those entirely and it's still present.

Please would be great a control to read QRCode.

It would be ideal if toODataString could take an additional parameter that:

1. Takes a collection of expressions,
2. Each expression takes an Operator and Value,
3. Each expression returns a string or undefined, where the latter suggests we wish to suppress this expression.

 

Hello! Is it possible to not show a room if there is no meeting on that day while simultaneously showing it on a different person because they have a meeting on that day? In the image below, I edited the data so Peter no longer had a meeting in room 2. Is it possible to get it to show Peter with just the meeting room(s) that they has data for, while keeping Alex with all the rooms that they have data for?

Peter -> Meeting Room 1 

Alex -> Meeting Room 1 AND Meeting Room 2

 

I think this would be a great feature to have. Lets say I have 100 students and/or 100 meeting rooms and all have a different days/times when they are needed. If there was a way to show ONLY what is being booked, or show ONLY what is free, that would be a fantastic feature for users and developers alike. 

https://stackblitz.com/edit/react-fuflvh-dwgfvu?file=app%2Fapp.tsx

A json-file is needed to use localization in Kendo React. It's a lot of work to maintain these files when there are new versions. It's difficult to know which keys have been added, changed or removed.

One way that would really help is if you create a way for us to upload our custom-json and then it adds the missing translations, remove those that you have removed, and update the names of those that has been renamed.

Another better way might be that you collect the translation for different languages and let us download them. That way you can also keep them up to date.

@progress/kendo-react-inputs@9.0.0

going back to this ticket, we'd like to use CTRL+up/down for our own purposes... as such, you can now disregard that feature request in lieu of fixing this bug =)

since this is undocumented behavior (documentation screenshot below) i believe we have a legitimate bug claim.

also, other controls like DateTimePicker reliably ignore the CTRL+up/down while implementing bare up/down as documented.

 

Hello,

Please add a feature to highlight areas of a PDF on specific pages.  This feature is available in a different library - React PDF Viewer library - but that is apparently no longer supported, and has security vulnerabilities:

https://react-pdf-viewer.dev/examples/render-the-highlight-areas/

This is a critical feature for an application we are building.  Thank you for any assistance.

Our client requirement is they need to modify any dates using datepicker.

For example

if 11/11/2024 need to change 11/12/2024

just a single one digit change is not permitted we need to type 12 which is 2 digit change that means complete day

same happens for month and year as well

We found Carbon-date-picker provides similar functionality which solves our requirement where we can modify each and every digit of datepicker element

If you use charts and diagrams based on a time interval you always needs to update this to the current date. I propose the option of typing ex. @today+30, which means that the diagrams will always show the metrics 30 days from now. A clever way of automating the date input. This is a very useful addition to the current functionalities in the date range picker. Please vote.

I'm in need of the format Year/WeekOfTheYear/DayOfTheWeek for the date range picker. Ex. 2024/44/3, meaning the year 2024 week 44 day Wednesday. 

This is not supported currently, please vote for it's implementation if format support has been an issue for you too.

We are used to changing the selection of a line directly with the simple arrow keys (up and down).
This is familiar from Windows Explorer or, for example, the various lists in Microsoft Outlook. There should be an option for this behavior in the DataGrid.

Currently this behavior is different in the DataGrid.

It would be beneficial if there was an option that will make the group header of the DropdownList not sticky

From online doc, it is easily to implement below grouping feature, but the requirement is to collapse all selections under the category (Team Lead for example below), as it could have a lot selections under each category.

Hi! 

I have noticed that keyboard navigation doesn't work in the filter editor components inside the Filter component

Reproduction:

1. Open https://stackblitz.com/edit/react-rvwjsm?file=index.html
2. Choose "name" or "price" from the first dropdown
3. Type anything in the input field
4. Try to change the cursor position in the field using arrow keys - doesn't work

 Is there a way to enable it or go around it? 

We use the PopOver component to create a menu that is more then just a list of links (i.e. a Jumbo Navigation including images, etc.).

Unfortunately the PopOver has no built-in functionality to automatically close it when the user clicks outside of the PopOver, so this has to be implemented manually.

So the request is to add a parameter to the PopOver component that allows to automatically close the popover when the user clicks outside of it when it's open.

 

Currently, there are distinct differences in how the PivotGrid is displayed for local data sources vs OLAP data sources. The functionality for local data sources is extremely inferior to that of OLAP data source. The user experience is very poor. 

Hello, 

We've been using StockChart with Navigator to display a count trend. However, we have an accessibility bug reported on using that component due to single pointer options alternative is not provided for adjusting the graph points. Currently user can only achieve that through dragging. Do we support props that will display input box to resolve this accessibility issue?

MAS reference: https://aka.ms/MAS2.5.7