Currently angular will fail builds due to type check if kendo-timepicker value is null/undefined.

It requires it to always be a date - making it impossible to have initially empty values or to even reset the selection/value and show a placeholder.

Even the documentation for placeholder says:

Specifies the hint the TimePicker displays when its value is `null`.

private _value: Date = null;
@Input() public set value(value: Date)

But the input does not allow this. Even the property is defined in a way that would fail type checks in any newer angular project (strict mode is the default).

The only workaround currently is to  disable type check with $any()

when someone clicks on a date in the middle of the component, it will scroll the component instead of selecting the date.

This occurs in chrome and edge. In firefox this issue is not observed.

Steps:

1. Open a datepicker (https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/)
2. Hover over tuesday (bootstrap theme), between tuesday and wednesday in default theme.
3. Click on the date.
4. The component scrolls instead of selecting the date.

The cursor also changes from pointer to default. It seems another component is on top of the tuesday column.

Hello,

The control https://www.telerik.com/kendo-angular-ui/components/utils/draganddrop/drag-container/ cannot be used on mobile devices. I am not able to move the element in its position. I also tested it directly on a mobile device and it doesn't work there either.

Please provide an option to use the utility on mobile devices.

I found a bug in your last update in this package:

https://www.npmjs.com/package/@progress/kendo-angular-dialog

The bug causes the modal not to show up.

In this bug you need to allways start the HTML files with the tag <kendo-dialog> and end the files </kendo-dialog> to fix the problem, which did not happen in previous versions of the package.

This bug is an issue because not even your tutorials work because of this.

Will you fix this?

Best regards André Lourenço

Hi,

When "popupSettings.appendTo" is set to 'component' then the value binding is broken and the "valueChange" event is not triggered.  It is not possible to select an item and the underlaying model is not updated.

Issue can be reproduced in this StackBlitz: https://stackblitz.com/edit/angular-f76kqf?file=src/app/app.component.ts

Regards

Holger

After updating to Angular version 17.3.0 the TabStripComponen throws errors:

• Error: Failed to execute 'setAttribute' on 'Element': 'aria-disabled]' is not a valid attribute name.
• Error: Cannot read properties of undefined (reading 'filter')

The problem can be reproduced using this StackBlitz sample: https://angular-baaosj.stackblitz.io

I am trying to access the documentation for Kendo UI for Angular and I am getting a redirect error in the browser (Chrome and Firefox), specific to the Kendo Grid documentation for filtering:
https://www.telerik.com/kendo-angular-ui/components/grid/data-operations/filtering/ 

I've created a Plunker: http://plnkr.co/edit/WoqkaDZpq8hU24m0eKcv?p=preview

Show the detail template of Row 1 in Beverages, then collapse the Beverages group. the Detail for Chai does not go away with the rest of the table.

On a feedback portal search and paging is not working.

Open feedback portal and enter search criteria with more then five item. example

When you want to view result for second page, search is not preserved (it is empty).

Hello

Currently the datePicker and probably other controls that implement the rangeValidation property do not listen to changes on the rangeValidation input.

This is preventing whether range validation is enabled based on other form input changes during user interaction with the form.

Can this be changed so it listens on ngChanges?

Steps to reproduce:

Create fresh angular 9+ project : ng new angular9-kendo-editor-test

run cmd to add editor module: ng add @progress/kendo-angular-editor

Add config to serve es5 generated scripts so IE will work: https://medium.com/better-programming/how-to-fix-your-angular-app-when-its-not-working-in-ie11-eb24cb6d9920

run cmd to serve es5 config: ng serve --configuration es5

Open IE and browse to http://localhost:4200

Open developer tools, observe there is a script error

Comment out the EditorModule import in app.module.ts and you can see the app now works...

On the DropDownList Grouping page and the MultiSelect Groping page, the first label (Meat) does not show in IE 11.

https://stackblitz.com/edit/angular-niog8n-eldomz?file=app%2Fapp.component.ts

I very recently tried to update kendo UI to the latest version (from kendo-default-theme 4.23.0 to latest), and ran into a lot of problems, caused by the fact that I don't use the precompiled css theme styles. (removing the "node_modules/@progress/kendo-theme-default/dist/all.css" from the styles array in angular.json)

It is very opaque which styles needs to be imported for which module, and in what order they to be imported, since that seems to matter too.
Especially because there are no documentation for this at all.

For example, to get the styles for the new kendo-textbox component, the following needs to be imported in the styles.scss, AND in that specific order.

button needs to be first, and forms has to be before textbox and input

@import '~@progress/kendo-theme-default/scss/button/_index.scss';
@import '~@progress/kendo-theme-default/scss/forms/_index.scss';
@import '~@progress/kendo-theme-default/scss/textbox/_index.scss';
@import '~@progress/kendo-theme-default/scss/input/_index.scss';

which means that none of the following will compile: 

@import '~@progress/kendo-theme-default/scss/forms/_index.scss';
@import '~@progress/kendo-theme-default/scss/button/_index.scss';
@import '~@progress/kendo-theme-default/scss/input/_index.scss';
@import '~@progress/kendo-theme-default/scss/textbox/_index.scss';

@import '~@progress/kendo-theme-default/scss/button/_index.scss';
@import '~@progress/kendo-theme-default/scss/input/_index.scss';
@import '~@progress/kendo-theme-default/scss/forms/_index.scss';
@import '~@progress/kendo-theme-default/scss/textbox/_index.scss';

As i see it there are two reasonable ways to solve this, where the first obviously results in the best user experience:

• Refactor the styles "modules" to be 1:1 with either the angular module or the specific component, so using one module/component results in a single SCSS import only
• Create documentation that very explicitly states what files to import and in what order they need to be imported when using compiled SCSS

Hi, 

i'm trying to use the WindowService customizing the messages (tooltip) of the action buttons.

Seems that the custom labels are not shown and i have a console error

preview-2f5baf5affd53e419d85b.js:1 ERROR TypeError: Cannot set property 'closeTitle' of undefined

Here an example:

https://stackblitz.com/edit/angular-8z7vou

any suggestions?

When resizing grid columns so the last column does not reach the right border of the grid (sum of columns width < current grid width), loading stored state (or changing column width property in any way) does not restore the columns width proportionaly to use the full width of the grid.

Note: in this case, the default columns width sum and stored state columns width sum are always inferior to the grid width in order to use proportionality and adapt to every screen size.

In our implementation, we made a "Reset columns view" (working exactly as the loading store data), but if the user play arround with the columns as described above), the reset is broken.

Reproduce steps:

Using the persisting state exemple available in the doc: https://stackblitz.com/edit/angular-3jdmzy?file=app%2Fapp.component.ts

- Click "Save current state"

- Resize grid columns so the last column does not reach the right border of the grid

- Click "Load saved state", the columns are resized proportionaly of the saved state but on the base of previous columns width sum instead of the full grid width.

When a Grid cell is focused, and after this, the data is filtered so that the data contains fewer items than the index of the row the last focused cell was in, the Grid table area does not receive focus when tabbed into.

Please check the example:

https://stackblitz.com/edit/angular-xqswy5-zqeqkb?file=app/app.component.ts

Hi All,  

    Anyone can help us to figure it out?

   Currently, We are using Angular Kendo Gird package, and got issue for tooltip message for Gird.

        When We mouse move over 3 dots for grid column menu, we would get strange tooltip message,  for details , please check it from attachment.

         My Email:liji.tao@teranet.ca

Thanks

Liji

I'm using the Kendo Angular DropDownList component and I'm facing a couple of accessibility issues.

I got two issues, the same as those I get in my own application using the DropDownList component.
I've attached the output for both issues below.

First issue and an explanation of the issue and its solutions can be seen in the first attachment.

Second issue and an explanation of the issue and its solutions can be seen in the sercond attachment.

If the value string for a QR Code is greater than 100 characters the resulting QR Code cannot be scanned. Here's a StackBlitz demonstrating the issue:

https://stackblitz.com/edit/angular-2axafs?file=app/app.component.ts

Interestingly enough, this issue doesn't seem to be present in the AJAX version of the QR Code component as putting in a +100 character string on the example page results in a valid QR Code: https://demos.telerik.com/aspnet-ajax/barcode/examples/qrcode/defaultcs.aspx