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

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.

Example
View Source
Edit In Stackblitz  
Change Theme:

Functionality and Features

Methods and Events

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

Example
View Source
Edit In Stackblitz  
Change Theme:

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.

Example
View Source
Edit In Stackblitz  
Change Theme: