Dropdown doesn't work if using OnRenderDayCell in combination with Min or Max

[Dallas Kostna]

If I use the Min or Max properties in combination with the OnRenderDayCell event, the drop down will flash, but will not open. If I remove the Min / Max properties, the component works as expected.

<SfDatePicker TValue="DateTime?" @bind-Value="nhlServiceOrders.currentProject.date_po_received" Placeholder="Date PO Received" FloatLabelType="Syncfusion.Blazor.Inputs.FloatLabelType.Always" Readonly="@nhlServiceOrders.currentProject.is_complete">

                 <DatePickerEvents TValue="DateTime?" ValueChange="DateChanged_POReceived" OnRenderDayCell="@DisableDate"/>

</SfDatePicker>

The above works fine. If I set the Min or Max, the dropdown stops working.

Using version 28.2.4

[Yohapuja Selvakumaran]

Hi Dallas Kostna,

Thank you for reaching out to us.

We have validated the reported issue using the shared code snippet, and based on our testing, the DatePicker dropdown is opening as expected. Please find the sample and reference image below:

Sample: https://blazorplayground.syncfusion.com/BjryXVjcpuuscliQ

Additionally, please ensure that the necessary scripts and styles are correctly referenced in your project. Below is the required configuration for App.razor based on the Syncfusion package you are using:

 

1. If using the Common package:

   
    <link rel='nofollow' href="_content/Syncfusion.Blazor/styles/material.css" rel="stylesheet" />
    <script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>

 

 

2. If using the Individual package:

    <link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />

    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>

 

 

 

Please verify that these references are correctly included in your project.

 

If the issue persists, kindly provide additional details such as:

• A sample project that replicates the issue
• A video illustration of the issue
• Confirmation that the Readonly property is set to false (If Readonly="true", the dropdown will not open)

These details will help us investigate further and provide a more precise resolution.

Let us know if you have any further questions or need additional assistance.

Regards

Yohapuja S

[Dallas Kostna]

Hi,

Sorry to have troubled you with this. The issue was with my cache. I recently upgraded and the old JS file was being used. Once I performed a reset of the cache, all worked as expected!

Thanks!

Dallas

[Yohapuja Selvakumaran]

Hi Dallas Kostna.

No trouble at all! We truly appreciate you taking the time to update us. We're glad to hear that resetting the cache resolved the issue. If you ever need any further assistance, please don’t hesitate to reach out.

Have a great day!

Regards,

Yohapuja S