When the width of the DatePicker and DateTimePicker is set through style attribute and is set with fixed pixels, the buttons with icons for opening the popup might be hidden.
Depending on the browser used the buttons containing the calendar and time icons are partially visible or entirely hidden. The issue does not occur if the width is set in percentages.
The DatePicker and DateTimePicker components should be entirely visible when the width is set in pixels through the style attribute.
Workaround: Set the input element's width to 100%:
for DatePicker:
.k-datepicker input {
width: 100% !important;
}
for DateTimePicker:
.k-datetimepicker input {
width: 100% !important;
}
for TimePicker:
.k-timepicker input {
width: 100% !important;
}