TimePickerTagHelper

Example

Razor

<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.
as-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.
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.
adaptive-subtitle	String	Allows customization of the subtitle's text in the adaptive view of the component.
adaptive-title	String	Allows customization of the title's text in the adaptive view of the component.
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.
for	ModelExpression	An expression to be evaluated against the current model.
input-mode	String	Specifies the inputmode attribute of the inner <input /> element. It is used to specify the type of on-screen keyboard that should be displayed when the user focuses the input.
interval	Int32	Specifies the interval between values in the popup list.
max	DateTime	Specifies the end value in the popup list.
min	DateTime	Specifies the start value in the popup list.
on-change	String	The name of the JavaScript function that will handle the change event. Fires when the selected date is changed
on-close	String	The name of the JavaScript function that will handle the close event. Fires when the time drop-down list is closed
on-open	String	The name of the JavaScript function that will handle the open event. 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.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
size	ComponentSize	Sets the size of the component.
value	Object	Specifies the selected date.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
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.