DateRangePicker events are not firing

[Ahmet]

Hello,

From the following code, only OnClose event fires, not the ValueChange, RangeSelected or OnClose is firing.

I attached the project.

Thanks,
Ahmet.

@page "/"

<SfDateRangePicker @ref="_dateRangePicker" TValue="DateTime?" 
                    Placeholder="Choose a Range"
                    AllowEdit="false"

                    @onclick="OnClickHandler" >
    <DateRangePickerEvents TValue="DateTime?" OnClose="OnCloseHandler"></DateRangePickerEvents>
    <DateRangePickerEvents TValue="DateTime?" RangeSelected="RangeSelectHandler"></DateRangePickerEvents>
    <DateRangePickerEvents TValue="DateTime?" ValueChange="ValueChangeHandler"></DateRangePickerEvents>
    <DateRangePickerEvents TValue="DateTime?" OnOpen="OpenHandler"></DateRangePickerEvents>

</SfDateRangePicker>


@code {

    private SfDateRangePicker<DateTime?> _dateRangePicker;
    
    private void OnClickHandler(MouseEventArgs e)
    {
        Console.WriteLine("Clicked");
    }
    
    private void OnCloseHandler(RangePopupEventArgs args)
    {
        Console.WriteLine("Closed");
    }

    private void RangeSelectHandler(RangePickerEventArgs<DateTime?> args)
    {
        Console.WriteLine("Range Selected");
    }
    
    
    private void ValueChangeHandler(RangePickerEventArgs<DateTime?> args)
    {
        Console.WriteLine("Value Changed");
    }
    
    private void OpenHandler(RangePopupEventArgs args)
    {
        Console.WriteLine("Opened");
    }
}

I attached the project.

Attachment: BlazorTest_3a180784.zip

[Vignesh Srinivasan]

Hi Ahmet, 

 

We can be able to add all native events in single child DateRangePickerEvents element. Please find the modified code below. 

 

Code snippet: 

 

 

<SfDateRangePicker @ref="_dateRangePicker" TValue="DateTime?"  

                    Placeholder="Choose a Range" 

                    AllowEdit="false" 

                    @onclick="OnClickHandler" > 

 <DateRangePickerEvents TValue="DateTime?" OnClose="OnCloseHandler" RangeSelected="RangeSelectHandler" ValueChange="ValueChangeHandler" OnOpen="OpenHandler"></DateRangePickerEvents> 

</SfDateRangePicker> 

 

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorTest883066342 

 

Kindly check with above sample. Please let us know if you need any further assistance. 

 

Regards, 

 

Vignesh Srinivasan. 

[Ahmet]

Yes, it works that way.

Thanks.

[Vignesh Srinivasan]

Hi Ahmet, 

You are welcome. 

We are glad to know that the provided solutions worked for you. Please contact us if you require any further assistance. 

  

Regards, 

Vignesh Srinivasan.