Open RadzenDatePicker from another Button or component

Radzen.Blazor Components
1

Hi,

Is it possible to open a RadzenDatePicker from another component other than the RadzenDatePicker?

I want to display the selected date next to the datepicker and allow the user to click on the datepicker or in any part of the element where the date is displayed. (It is easier to target the mouse over a bigger area than only on the datepicker icon). ( Like this image:image)

I have search all documentation but not found a way to open the datepicker from another element (Like for example on a click on the label next to my datepicker or click on another custom Button). Is this possible?

Thanks in advance !

2

The only option at the moment is:

<button @onclick="OpenPicker">@selectedDate.ToShortDateString()</button>

<RadzenDatePicker @bind-Value=@selectedDate id="hiddenPicker" Style="display:none" />

@code {
    DateTime selectedDate = DateTime.Today;
    [Inject] IJSRuntime JS { get; set; }

    async Task OpenPicker()
    {
        await JS.InvokeVoidAsync("eval",
            "document.querySelector('#hiddenPicker .rz-datepicker-trigger').click()");
    }
}
1 Like
3

It works perfect; thanks !