Problem setting SfDatePicker Min and Max values at runtime

[Ben Junior]

In the attached project, the SfDatePicker Min and Max values can be changed by using the custom "Date Options" button and it works fine as long as this is the first thing the user does. However it only works if the calendar is not yet displayed (by user clicking on it), otherwise the valid dates in the current month won't be available but the ones in the previous/next months will

Note: The Button doesn't show up in the calendar although it is set to.

@code {

public DateOnly? StartDate { get; set; }

DateTime minStartDate = DateTime.Today.Date;

DateTime maxStartDate = DateTime.Today.Date.AddDays(30);

async Task OnDropdownButtonDateOptions(Syncfusion.Blazor.SplitButtons.MenuEventArgs args)

{

if (args.Item == null) { await Task.CompletedTask;}

else if (args.Item.Id == "previousDate")

{

//StartDate = null;

//await InvokeAsync(StateHasChanged);

minStartDate = DateTime.Today.AddDays(-180);

maxStartDate = DateTime.Today;

}

else if (args.Item.Id == "futureDate")

{

//StartDate = null;

//await InvokeAsync(StateHasChanged);

minStartDate = DateTime.Today;

maxStartDate = DateTime.Today.AddDays(180);

}

}

}

Attachment: RPTest_6af1ee72.zip

[UdhayaKumar Duraisamy]

We have considered the reported issue "Min and Max date property not working when changing it dynamically" as a bug from our end, and the fix for the issue will be included in any one of our upcoming releases.

You can now track the status of the feedback through the below link,

https://www.syncfusion.com/feedback/40607

Disclaimer: “Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.”

[Ben Junior]

Ok. Thanks. 

One more thing though: I just realized that there is an error on my first post: 

Note: The Button doesn't show up in the calendar although it is set to.

should be: 

​ Note: The Clear button doesn't show up in the calendar although it ​ShowClearButton="true"

[UdhayaKumar Duraisamy]

The clear icon is typically only displayed when the component has focus and a value entered. This is the intended behavior of the component.

However, if you would like to display the clear icon always, you can use the CssClass property and set it to "e-static-clear". This will override the default behavior and allow the clear icon to be visible at all times.

[CssClass="e-static-clear"]