A component that allows you to upload and display powerpoint files.

Currently, the TimePicker and DateTimePicker do not have the toggleButton property. This prop is present for the DatePicker but it should also be present for the rest of the dateinput component to keep the API consistent.

To enhance UX, it should be better that when the user clicks between the label and the checkbox/radiobutton, it actionnates the checkbox/radiobutton.

Today this is how a radiobutton is structured. 

An improvement would be to nest the input inside the label, so it does what i said above, eg. :

 <label>
 <input type="checkbox" id="myCheckbox" name="myCheckbox">
 Click me to toggle the checkbox
 </label>

This would greatly enhance UX and is very common in web development.

Hi, Keyboard navigation using "page down" and "page up keys" doesn't work.

Here is a stackblitz where the problem can be reproduced: https://stackblitz.com/edit/react-q9n5fe?file=app%2Fmain.tsx
Reproduction steps:

1. Click inside the grid
2. Press "Page down" or "Page up" - doesn't work

It only works when:

1. Click outside of the grid
2. click on vertical scroll bar without selecting any grid cell.
3. Press"Page down" or "Page up" - it works.

Best Regards

Hubert

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.

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

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.

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.

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

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.

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

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.

 

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

Kindly help, I need onscroll event or listener to scroll  other pdf's section simultaneously, Right now there no scroll event in pdf-viewer to detect scroll position

Add support for the Unstyled Mode to the KendoReact Grid.

Currently, using npm install --save @progress/kendo-theme-material will get the standard Material Design theme for use across the React Components, but why is Material Black not available this way? (npm install --save @progress/kendo-theme-materialBlack)

If you create a react grid without any GridColumn components and then add those components later, the added columns do not show and the grid is empty.  It appears, after a quick look that the columns have a width of 0 pixels.  They exist in the html, just not displayed.

 

See https://codesandbox.io/s/mmr894nllp as an example of the problem.  This example starts with a populated grid.  You can add columns and data using the buttons above the grid.  This works fine.  If you then "Reset" the grid with the button, which removes all data, any attempt to add columns and data will show a blank grid.

 

Thanks,

Joe

We are evaluating the React Grid component for our application and need to be able to have rows that span all columns.  To do this, I have created a rowRender function that, for some rows, will render a single <td> element with the colspan set to 100%.  The row renders fine, but the other rows, that have multiple <td> elements do not all render correctly.  For my test application, they will render with a width of 8 pxs.  On resize of a column, they will almost render correctly.

Here are some pictures of the issue in our test code.

https://drive.google.com/open?id=1bMwlUi7-7QiVHc6lubPiz45svHG1FSnS

I have created a sandbox that sort of reproduces the bug. https://codesandbox.io/s/w73v0x0mz8

If you select the "Show Full Row", the row with Id 999 will convert to a single <td> element with colspan='100%'.  You will notice how after doing so, the last three columns collapse to a small number of pixels.

 

Thanks

Joe

Typing 111 in DatePicker results in skipping the day part. The third 1 is set to the year portion.

It is reproduced in our demo as well: 

https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/

Calendar picker Template displays wrong year range when you click on a certain year.

Steps to Reproduce:

1) Open https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/ in the Chrome browser

2) Click on the calendar icon, click on 'month/Year' in the calendar header e.g. March 2019

 
3) Click on the 'Year' in the calendar header i.e. 2019

4) further Click on the Year Range i.e 2010-2019

5) Year range will display from 2000 - 2090, Select year 2010

Wrong Year range (2090 - 2099) will display when clicked on 2010.

This is working properly in the Firefox browser and I observed the issue in Chrome.