Back to all docs
API Reference / Telerik.Blazor.Components / TelerikTimePicker<T>

Class
TelerikTimePicker<T>

A time input with a popup selector for choosing hours/minutes/seconds. Configure display via Format (default is ). Supports open/close events (OnOpen/OnClose), automatic part switching (AutoSwitchParts/AutoSwitchKeys), caret mode (AllowCaretMode), and programmatic closing (CloseAsync()/Close()). Integrates base picker features like placeholder, min/max, and read-only.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Type Parameters:

T

Syntax:
cs-api-definition
public class TelerikTimePicker<T> : TelerikPickerBase<T>, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseBaseComponentTelerikInputBase<T>TelerikPickerBase<T>TelerikTimePicker<T>

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Inherited Members TelerikPickerBase<T>.OnInitializedAsync()TelerikPickerBase<T>.OnAfterRenderAsync(bool)TelerikPickerBase<T>.Dispose()TelerikPickerBase<T>.Open()TelerikPickerBase<T>.Refresh()TelerikPickerBase<T>.ShowClearButtonTelerikPickerBase<T>.AdaptiveModeTelerikPickerBase<T>.PlaceholderTelerikPickerBase<T>.AutoCompleteTelerikPickerBase<T>.PopupClassTelerikPickerBase<T>.DebounceDelayTelerikPickerBase<T>.MinTelerikPickerBase<T>.MaxTelerikPickerBase<T>.ChildContentTelerikPickerBase<T>.TitleTelerikPickerBase<T>.SubtitleTelerikPickerBase<T>.ReadOnlyTelerikPickerBase<T>.ShowOtherMonthDaysTelerikPickerBase<T>.DataSmartPasteDescriptionAttributeTelerikPickerBase<T>.FillModeTelerikPickerBase<T>.RoundedTelerikPickerBase<T>.SizeTelerikInputBase<T>.SetParametersAsync(ParameterView)TelerikInputBase<T>.OnParametersSetAsync()TelerikInputBase<T>.FocusAsync()TelerikInputBase<T>.CascadedEditContextTelerikInputBase<T>.FloatingLabelTelerikInputBase<T>.IdTelerikInputBase<T>.EnabledTelerikInputBase<T>.TabIndexTelerikInputBase<T>.ValueExpressionTelerikInputBase<T>.ValueChangedTelerikInputBase<T>.ValueTelerikInputBase<T>.OnChangeTelerikInputBase<T>.OnBlurTelerikInputBase<T>.AriaLabelTelerikInputBase<T>.AriaLabelledByTelerikInputBase<T>.AriaDescribedByTelerikInputBase<T>.ValidateOnTelerikInputBase<T>.InputModeBaseComponent.ShouldRender()BaseComponent.InitLocalizer()BaseComponent.ThrowIfParameterIsNull(object, string)BaseComponent.HaveOptionsChanged(IDictionary<string, object>, IDictionary<string, object>)BaseComponent.GetClassString(params string[])BaseComponent.InvokeAsync<T>(string, params object[])BaseComponent.InvokeAsync<T>(string, CancellationToken, params object[])BaseComponent.InvokeVoidAsync(string, params object[])BaseComponent.InvokeVoidAsyncWithoutAwait(string, params object[])BaseComponent.InvokeComponentMethodAsync<T>(string, params object[])BaseComponent.InvokeComponentMethodAsync<T>(string, CancellationToken, params object[])BaseComponent.InvokeVoidComponentMethodAsync(string, params object[])BaseComponent.InvokeComponentVoidMethodAsync(string, object)BaseComponent.InvokeDisposeAsync()BaseComponent.StateHasChanged()BaseComponent.RootComponentBaseComponent.ClassComponentBase.OnInitialized()ComponentBase.OnAfterRender(bool)ComponentBase.InvokeAsync(Action)ComponentBase.InvokeAsync(Func<Task>)ComponentBase.DispatchExceptionAsync(Exception)

Constructors

TelerikTimePicker()

Declaration

cs-api-definition
public TelerikTimePicker()

Properties

AllowCaretMode

Specifies if a caret can be displayed during input (when possible).

Declaration

cs-api-definition
[Parameter]
public bool AllowCaretMode { get; set; }

Property Value

bool

AutoSwitchKeys

Specifies which keys should switch date parts.

Declaration

cs-api-definition
[Parameter]
public List<object> AutoSwitchKeys { get; set; }

Property Value

List<object>

AutoSwitchParts

Specifies if date parts will be automatically switched when completed.

Declaration

cs-api-definition
[Parameter]
public bool AutoSwitchParts { get; set; }

Property Value

bool

EnableWebMcpTools

Enables WebMCP tool registration for this TimePicker. When true, TimePicker operations are exposed as tools discoverable by AI models through the browser. Default value is false.

Declaration

cs-api-definition
[Parameter]
public bool EnableWebMcpTools { get; set; }

Property Value

bool

Format

Specifies the format of the DateInput of the TimePicker.

Declaration

cs-api-definition
[Parameter]
public override string Format { get; set; }

Property Value

string

Overrides TelerikPickerBase<T>.Format

OnClose

Defines the OnClose Event which is fired before the popup of the TimePicker is closed.

Declaration

cs-api-definition
[Parameter]
public EventCallback<TimePickerCloseEventArgs> OnClose { get; set; }

Property Value

EventCallback<TimePickerCloseEventArgs>

OnOpen

Defines the OnOpen Event which is fired before the popup of the TimePicker is opened.

Declaration

cs-api-definition
[Parameter]
public EventCallback<TimePickerOpenEventArgs> OnOpen { get; set; }

Property Value

EventCallback<TimePickerOpenEventArgs>

TimePickerSettings

Provides configuration for WebMCP tools, such as a Name to distinguish this TimePicker from others on the same page.

Declaration

cs-api-definition
[Parameter]
public RenderFragment TimePickerSettings { get; set; }

Property Value

RenderFragment

Width

Specifies the width of the TimePicker.

Declaration

cs-api-definition
[Parameter]
public string Width { get; set; }

Property Value

string

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration

cs-api-definition
protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters

__builder

RenderTreeBuilder

Overrides ComponentBase.BuildRenderTree(RenderTreeBuilder)

Close()

Closes the component.

Declaration

cs-api-definition
public override void Close()

Overrides TelerikPickerBase<T>.Close()

CloseAsync()

Hides the time picker popup.

Declaration

cs-api-definition
public Task CloseAsync()

Returns

Task

OnParametersSet()

Declaration

cs-api-definition
protected override void OnParametersSet()

Overrides ComponentBase.OnParametersSet()

In this article
DefinitionConstructorsTelerikTimePicker()PropertiesAllowCaretModeAutoSwitchKeysAutoSwitchPartsEnableWebMcpToolsFormatOnCloseOnOpenTimePickerSettingsWidthMethodsBuildRenderTree(RenderTreeBuilder)Close()CloseAsync()OnParametersSet()
Not finding the help you need?
Contact Support