Angular Date Inputs Overview

The Kendo UI for Angular Date Inputs are components which provide user-friendly interface for selecting dates and times when scheduling appointments.

The Date Inputs are built from the ground up and specifically for Angular, so that you get high-performance date-input controls which integrate tightly with your application and with the rest of the Kendo UI for Angular components.

The Date Inputs are part of Kendo UI for Angular, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.Start Free Trial

Calendar

A component for date selection and navigation

DateInput

An input field which recognizes and formats values as dates

DatePicker

A component which allows the fast selection of date values

DateRange

A set of directives and components which provide date range selection

DateTimePicker

A component which allows the fast selection of date and time values

MultiView Calendar

A component with multiple month views which provides date selection and navigation

TimePicker

A component for selecting time values from a time-list

Angular Date Inputs Example

Change Theme

Theme

Loading ...

Angular Date Inputs Key Features

Each Kendo UI for Angular Date Inputs component delivers a range of handy and developer-friendly features whose number and further development are not limited by the list in this section. The Kendo UI for Angular team constantly invests efforts to improve the performance and add more value to the existing Date Inputs library as well as develop new features and controls to it.

Forms Support

All Date Inputs provide support for both asynchronous template-driven Angular forms and the predominantly synchronous reactive Angular forms. This feature allows you to draw on the logic set either in the template, or in the component's Typescript code. Read more about the forms support of the Calendar...

Date and Time Ranges

Except for the MultiViewCalendar, all Date Inputs provide configuration options for setting a start and end date or time and, in this way, defining date or time ranges. Read more about the date ranges in the Calendar...

Disabled Date Inputs

You can render the Date Inputs in a disabled state so that users cannot interact with them. Read more about the Disabled Calendar...

Selection Modes

The Date Inputs provide a number of selection modes which allow users to select a single date, a range of dates, or multiple dates. Read more about the selection modes of the Calendar...

Formats

The input-based Date Inputs let you to configure a desired date format for their displayed value. This feature also allows you to display different formats for the date value depending on whether the component is currently focused or blurred. Read more about the formats of the DatePicker...

Placeholders

The Date Inputs conveniently enable you to render a text hint inside the their input field to give the users an indication of what type of value they should provide and in what format. Read more about the placeholders of the DatePicker...

Typing

You can control the user typing experience of the input-based Date Inputs by configuring the available typing options depending on your specific requirements—for example, displaying a blinking caret, auto-correcting the date segments, etc. Read more about the typing options of the DatePicker...

View Options

The calendar-based Date Inputs provide various view options for configuring the type of the calendar, the initially displayed view, the currently focused date, and the view depth, to which the user can navigate. Read more about the view options of the DatePicker...

Templates

You can visually customize the content and the overall appearance of the calendar-based Date Inputs by utilizing ready-to-use templates and applying them to the individual cells of the components—for example, to the month, year, decade, or century calendar cells. Read more about the templates used by the Calendar...

Integration with JSON

Since the Date Inputs components only work with JavaScript Date instances, and the received data from the server is serialized in a JSON format, the components provide options for binding them to dates that are serialized as strings. Read more about the integration with JSON provided by the DatePicker...

Globalization

The Kendo UI for Angular Date Inputs support globalization to ensure that they can fit well in any application, no matter what languages and locales need to be supported. Additionally, the Date Inputs support rendering in a right-to-left (RTL) direction. Read more about Date Inputs globalization...

Accessibility

The Date Inputs are accessible for screen readers and support WAI-ARIA attributes. Read more about accessibility support of the Calendar...

The Date Inputs support a number of keyboard shortcuts which alow users to accomplish various commands. Read more about the keyboard navigation of the Calendar...

Trial Version of Kendo UI for Angular

The Kendo UI for Angular Date Inputs are part of the Kendo UI for Angular library. Kendo UI for Angular offers a 30-day trial with a full-featured version of the library—no restrictions! What’s more, you are eligible for full technical support during your trial period in case you have any questions. Sign up for a free 30-day trial of Kendo UI for Angular.

Support Options

For any questions about the use of Kendo UI for Angular Date Inputs, or any of our other components, there are several support options available:

Kendo UI license holders and anyone in an active trial can take advantage of the Kendo UI for Angular outstanding customer support delivered by the actual developers who built the library. To submit a support ticket, use the Kendo UI support system.
Kendo UI for Angular forums are part of the free support you can get from the community and from the Kendo UI team on all kinds of general issues.
Kendo UI for Angular feedback portal and Kendo UI for Angular roadmap provide information on the features in discussion and also the planned ones for release.
Kendo UI for Angular uses GitHub Issues as its bug tracker and you can submit any related reports there. Also, check out the closed list.
Of course, the Kendo UI for Angular team is active on StackOverflow as well and you can find a wealth of questions and answers there.
Need something unique that is tailor-made for your project? Progress offers its Progress Services group that can work with you to create any customized solution that you might need.