Date Time Picker not showing icons

[Josh]

I have added a date time picker to a kendo grid custom pop-up template. It shows up with out the Calendar and time selector icons. Attached is an image to describe this better.

 

This is where I am adding the date time to the template

1.<div class="form-group">

2.       <label asp-for="ScheduledSendDate" class="col-md-2 control-label"></label>

3.       <div class="col-md-10">

4.           <input id="date-input" asp-for="ScheduledSendDate" class="form-control" />

5.           <span asp-validation-for="ScheduledSendDate" class="text-danger"></span>

6.       </div>

7.   </div>

 

In the shared editor template folder I have defined the following template for datetimes

1.@model DateTime?
2.
3.@(Html.Kendo().DateTimePickerFor(m => m)
4.    .Min(DateTime.Now)
5.    )

 

I show no errors in chrome developer tools and I have imported all of the kendo css and js into _Layout.cshtml

 

Any help would be fantastic.

 

[Eyup]

Hello Josh,

This seems like a CSS or skin related issue (or a script error), although you verified that the kendo skin is loaded correctly. What happens if you place a calendar or button component on the page, are they are displayed correctly?

You can also try pasting this pure jQuery picker definition to your page or a new page in your project to see whether this issue is related to the kendo jQuery picker altogether or just its MVC wrapper:
https://dojo.telerik.com/ovORAYat/3

Regards,
Eyup
Progress Telerik

[Josh]

Thanks! Turns out the issue was due to trying to use the datetime picker inside of a client template. Doing this fixed my issues.

1.@(Html.Kendo().DateTimePickerFor(m => m.USReleaseDate).HtmlAttributes(new { @class = "form-control", placeholder = "US Release Date" }).ToClientTemplate())