Remove the Header From the DatePicker Calendar
Environment
Product Version | 2021.3.1207 |
Product | Progress® Kendo UI® DatePicker for jQuery |
Description
How can I remove the header of the Calendar within the DatePicker widget?
Solution
- Attach a handler to the
open event
of the DatePicker. - Obtain a reference to the Calendar widget inside the event.
- Find the header element and remove it.
<input id="datepicker" />
<script>
$("#datepicker").kendoDatePicker({
depth: "year",
start: "year",
open: function (e) {
let calendar = this.dateView.calendar;
calendar.wrapper.find(".k-header").remove();
}
});
</script>