Float Label Is Not Working When Manually Enter Date

[Ashwini Shilvant]

Hi,

I My Project I am working on blazor project.In this project we are using material css.

so I have added  datepicker like this

                                         <div class="form-group">

                                                    <div class="control-section">

                                                        <div id="wrapper" class="datepicker-section">

                                                            <div id="datepicker-control">

                                                                <SfDatePicker TValue="DateTime?" FloatLabelType="@FloatLabelType.Auto" @bind-Value="order.OrderDate"                                                                                             Placeholder="Date Of Birth" Format="dd/MM/yyyy">

                                                                </SfDatePicker>

                                                            </div>

                                                        </div>

                                                    </div>

                                                </div>

so when I select date from datepicker then float label working perfectly fine but when I am trying to enter date manually then  float label is not working .

For reference I have attached Images.
Please check it and let me know if I am doing any thing wrong or alternative solutions for this.

Attachment: DatePickerIssue_e3928fc3.rar

[Sureshkumar P]

Hi Ashwini, 

 

Greetings from Syncfusion support. 

 

Based on your shared information, we suspect that you want to enter the date dynamically to the datepicker component.  We have created the sample based on your scenario and cannot replicated the reported issue in our end.  

 

Please find the sample here: https://www.syncfusion.com/downloads/support/directtrac/general/ze/DatePicker341280200  

 

If still your issue persists. Please revert us with below details  

1.     Share your Syncfusion package version. 

2.     If possible, please replicate the issue with above attached sample and share the sample with details issue replication steps. 

 

These details will help us to replicate and update the exact solution as earlier as possible.  

 

Regards, 

Sureshkumar P 

[Ashwini Shilvant]

Hi Suresh,

"Share your Syncfusion package version."

We are using Syncfusion package version 18.1.0.52. 

[Berly Christopher]

Hi Ashwini, 

  

Thanks for the update. 

  

We have faced same issue and resolved this issue in our product version 17.4.44. So, we have checked the reported issue and provided sample in the latest version 18.1.56 but the issue is not reproduced at our end.  

  

Feedback: https://www.syncfusion.com/feedback/11227/ 

  

So, we suspect that the reported issue still persists due to NuGet cache or browser cache. So, we suggest you to clear the browser cache and follow the instruction mentioned in the below knowledge base document to clear the NuGet cache. 

  

KB Link: https://www.syncfusion.com/kb/6987/how-to-clear-nuget-cache 

  

Still issue persists, please share the issue reproducing sample that will help us to check and proceed further at our end. 

  

Regards, 

Berly B.C