We have a site that is built with Bootstrap 3.0 style sheets. When we use a Kendo UI DatePicker as a standalone item on an input control, it looks very nice with the Kendo.Boostrap css. However, when we use a DatePicker inside a Kendo grid it has no bootstrap styling, plus there are other elements we see that we don't want user to have to deal with. See the attached picture to see how the two look so different. I circled in red the controls we don't want the user to see.
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.3.914/styles/kendo.common-bootstrap.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.3.914/styles/kendo.bootstrap.min.css"/>
<script src="//kendo.cdn.telerik.com/2016.3.914/js/kendo.all.min.js"></script>
<script src="//kendo.cdn.telerik.com/2016.3.914/js/kendo.aspnetmvc.min.js"></script>
(using a shared partial view for the grid column.)
col.Bound(c => c.StartDate).EditorTemplateName("Date")
(partial view for the template "Date")
@(Html.Kendo().DatePickerFor(m => m).Format("dd/MM/yyyy"))
Any thoughts?