New to Telerik UI for BlazorStart a free 30-day trial

A component that lets you enter and edit dates with formatting, validation, and keyboard navigation. Supports min/max, placeholders and format placeholders, debounce input, auto-switch/correct parts, two-digit year handling, clear button, read-only, and theming (size, rounded, fill mode).

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Type Parameters:

T

Syntax:

C#
public class TelerikDateInput<T> : TelerikInputBase<T>, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseBaseComponentTelerikInputBase<T>TelerikDateInput<T>

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Inherited Members TelerikInputBase<T>.SetParametersAsync(ParameterView)TelerikInputBase<T>.OnInitializedAsync()TelerikInputBase<T>.OnParametersSetAsync()TelerikInputBase<T>.Dispose()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.OnAfterRenderAsync(bool)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.OnParametersSet()ComponentBase.OnAfterRender(bool)ComponentBase.InvokeAsync(Action)ComponentBase.InvokeAsync(Func<Task>)ComponentBase.DispatchExceptionAsync(Exception)...

Constructors

C#
public TelerikDateInput()

Fields

Steps

DateInputSteps

C#
public DateInputSteps Steps

Methods

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

Overrides: ComponentBase.BuildRenderTree(RenderTreeBuilder)

Moves focus to the component.

C#
public override Task FocusAsync()
Returns:

Task

Overrides: TelerikInputBase<T>.FocusAsync()

Properties

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

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

[Accessibility] Specifies the autocomplete attribute of the component.

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

Specifies if date parts will be auto corrected.

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

Specifies which keys should switch date parts.

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

Specifies if date parts will be automatically switched when completed.

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

Gets or sets the description used for the data-smart-paste attribute.

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

Time in ms between the last typed symbol and the updating of the value. Default is 150ms.

C#
[Parameter]
public int DebounceDelay { get; set; }

Specifies the fill mode of the date input.

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

Specifies the format of the DateInput.

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

Sets the maximum allowed date of the DateInput.

C#
[Parameter]
public DateTime Max { get; set; }

Sets the minimum allowed date of the DateInput.

C#
[Parameter]
public DateTime Min { get; set; }

Specifies the placeholder attribute of the component.

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

[Accessibility] The parameter is used to specify if the input field should be read-only. When set to true, the input becomes non-editable.

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

Specifies the roundness of the date input.

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

Specifies if the clear button will be displayed.

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

Specifies the Size of the date input.

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

Specifies the maximum year to assume to be from the current century when typing two-digit year value. The default value is 68, indicating that typing any value less than 69 will be assumed to be 20xx, while 69 and larger will be assumed to be 19xx.

C#
[Parameter]
public int TwoDigitYearMax { get; set; }

Specifies the width of the DateInput.

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