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 highlight the cell from date range?

Thread ID:





150728 Jan 17,2020 09:49 AM UTC Jan 29,2020 09:35 AM UTC Angular 7
Tags: ejSchedule
Parthkumar Kakadiya
Asked On January 17, 2020 09:49 AM UTC


First of all thank you very much for helping developer with such a great products.

I am working with Angular 8 Application where I have used the scheduler.

I would like to discuss some requirements.

1. I would like to highlight the cell in schedule on external click event.

     i.e On click event (Not from the scheduler)  I am getting date range.  i have date range 10.01.2020 - 15.01.2020. I would like to just highlight this date range with back ground color. Is it possible?    


Hareesh Balasubramanian [Syncfusion]
Replied On January 20, 2020 12:19 PM UTC

Hi Parthkumar, 
Greetings from Syncfusion Support. 
Based on your requirement, we have prepared a sample such that the scheduler cells has been highlighted while click on the button externally and the same can be viewed from the following link, 
Kindly try the above sample, if you have any concerns please revert us back for further assistance. 

Parthkumar Kakadiya
Replied On January 20, 2020 02:35 PM UTC

Hi Hareesh,

Thanks a lot for your support.

Your solution worked perfect what i want. Thanks for your help..

Have a nice day.


Vengatesh Maniraj [Syncfusion]
Replied On January 21, 2020 05:19 AM UTC

Hi Parth, 

You are most welcome. 


Parthkumar Kakadiya
Replied On January 27, 2020 04:28 PM UTC

Hi ,

Small update for this thread. 

Once I highlighted the cell:

  How could I refresh the cell again to normal style?


Vengatesh Maniraj [Syncfusion]
Replied On January 28, 2020 07:36 AM UTC

Hi Parth, 
Thanks for the update. 
Based on your requirement, we have prepared the below sample to remove the highlighted cells. 

Kindly try the above sample and revert us for further assistance. 

Parthkumar Kakadiya
Replied On January 28, 2020 10:15 AM UTC

Hi Vengatesh,

Thanks a lot for your solution. It works fine for me. 

I have few queries regarding the Date Format.

1. How could i highlight the cell with the only One Date? i.e. "2020-01-02"

2. In the date range I have Date in the string Format and I am using below code to highlight cell.

This is the date I am giving

Result looks something Like: 

As you can see, For the starting date which start From "2019-11-06" But It start Highlight from the 10th. As far as I understood I think it's problem of date Format not sure.

3. I have made my Own Custom Editor Window which is open on One Click at Cell. Now I am getting start and End date like below.

As you can see it shows next day date for Enddate.  in below picture you can also see the code:

I have changed the name of the start and end time for data binding with my data structure.

Please help me with this small stuff. I have also attached my code.
Thanks a lot for your support.


Attachment: calendar_6a941b3.zip

Vengatesh Maniraj [Syncfusion]
Replied On January 29, 2020 09:35 AM UTC

Hi Parth, 

Tanks for the update. 

We have validated the shared details and we suspect that you have used the custom date format and it would be the cause. So we suggest that you have to use the format property for dateTimePicker component. Please refer to the below links for more reference. 

Kindly set the format for dateTimePicker control and see the result. If still the issue persists please let us know.  



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