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.