New to Kendo UI for AngularStart a free 30-day trial

Formats

You can control the format of the DateInput by using the format property.

The component can be configured either to display a single format at all times, or to display the value in different formats when the input is focused or blurred.

Single Format

To configure the component to display a single format at all times, provide to the format property a string value. By default, it is set to 'd'.

For more information on the date and number formats Kendo UI for Angular supports, refer to the kendo-intl GitHub repository.

Change Theme
Theme
Loading ...

Display and Input Formats

To configure the component to display different formats when focused and when blurred, provide to the format property a FormatSettings object with inputFormat and displayFormat specified. The inputFormat will be used when the input is focused, and the displayFormat when blurred.

Change Theme
Theme
Loading ...

Two-Digit Year Format

When the DateInput format includes a two-digit year, the value will automatically be normalized to the current or previous century.

Whether the value will be assumed to be from the current or previous century is controlled by the twoDigitYearMax property. If the typed value is below or equals the twoDigitYearMax value, the date will be assumed to be from the current century. If it's above it, the date will be assumed to be from the previous century.

By default, the twoDigitYearMax is set to 68.

Change Theme
Theme
Loading ...