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

Integration

Updated on Sep 8, 2026

The DateInput provides options for integrating it with other Kendo UI editor widgets such as the DatePicker, DateTimePicker, and TimePicker.

The following example demonstrates how to integrate the DateInput with the DatePicker by enabling the dateInput property of the DatePicker.

    <input id="datepicker" />

    <script>
      $("#datepicker").kendoDatePicker({
        dateInput: true
      });
    </script>

See Also