New to Telerik UI for ASP.NET MVC? Start a free 30-day trial

TimePickerBuilder

Class

Defines the fluent interface for configuring the TimePicker component.

Definition

Namespace:Kendo.Mvc.UI.Fluent

Assembly:Kendo.Mvc.dll

Syntax:

public class TimePickerBuilder : DatePickerBuilderBase<TimePicker, TimePickerBuilder>, IHtmlString

Inheritance: objectWidgetBuilderBase<TimePicker, TimePickerBuilder>DatePickerBuilderBase<TimePicker, TimePickerBuilder>TimePickerBuilder

Implements: IHtmlString

Constructors

TimePickerBuilder(TimePicker)

Initializes a new instance of the TimePickerBuilder class.

public TimePickerBuilder(TimePicker component)

Parameters:componentTimePicker

The component.

Methods

BindTo(IList<DateTime>)

Binds the TimePicker to a list of DateTime objects.

public TimePickerBuilder BindTo(IList<DateTime> dates)

Parameters:datesIList<DateTime>Returns:

TimePickerBuilder

Example:

@( Html.Kendo().TimePicker()
.Name("TimePicker")
.BindTo(new List&lt;DateTime&gt; { DateTime.Now })
)

ComponentType(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..

public TimePickerBuilder ComponentType(string value)

Parameters:valuestring

The value for ComponentType

Returns:

TimePickerBuilder

Example:

@(Html.Kendo().TimePicker()
.Name("timePicker")
.ComponentType("modern")
)

FillMode(FillMode)

Sets a value controlling how the color is applied.

public TimePickerBuilder FillMode(FillMode value)

Parameters:valueFillMode

The value for FillMode

Returns:

TimePickerBuilder

Example:

@(Html.Kendo().TimePicker()
.Name("timePicker")
.FillMode(FillMode.Outline)
)

FocusTime(DateTime)

Sets the default focused time when opened.

public TimePickerBuilder FocusTime(DateTime dateTime)

Parameters:dateTimeDateTime

The DateTime value.

Returns:

TimePickerBuilder

Example:

@(Html.Kendo().TimePicker()
.Name("timepicker")
.DateInput()
.FocusTime(new DateTime(2023, 5, 5, 8, 0, 0))
)

InputMode(string)

Defines the "inputmode" attribute of the inner <input /> element. The attribute specifies the type of on-screen keyboard displayed when the user focuses the input.

public TimePickerBuilder InputMode(string value)

Parameters:valuestring

The value that configures the "inputmode" attribute.

Returns:

TimePickerBuilder

Example:

@(Html.Kendo().TimePicker()
.Name("timePicker")
.InputMode("numeric")
)

Interval(Action<IntervalSettingsBuilder>)

Specifies the interval between values in the popup list. When the componentType is set to modern, the interval is specified as an object of hours, minutes and seconds.

public TimePickerBuilder Interval(Action<IntervalSettingsBuilder> action)

Parameters:actionAction<IntervalSettingsBuilder>

The interval settings.

Returns:

TimePickerBuilder

Example:

@(Html.Kendo().TimePicker()
.Name("timePicker")
.ComponentType("modern")
.Interval(interval =&gt; interval
.Hour(3);
.Minute(20);
.Second(15);
)
)

Interval(int)

Sets the interval between hours.

public TimePickerBuilder Interval(int interval)

Parameters:intervalintReturns:

TimePickerBuilder

Example:

@(Html.Kendo().TimePicker()
.Name("timePicker")
.Interval(7)
)

Max(string)

Sets the maximal time that can be selected in the TimePicker component.

public TimePickerBuilder Max(string value)

Parameters:valuestring

The maximal time that can be set.

Returns:

TimePickerBuilder

Example:

@(Html.Kendo().TimePicker()
.Name("timePicker")
.Max("12:30")
)

Max(TimeSpan)

Sets the maximal time that can be selected in the TimePicker component.

public TimePickerBuilder Max(TimeSpan value)

Parameters:valueTimeSpan

The maximal time that can be set.

Returns:

TimePickerBuilder

Example:

@(Html.Kendo().TimePicker()
.Name("timePicker")
.Max(new TimeSpan(10, 12, 30, 10, 10))
)

Min(string)

Sets the minimal time that can be selected in the TimePicker component.

public TimePickerBuilder Min(string value)

Parameters:valuestring

The minimal time that can be set.

Returns:

TimePickerBuilder

Example:

@(Html.Kendo().TimePicker()
.Name("timePicker")
.Min("10:30")
)

Min(TimeSpan)

Sets the minimal time that can be selected in the TimePicker component.

public TimePickerBuilder Min(TimeSpan value)

Parameters:valueTimeSpan

The minimal time that can be set.

Returns:

TimePickerBuilder

Example:

@(Html.Kendo().TimePicker()
.Name("timePicker")
.Min(new TimeSpan(10, 12, 30, 10, 10))
)

Rounded(Rounded?)

Sets a value controlling the border radius.

public TimePickerBuilder Rounded(Rounded? value)

Parameters:valueRounded?

The value for Rounded

Returns:

TimePickerBuilder

Example:

@(Html.Kendo().TimePicker()
.Name("timePicker")
.Rounded(Rounded.Full)
)

Size(ComponentSize?)

Sets the size of the component.

public TimePickerBuilder Size(ComponentSize? value)

Parameters:valueComponentSize?

The value for Size

Returns:

TimePickerBuilder

Example:

@(Html.Kendo().TimePicker()
.Name("timePicker")
.Size(ComponentSize.Medium)
)

Value(TimeSpan?)

Sets the value of the TimePicker input.

public TimePickerBuilder Value(TimeSpan? time)

Parameters:timeTimeSpan?

The TimeSpan value.

Returns:

TimePickerBuilder

Example:

@(Html.Kendo().TimePicker()
.Name("timePicker")
.Value(new TimeSpan(10, 12, 30, 10, 10))
)