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.
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.
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
.