TimePickerProps
Represents the props of the KendoReact TimePicker component.
Name | Type | Default | Description |
---|---|---|---|
adaptive? |
|
Providing different rendering of the popup element based on the screen dimensions. | |
adaptiveTitle? |
|
Specifies the text that is rendered as title in the adaptive popup. | |
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. |
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. |
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 TimePicker (see example). | |
defaultShow? |
|
Sets the default state of the popup upon render (see example). | |
defaultValue? |
|
Sets the default value of the TimePicker (see example). | |
disabled? |
|
Determines whether the TimePicker is disabled (see example). | |
enableMouseWheel? |
|
|
Indicates whether the mouse scroll can be used to increase/decrease the time segments values. |
fillMode? |
|
|
Configures the The available options are:
|
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 (see example). | |
id? |
|
Specifies the | |
inputAttributes? |
|
Sets the HTML attributes of the inner focusable input element. Attributes which are essential for certain component functionalities cannot be changed. | |
label? |
|
Renders a floating label for the TimePicker. | |
max? |
|
Specifies the greatest valid time (see example). | |
min? |
|
Specifies the smallest valid time (see example). | |
name? |
|
Specifies the | |
nowButton? |
|
Determines whether to display the Now button in the popup.
| |
onBlur? |
|
Fires each time any of the TimePicker elements gets blurred. | |
onChange? |
|
Fires each time the user selects a new value (see example). | |
onClose? |
|
Fires each time the popup is closed. | |
onFocus? |
|
Fires each time the user focuses any of the TimePicker elements. | |
onOpen? |
|
Fires each time the popup is opened. | |
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 TimePicker (see example). | |
popupSettings? |
|
Configures the popup options of the TimePicker. The available options are:
| |
required? |
|
Specifies if This property is part of the FormComponentProps interface. | |
rounded? |
|
|
Configures the The available options are:
|
show? |
|
Specifies if a time selector will be displayed (see example). | |
size? |
|
|
Configures the The available options are:
|
smoothScroll? |
|
Toggles the smooth scroll animation on time click. By default, the animation is enabled. | |
steps? |
|
Configures the incremental steps of the TimePicker (see example).
| |
tabIndex? |
|
Sets the | |
title? |
|
Sets the title of the | |
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? |
|
Specifies the value of the TimePicker (see example).
| |
width? |
|
Specifies the width of the TimePicker. |