Getting Started with Kendo UI for Angular DateTimePicker

The DateTimePicker enables the user to select date and time values.

The component combines the Kendo UI DateInput, Calendar, and TimePicker.

Basic Usage

The following example demonstrates the DateTimePicker in action.

Functionality and Features

• Disabled DateTimePicker
• Read-only DateTimePicker
• Date and time ranges
• Disabled dates
• Formats
• Placeholders
• Incremental steps
• Calendar options
• Popup options
• Templates
• Forms support
• Integration with JSON
• Globalization
• Keyboard navigation
• Accessibility

Methods and Events

The following example demonstrates the basic valueChange, focus, blur, open, and close events of the DateTimePicker.

The DateTimePicker exposes a set of methods for programmatic component control.

To open or close the DateTimePicker, you can use the toggle method. toggle does not trigger the open and close events of the component.

Suggested Links

• API Reference of the DateTimePicker