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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to add a floating label to the EjsDatePicker?

Thread ID:





150164 Dec 23,2019 01:57 PM UTC Dec 24,2019 11:34 AM UTC Blazor 2
Tags: DatePicker
Ying Wu
Asked On December 23, 2019 01:57 PM UTC


Ying Wu
Replied On December 23, 2019 02:43 PM UTC

I figured it out :-)

I add the FloatLabelType attribute to EjsDatePicker:
<EjsDatePicker TValue="DateTime?" @bind-Value="@CorpInfo.YearEnd" Placeholder="Year End" FloatLabelType="@FloatLabelType.Always" />

The FloatLabelType has to be Always, otherwise the label will not stay floating when the field out of focus.


Sureshkumar P [Syncfusion]
Replied On December 24, 2019 11:34 AM UTC

Hi Ying, 
Greetings from Syncfusion support. 
We have validated your requirement with shared code. We would like to say that in our floatLabelType as Always showcased placeholder as placed above of the component.  
Kindly refer the screen shot for floatLabelType as always  
Please refer the floatlabelType property value and behavior  
Property value  
The placeholder text should not be float ever. 
The placeholder text floats above the component always. 
The placeholder text floats above the component while focusing or enter a value in Textbox. 
We have created a sample based on your requirement. please find the sample here: https://www.syncfusion.com/downloads/support/forum/150164/ze/FloatLabelTyle1516790322  
If we are misunderstood your requirement. please reproduce your issue in our attached sample and share the sample with replication procedure that will help us to provide exact solution at earliest. 
Sureshkumar P 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon