New to KendoReactStart a free 30-day trial

Represents the options type of the DateInput.

Definition

Package:@progress/kendo-react-dateinputs

Properties

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

Default:

false

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

Default:

true

autoFill

boolean

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

Default:

false

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

Default:

[]

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

Default:

true

Enables mouse wheel scrolling to increase or decrease date segment values.

Default:

true

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.

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.

Determines wether should select the previous segment on backspace.

Default:

true

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.

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.

Default:

68

value

null | Date

Specifies the value of the DateInput.