DatePicker Reproducible BUG

[Dale]

A bug has been introduced recently where the calendar icon for DatePicker does not display

I can duplicate this bug using your REPL

https://demos.telerik.com/aspnet-core/datepicker

From here I add after line 9

.HtmlAttributes(new { @style = "width: 150px;"})

As you can see this results in no calendar to pick the date

If you make it even wider some of the icon becomes visible

.HtmlAttributes(new { @style = "width: 200px;"})

And at 250 it is fully visible

.HtmlAttributes(new { @style = "width: 250px;"})

We do this across our app using an extension method and it was previously working.

        public static DatePickerBuilder Width(this DatePickerBuilder builder, int width)
        {
            builder.ToComponent().HtmlAttributes.Merge("style", "width:" + width.ToString() + "px");
            return builder;
        }

[Ivan Danchev]

Hello Dale,

The issue is caused by a known bug logged in our repo: https://github.com/telerik/kendo-ui-core/issues/7915

A workaround is provided in the description of the issue and it can be used until an official fix is released.

Here's a REPL example that demonstrates the workaround: https://netcorerepl.telerik.com/cekLnkln13m7nCe357

CSS:

.k-datepicker input {
      width: 100% !important;
}

Regards,
Ivan Danchev
Progress Telerik