Class
TelerikDateRangePicker<T>

The class for the DateRangePicker component.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Type Parameters:

T

Syntax:

cs-api-definition
public class TelerikDateRangePicker<T> : BaseComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseBaseComponentTelerikDateRangePicker<T>

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Inherited Members BaseComponent.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.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.SetParametersAsync(ParameterView)

Constructors

TelerikDateRangePicker()

Declaration

cs-api-definition
public TelerikDateRangePicker()

Properties

AdaptiveMode

Defines if the component will adapt and automatically change its rendering based on the current screen size. Default value is None.

Declaration

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

Property Value

AdaptiveMode

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

AllowReverse

Defines if the end date can precede the start date.

Declaration

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

Property Value

bool

AriaLabel

Describe the aria-label attribute for the component.

Declaration

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

Property Value

string

AutoCorrectParts

Specifies if date parts will be auto corrected.

Declaration

cs-api-definition
[Parameter]
public bool AutoCorrectParts { 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

BottomView

Specifies the bottommost view in the picker calendar to which the user can navigate. Default value is Month.

Declaration

cs-api-definition
[Parameter]
public CalendarView BottomView { get; set; }

Property Value

CalendarView

ChildContent

Declaration

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

Property Value

RenderFragment

DebounceDelay

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

Declaration

cs-api-definition
[Parameter]
public int DebounceDelay { get; set; }

Property Value

int

DisabledDates

Specifies a list of dates that can not be selected.

Declaration

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

Property Value

List<DateTime>

Enabled

Specifies whether the DateRangePicker is enabled.

Declaration

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

Property Value

bool

EndId

Specifies the id of the end date input.

Declaration

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

Property Value

string

EndValue

Specifies the value of the end date input.

Declaration

cs-api-definition
[Parameter]
public T EndValue { get; set; }

Property Value

T

EndValueChanged

Specifies the handler that's called when the end value changes. Used for two-way binding.

Declaration

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

Property Value

EventCallback<T>

EndValueExpression

Specifies the model Expression for the End value.

Declaration

cs-api-definition
[Parameter]
public Expression<Func<T>> EndValueExpression { get; set; }

Property Value

Expression<Func<T>>

FillMode

Specifies the fill mode of the DateRangePicker. Default value is Solid.

Declaration

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

Property Value

string

Format

Specifies the format of the date inputs of the DateRangePicker.

Declaration

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

Property Value

string

HeaderTemplate

Specifies the header template.

Declaration

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

Property Value

RenderFragment

Max

Sets the maximum allowed date of the DateRangePicker.

Declaration

cs-api-definition
[Parameter]
public DateTime Max { get; set; }

Property Value

DateTime

Min

Sets the minimum allowed date of the DateRangePicker.

Declaration

cs-api-definition
[Parameter]
public DateTime Min { get; set; }

Property Value

DateTime

OnCalendarCellRender

Fires each time a calendar cell renders. Use the event to add a custom CSS class to each calendar cell based on its value.

Declaration

cs-api-definition
[Parameter]
public Action<DateRangePickerCalendarCellRenderEventArgs> OnCalendarCellRender { get; set; }

Property Value

Action<DateRangePickerCalendarCellRenderEventArgs>

OnChange

Specifies the callback that's called when the current value is committed (confirmed) by the user - either through the Enter key, or when the Component loses focus.

Declaration

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

Property Value

EventCallback<DateRangePickerChangeEventArgs>

OnClose

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

Declaration

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

Property Value

EventCallback<DateRangePickerCloseEventArgs>

OnOpen

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

Declaration

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

Property Value

EventCallback<DateRangePickerOpenEventArgs>

Orientation

Specifies the orientation of the picker calendar. The available vaues are Horizontal (default) and Vertical.

Declaration

cs-api-definition
[Parameter]
public CalendarOrientation Orientation { get; set; }

Property Value

CalendarOrientation

Placeholder

Specifies the placeholder attribute of the component.

Declaration

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

Property Value

string

PopupClass

Defines the CSS class that will be applied to the rendered popup of the component.

Declaration

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

Property Value

string

ReadOnly

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

Declaration

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

Property Value

bool

Rounded

Specifies the roundness of the DateRangePicker. Default value is Medium.

Declaration

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

Property Value

string

ShowClearButton

Specifies if the clear button will be displayed.

Declaration

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

Property Value

bool

ShowOtherMonthDays

Defines if the days from adjacent months are shown.

Declaration

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

Property Value

bool

ShowWeekNumbers

Defines if additional week number column is added.

Declaration

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

Property Value

bool

Size

Specifies the Size of the DateRangePicker. Default value is Medium.

Declaration

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

Property Value

string

StartId

Specifies the id of the start date input.

Declaration

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

Property Value

string

StartValue

Specifies the value of the start date input.

Declaration

cs-api-definition
[Parameter]
public T StartValue { get; set; }

Property Value

T

StartValueChanged

Specifies the handler that's called when the start value changes. Used for two-way binding.

Declaration

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

Property Value

EventCallback<T>

StartValueExpression

Specifies the model Expression for the Start value.

Declaration

cs-api-definition
[Parameter]
public Expression<Func<T>> StartValueExpression { get; set; }

Property Value

Expression<Func<T>>

Subtitle

Defines the subtitle text rendered in the header of the popup. Applicable only when Auto is set.

Declaration

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

Property Value

string

TabIndex

The TabIndex of the component.

Declaration

cs-api-definition
[Parameter]
public int? TabIndex { get; set; }

Property Value

int?

Title

Defines the title text rendered in the header of the popup. Applicable only when Auto is set.

Declaration

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

Property Value

string

TwoDigitYearMax

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.

Declaration

cs-api-definition
[Parameter]
public int TwoDigitYearMax { get; set; }

Property Value

int

View

Specifies the current CalendarView that will be displayed in the picker calendar.

Declaration

cs-api-definition
[Parameter]
public CalendarView View { get; set; }

Property Value

CalendarView

ViewChanged

The handler that will be called when the user navigates to a different CalendarView.

Declaration

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

Property Value

EventCallback<CalendarView>

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 void Close()

Dispose()

Declaration

cs-api-definition
public override void Dispose()

Overrides BaseComponent.Dispose()

FocusEndAsync()

Moves focus to the end input.

Declaration

cs-api-definition
public Task FocusEndAsync()

Returns

Task

FocusStartAsync()

Moves focus to the start input.

Declaration

cs-api-definition
public Task FocusStartAsync()

Returns

Task

NavigateTo(DateTime, CalendarView)

Moves the calendar to specific date in a view.

Declaration

cs-api-definition
public void NavigateTo(DateTime date, CalendarView view)

Parameters

date

DateTime

The date to which to navigate.

view

CalendarView

The view to which to navigate.

OnAfterRenderAsync(bool)

Declaration

cs-api-definition
protected override Task OnAfterRenderAsync(bool firstRender)

Parameters

firstRender

bool

Returns

Task

Overrides BaseComponent.OnAfterRenderAsync(bool)

OnInitializedAsync()

Declaration

cs-api-definition
protected override Task OnInitializedAsync()

Returns

Task

Overrides BaseComponent.OnInitializedAsync()

OnParametersSetAsync()

Declaration

cs-api-definition
protected override Task OnParametersSetAsync()

Returns

Task

Overrides ComponentBase.OnParametersSetAsync()

Open()

Opens the component.

Declaration

cs-api-definition
public void Open()

Refresh()

Re-renders the component.

Declaration

cs-api-definition
public void Refresh()