How to hide clear icon on date range picker

Question

Hello good morning,Is there a way to hide the clear icon on the date range picker? I added allowEdit="false" and it works good, but I also need to hide the "X" icon, I tried with some css styles but I didn't figure it out:Please see the image above, that is what I need to remove/hide in such way that, the user won't see it.Thanks in advance!

Ponmani Murugaiyan · Accepted Answer

Hi Rony,

Greetings from Syncfusion support.

We suggest you to disable the showClearButton property of DateRangePicker component which specifies whether to show or hide the clear icon.

API link: https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Calendars.DateRangePicker.html#Syncfusion_EJ2_Calendars_DateRangePicker_ShowClearButton

Please get back us if you need further assistance.

Regards, 
Ponmani M

Rony De Sousa · Answer

Hi Ponmani,Thanks for sharing the documentation link! Somehow that property doesn't show up when I try to type it, using the intellisense, but it works, I added it manually and it worked!Thanks!

Ponmani Murugaiyan · Answer

Hi Rony, 

Thanks for the update. We are glad to hear that the provided suggestion helps you in achieving your requirement.  

Regards, 
Ponmani M