TimePicker

Example

<kendo-timepicker>
    <animation></animation>
    <interval-settings></interval-settings>
    <label />
    <messages />
    <popup></popup>
</kendo-timepicker>

ChildTags

Tag Name Details
animation TimePickerAnimationSettingsTagHelper
interval-settings IntervalSettingsTagHelper
label TimePickerLabelSettingsTagHelper
messages TimePickerMessagesSettingsTagHelper
popup TimePickerPopupSettingsTagHelper

Attributes

Attribute Type Description
name String Sets the name of the component.
for ModelExpression An expression to be evaluated against the current model.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-template Boolean When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
adaptive-mode AdaptiveMode Specifies the adaptive rendering of the component.
as-module Boolean
auto-adjust Boolean If this property is enabled and you have configured min and/or max values, and the user enters a value that falls out of that range, the value will automatically be set to either the minimum or maximum allowed value. This property has effect only when the dateInput of the component is enabled.
auto-correct-parts Boolean Sets a value that indicates whether to automatically correct the segment when out of range. In order to work, dateInput prop should be set to true.
component-type String Specifies the component type of the widget. "classic" - Uses the standard rendering of the widget. or "modern" - Uses new rendering with a fresh and modern look and feel..
culture String Specifies the culture info used by the widget.
date-input Boolean Specifies if the TimePicker will use DateInput for editing value
dates DateTime[] Specifies a list of dates, which are shown in the time drop-down list. If not set, the TimePicker will auto-generate the available times.
fill-mode FillMode Sets a value controlling how the color is applied.
focus-time DateTime Specifies a time that will be focused inside the popup when opened.
format String Specifies the format, which is used to format the value of the TimePicker displayed in the input. The format also will be used to parse the input.For more information on date and time formats please refer to Date Formatting.
has-client-component Boolean
interval Int32 Specifies the interval between values in the popup list. When the componentType is set to classic, the interval is specified in minutes (numeric values). or When the componentType is set to modern, the interval is specified as an object of hours, minutes and seconds..
max DateTime Specifies the end value in the popup list.
min DateTime Specifies the start value in the popup list.
on-change String Fires when the selected date is changed
on-close String Fires when the time drop-down list is closed
on-open String Fires when the time drop-down list is opened
parse-formats String[] Specifies the formats, which are used to parse the value set with the value method or by direct input. If not set the value of the options.format will be used. Note that value of the format option is always used.
rounded Rounded Sets a value controlling the border radius.
sanitize-id Boolean
script-attributes IDictionary<String,Object>
size ComponentSize Sets the size of the component.
value Object Specifies the selected date.
In this article
Not finding the help you need?