Hide the Default DatePicker Button
Environment
| Product | Progress® Kendo UI® DatePicker for jQuery |
| Operating System | Windows 10 64bit |
| Visual Studio Version | Visual Studio 2017 |
| Preferred Language | JavaScript |
Description
How can I hide the default button of the DatePicker in the Kendo UI for jQuery DatePicker?
Solution
The following example demonstrates how to hide the default button of the DatePicker by using CSS.
<input id="datepicker" value="10/10/2011" style="width:150px;" />
<script>
$(document).ready(function() {
$("#datepicker").kendoDatePicker();
});
</script>
<style>
.k-datepicker .k-button {
display: none;
}
</style>