When user click on the input field of DatePicker, it either select date, or month, or year, but we want to select whole date input field like it highlights/selects whole content on Tab key.
Tried with the following code but still no luck.
<span @onfocusin="@FocusHandler">
<TelerikDatePicker @bind-Value="@SelectedDate"
Min="@Min"
Max="@Max"
Format="MM/dd/yyyy"
DebounceDelay="@DebounceDelay"
ShowWeekNumbers="true"
@ref="@DateRef">
<DatePickerFormatPlaceholder Day="day" Month="month" Year="year" />
</TelerikDatePicker>
</span>
@code {
private DateTime? SelectedDate { get; set; }
private DateTime Max = new DateTime(2050, 12, 31);
private DateTime Min = new DateTime(1950, 1, 1);
private int DebounceDelay { get; set; } = 200;
private TelerikDatePicker<DateTime?> DateRef { get; set; }
private async Task FocusHandler()
{
await DateRef.FocusAsync();
}
}
It gets selected on buttonclick though (code snippet below where it selects all content on button click) -
<TelerikButton OnClick="@FocusHandler">Focus Date</TelerikButton>
<TelerikDatePicker @bind-Value="@SelectedDate"
Min="@Min"
Max="@Max"
Format="MM/dd/yyyy"
DebounceDelay="@DebounceDelay"
ShowWeekNumbers="true"
@ref="@DateRef">
<DatePickerFormatPlaceholder Day="day" Month="month" Year="year" />
</TelerikDatePicker>
@code {
private DateTime? SelectedDate { get; set; }
private DateTime Max = new DateTime(2050, 12, 31);
private DateTime Min = new DateTime(1950, 1, 1);
private int DebounceDelay { get; set; } = 200;
private TelerikDatePicker<DateTime?> DateRef { get; set; }
private async Task FocusHandler()
{
await DateRef.FocusAsync();
}
}
Any help would be appreciated! TIA.
-Neelima