datepicker fillmode and size inputs causing error

[Noah]

trying to use the fillMode or size inputs on a <kendo-datepicker> is causing the following error...

ERROR TypeError: Cannot read properties of undefined (reading 'nativeElement') 

it's happening at line 9241, the toggleButton property seems to be undefined at that point. 

The rounded input which doesn't try to get the toggleButton works fine.

I don't know if it's something specific to my setup, but I can reproduce this by just doing

> ng new testapp

> ng add @progress/kendo-angular-dateinputs

and replacing the app component html with just

<kendo-datepicker fillMode="flat"></kendo-datepicker>

I'm using angular 16, node 18.17, typescript 5.1.6, datepicker version 13.4.0

[Simeon]

Hello Noah,

Thank you for the provided details.

The error is a known bug that is logged in our public GitHub repository:

https://github.com/telerik/kendo-angular/issues/3675

To avoid the error, the developer can bind the fillMode property to a string or to the type of DateInputFillMode as demonstrated in the following example:

https://stackblitz.com/edit/angular-jcynka-ngmmeb

Our team apologizes for the caused inconvenience until the issue is resolved on our side.

Regards,

Simeon
Progress Telerik