Hide the Default DatePicker Button

Updated on Sep 8, 2026

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.

Example

View Source

    <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>

See Also

• DatePicker JavaScript API Reference
• Create Date Masking
• Globally Modify Default Options
• Integrate DatePicker with DateJS Library
• Make Input Elements Read-Only
• Persist Entered Dates
• Resize Calendar Based on Input Width