DateTimePickerProps
Represents the props of the KendoReact DateTimePicker component.
Name | Type | Default | Description |
---|---|---|---|
adaptive? |
|
|
Enable adaptive popup rendering based on viewport width. |
adaptiveSubtitle? |
|
Set the subtitle text in the adaptive popup (action sheet). Use only when | |
adaptiveTitle? |
|
Set the title text in the adaptive popup (action sheet). Use only when | |
allowCaretMode? |
|
|
Determines if the users should see a blinking caret inside the Date Input when possible. |
ariaDescribedBy? |
|
Identifies the element(s) which will describe the component, similar to HTML aria-describedby attribute. For example these elements could contain error or hint message. | |
ariaLabelledBy? |
|
Identifies the element(s) which will label the component. | |
autoCorrectParts? |
|
|
Determines whether to autocorrect invalid segments automatically. |
autoFill? |
|
|
Autofill missing date or time parts with the current date/time on blur. |
autoFocus? |
|
|
Apply the |
autoSwitchKeys? |
|
|
A string array representing custom keys, which will move the focus to the next date format segment. |
autoSwitchParts? |
|
|
Determines whether to automatically move to the next segment after the user completes the current one. |
calendar? |
|
Enables the customization or the override of the default Calendar which is rendered by the DateTimePicker (see example). | |
cancelButton? |
|
Determines whether to display the Cancel button in the popup. | |
className? |
|
Sets the | |
dateInput? |
|
Enables the customization or the override of the default DateInput which is rendered by the DateTimePicker (see example). | |
defaultShow? |
|
Sets if the calendar popup is opened upon initial render. For more information, refer to the article on uncontrolled components in React. | |
defaultValue? |
|
Set the initial | |
disabled? |
|
Determines whether the DateTimePicker is disabled (see example). | |
enableMouseWheel? |
|
|
Enable mouse wheel to increment or decrement segments. |
fillMode? |
|
|
Control the The available options are:
|
focusedDate? |
|
Specifies the initial focusedDate of the Calendar inside the DateTimePicker (see example). | |
format? |
|
Specifies the date format that is used to display the input value (see example). | |
formatPlaceholder? |
|
Defines the descriptions of the format sections in the input field (more information and examples). | |
id? |
|
Specifies the | |
inputAttributes? |
|
Pass HTML attributes to the internal focusable input. Attributes required for core logic are ignored. | |
label? |
|
Renders a floating label for the DateTimePicker. | |
max? |
|
Specifies the greatest valid date (see example). | |
maxTime? |
|
Specifies the greatest valid time within the day (see example). | |
min? |
|
Specifies the smallest valid date (see example). | |
minTime? |
|
Specifies the smallest valid time within the day (see example). | |
name? |
|
Specifies the | |
onBlur? |
|
Fires each time any of the DateTimePicker elements gets blurred. | |
onChange? |
|
/**
| |
onClose? |
|
/**
| |
onFocus? |
|
Fires each time the user focuses any of the DateTimePicker elements. | |
onOpen? |
|
/**
| |
placeholder? |
|
Specifies the hint the DateInput displays when its value is | |
popup? |
|
Enables the customization or the override of the default Popup which is rendered by the DateTimePicker (see example). | |
required? |
|
Specifies if This property is part of the FormComponentProps interface. | |
rounded? |
|
|
Control the corner The available options are:
|
show? |
|
Specifies if the popup will be displayed (see example). | |
size? |
|
|
/**
|
steps? |
|
Specifies the incremental steps of the The available options are:
| |
tabIndex? |
|
Sets the | |
title? |
|
Sets the title of the | |
twoDigitYearMax? |
|
|
Set the upper threshold for interpreting a two-digit year as part of the current century (see example).
Values smaller than ( |
valid? |
|
Overrides the validity state of the component.
If This property is part of the FormComponentProps interface. | |
validationMessage? |
|
Controls the form error message of the component. If set to an empty string, no error will be thrown. This property is part of the FormComponentProps interface. | |
validityStyles? |
|
If set to This property is part of the FormComponentProps interface. | |
value? |
|
/**
| |
weekNumber? |
|
Determines whether to display a week number column of the Calendar inside the DateTimePicker (see example). | |
width? |
|
Specifies the width of the DateTimePicker. |