We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

DateRange selection

I have a server side Blazor application and trying to use the DateRangePicker control and using the following 

 <DateRangePickerEvents ValueChange="@valueChangeAsync"></DateRangePickerEvents>

 private async Task valueChangeAsync(Syncfusion.EJ2.Blazor.Calendars.RangeEventArgs args)

        DateFrom = args.StartDate;
        DateTo = args.EndDate;


I am able to initially set DateFrom  and DateTo but valueChangeAsync is called multiple times and resets to the default values.

Any ideas?

1 Reply

NP Narayanasamy Panneer Selvam Syncfusion Team November 7, 2019 10:07 AM UTC

Greetings from Syncfusion support.

We have validated your issue from the shared code example. We were unable to reproduce the reported issue. 
We suspect that you may tried to update StartDate and EndDate value through change event. If you want to get updated value for StartDate and EndDate for every value change. Use two-way binding for respective property as follows, 
    <EjsDateRangePicker Value="@dateArray" @bind-StartDate="@DateFrom" @bind-EndDate="@DateTo"> 
        <DateRangePickerEvents ValueChange="@valueChangeAsync"></DateRangePickerEvents> 
    public DateTime? DateFrom { get; set; } = DateTime.Now; 
    public DateTime? DateTo { get; set; } = new DateTime(2019, 11, 30); 
    public DateTime[] dateArray = new DateTime[2] { DateTime.Now, new DateTime(2019, 11, 30) }; 
    private async Task valueChangeAsync(Syncfusion.EJ2.Blazor.Calendars.RangeEventArgs args) 
Kindly let us know if you need further assistance on this.

Narayanasamy P.

Live Chat Icon For mobile
Up arrow icon