New to Kendo UI for Angular? Start a free 30-day trial

FormatSettings

Represents the Kendo UI DateInput format settings interface. Specifies the formats used by the DateInput mask when the input is focused or blurred (see example).

html

<kendo-dateinput
  [formatSettings]="{
    inputFormat: 'MM/dd/yyyy',
    displayFormat: 'MMMM dd, yyyy'
  }">
</kendo-dateinput>

Name	Type	Default	Description
displayFormat	`string \| DateFormatOptions`		Specifies the format used when the input is blurred.
inputFormat	`string \| DateFormatOptions`		Specifies the format used when the input is focused.