New to Kendo UI for jQuery? Download free 30-day trial

Hide the Default Button

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;" />
      $(document).ready(function() {
      .k-datepicker .k-select {
        display: none;

      .k-datepicker .k-picker-wrap {
        padding: 0;

      .k-datepicker .k-input {
        border-radius: 3px;

See Also

For more runnable examples on the Kendo UI DatePicker, browse its How To documentation folder.

In this article
Not finding the help you need? Improve this article