New to KendoReactLearn about KendoReact Free.

DateInputOptions

Represents the options type of the DateInput.

NameTypeDefaultDescription

allowCaretMode

boolean

false

Determines if the users should see a blinking caret inside the Date Input when possible.

autoCorrectParts

boolean

true

Indicates whether the mouse scroll can be used to increase/decrease the date segments values.

autoFill

boolean

false

When enabled, the DateInput will autofill the rest of the date to the current date when the component loses focus.

autoSwitchKeys

string[]

[]

A string array representing custom keys, which will move the focus to the next date format segment.

autoSwitchParts

boolean

true

Determines whether to automatically move to the next segment after the user completes the current one.

enableMouseWheel

boolean

format

string | DateFormatOptions

Specifies the date format which is used for formatting the value (see example). If not set, the default format will be used.

formatPlaceholder?

DateInputFormatPlaceholder

Specifies the descriptions of the format sections in the input field (more information and example).

intlService

DateInputIntl

The Intl object that provides internationalization support.

placeholder?

"null" | string

Specifies the hint the DateInput displays when its value is null or there is no partial selection. For more information, refer to the article on placeholders.

selectPreviousSegmentOnBackspace

boolean

true

Determines wether should select the previous segment on backspace.

steps?

DateInputIncrementalSteps

Specifies the incremental steps of the DateInput (see example).

The available options are:

  • year: Number—Controls the incremental step of the year value.
  • month: Number—Controls the incremental step of the month value.
  • day: Number—Controls the incremental step of the day value.
  • hour: Number—Controls the incremental step of the hour value.
  • minute: Number—Controls the incremental step of the minute value.
  • second: Number—Controls the incremental step of the second value.

twoDigitYearMax

number

68

The maximum year to assume to be from the current century when typing two-digit year value (see example). The default value of 68, indicating that typing any value less than 69 will be assumed to be 20xx, while 69 and larger will be assumed to be 19xx.

value

"null" | Date

Specifies the value of the DateInput.

Not finding the help you need?
Contact Support