Edit this page

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.

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article