Kendo UI for Angular

DateInput

Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    Give users an easy way to enter dates in your Angular applications with the versatile Kendo UI for Angular DateInput. To minimize data input errors, the component is set to accept only date values in all existing formats.

    See Angular DateInput Overview demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Disabled DateInput

    Prevent users from entering new dates. You can control the interactivity of the Kendo UI for Angular DateInput component using a single property. Enable of disable the DateInput whenever you need to or until a set of criteria are met.

    See Angular DateInput Disabled demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Incremental Steps

    You can standardly increase or decrease a date slot by one, using either the Kendo UI for Angular DateInput Spin Buttons or the keyboard up and down arrows. To increase or decrease a date by a different number, simply customize the desired rate in Incremental Steps and allow your users to change dates in steps of two, three, five or any value you define.

    See Angular DateInput Incremental Steps demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Date Ranges

    The Kendo UI for Angular DateInput accepts any valid date without a limit on how far in the past or future that date may be. With the built-in min and max settings, you can define the earliest and latest acceptable dates that users can provide.

    See Angular DateInput Date Ranges demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Date Formats

    Date formats are extremely varied and, rather than enforcing one single format, the Kendo UI for Angular DateInput works with any valid date format string. This means that no matter the user or application preference, you can flexibly meet any date formatting requirements with the Angular DateInput.

    See Angular DateInput Date Formats demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Spin Buttons

    Control the current portion of the date string using spin buttons. Increase or decrease the day, month, or year slots of the Kendo UI for Angular DateInput with the arrow-like Spin Buttons.

    See Angular DateInput Spin Buttons demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Placeholders

    Placeholders give users an indication and an example of what type of value they should provide and in what format. The Kendo UI for Angular DateInput conveniently enables you to render a text hint inside the component.

    See Angular DateInput Placeholders demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Forms Support

    The Kendo UI for Angular DateInput supports both template-driven and reactive forms, allowing you to add the component to any existing Angular form.

    See Angular DateInput Forms Support demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Globalization

    The Kendo UI for Angular DateInput supports globalization out of the box, allowing the format of the component to be updated based on the user’s locale.

    See Angular DateInput Globalization demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Keyboard Navigation

    Keyboard Navigation is a critical part of modern web applications and the Kendo UI for Angular DateInput component has built-in functionality to help users select or enter a date using just a keyboard as a sole means of input.

    See Angular DateInput Keyboard Navigation demo.

  • Accessibility

    The Kendo UI for Angular DateInput is AAA rated for WCAG 2.0, and compliant with both WAI-ARIA and Section 508 standards.

    See Angular DateInput Accessibility demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI