Back to all docs
API Reference / Telerik.Blazor.Components / TelerikTimePicker<T>
New to Telerik UI for Blazor? Start a free 30-day trial

TelerikTimePicker<T>

Class

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:
C#
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()

C#
public TelerikTimePicker()

Properties

AllowCaretMode

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

C#
[Parameter]
public bool AllowCaretMode { get; set; }

AutoSwitchKeys

Specifies which keys should switch date parts.

C#
[Parameter]
public List<object> AutoSwitchKeys { get; set; }

AutoSwitchParts

Specifies if date parts will be automatically switched when completed.

C#
[Parameter]
public bool AutoSwitchParts { get; set; }

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.

C#
[Parameter]
public bool EnableWebMcpTools { get; set; }

Format

Specifies the format of the DateInput of the TimePicker.

C#
[Parameter]
public override string Format { get; set; }

Overrides: TelerikPickerBase<T>.Format

OnClose

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

C#
[Parameter]
public EventCallback<TimePickerCloseEventArgs> OnClose { get; set; }

OnOpen

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

C#
[Parameter]
public EventCallback<TimePickerOpenEventArgs> OnOpen { get; set; }

TimePickerSettings

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

C#
[Parameter]
public RenderFragment TimePickerSettings { get; set; }

Width

Specifies the width of the TimePicker.

C#
[Parameter]
public string Width { get; set; }

Methods

BuildRenderTree(RenderTreeBuilder)

C#
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters:__builderRenderTreeBuilder

Overrides: ComponentBase.BuildRenderTree(RenderTreeBuilder)

Close()

Closes the component.

C#
public override void Close()

Overrides: TelerikPickerBase<T>.Close()

CloseAsync()

Hides the time picker popup.

C#
public Task CloseAsync()
Returns:

Task

OnParametersSet()

C#
protected override void OnParametersSet()

Overrides: ComponentBase.OnParametersSet()

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