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

Removing calendar icon from DateTimePicker

Thread ID:





141772 Jan 3,2019 01:25 PM UTC Jan 7,2019 03:45 AM UTC ASP.NET Core - EJ 2 3
Tags: Scheduler
Gregory Perozzo
Asked On January 3, 2019 01:25 PM UTC


In my appointment window I don't want user to select the date, only the hour. So, I did this on the StartTime property:

                var startElement = args.element.querySelector('#StartTime');
                if (!startElement.classList.contains('e-datetimepicker')) {
                    new ej.calendars.DateTimePicker({
                        strictMode: true,
                        value: new Date(startElement.value) || new Date(),
                        format: 'HH:mm',
                        change: function () {
                            if (typeof (document.getElementById("StartTime_Error")) !== 'undefined') {

                                if (document.getElementById("StartTime_Error")) {
                                    document.getElementById("StartTime_Error").style.display = "none";
                    }, startElement);

But the calendar icon still appears on the DateTimePicker. Is it possible to remove it?

Thank you very much.

Karthigeyan Krishnamurthi [Syncfusion]
Replied On January 4, 2019 04:52 AM UTC

Thank you for contacting Syncfusion support. 
Kindly use the below CSS to hide the DatePicker control and for the same we have prepared the below sample. 
    span.e-input-group-icon.e-date-icon.e-icons { 
        display: none; 

Gregory Perozzo
Replied On January 4, 2019 07:49 PM UTC

Hello Karthigeyan!

Perfect!!! Working 100%.

Thank you very much.

Karthigeyan Krishnamurthi [Syncfusion]
Replied On January 7, 2019 03:45 AM UTC

We are happy that our solution fulfilled your requirement. 


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