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

FormatSettings

Updated on Jun 17, 2025

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.