Event Summary and Travel Time between Events

Hi team, 

We are trying to build a resource timeline calendar experience for our customers and most of our requirements seem to suit the 'Schedule' tool. We will require the below features also : 

  1. Event Summary - Show summary of events in a footer below like the below image : 
  2. Show Travel distance and time between each event : 

We searched through the demos and documentation files but we couldn't find resources related to the above.  

Can you please help us with the above points? 


Thanks


Attachment: Screenshots_b088c78.zip

3 Replies 1 reply marked as answer

RV Ravikumar Venkatesan Syncfusion Team February 13, 2023 03:05 PM UTC

Hi Zuper,


Q1: Event Summary - Show a summary of events in a footer

According to the current Schedule architecture, we didn’t have support to show the summary of events at the bottom of the Schedule. We have logged your requirement as a feature request at our end and it will be implemented in any of our upcoming releases. Tack the status through the below feedback link. In the meantime, we suggest you render a custom element at the bottom of the Schedule to show the summary of the element based on appointment details. You can filter the appointments on the Schedule with the help of the getEvents method of the Schedule. Also, you can use the DataManager to filter the appointments refer to the below demo and UG link for reference.


Demo: https://ej2.syncfusion.com/angular/demos/#/material/schedule/search-events

UG: https://ej2.syncfusion.com/angular/documentation/schedule/appointments?cs-save-lang=1&cs-lang=ts#appointment-filtering


Feedback: https://www.syncfusion.com/feedback/18299/adding-custom-row-in-the-angular-scheduler


Q2: Show the Travel distance and time between each event

According to the current Schedule architecture, we didn’t have build support to show the travel distance and time between each appointment. So, we suggest you render the appointment using eventTemplate with distance and time details on empty cells where you are trying to show the distance and time details.


UG: https://ej2.syncfusion.com/angular/documentation/schedule/appointments#using-template

Demo: https://ej2.syncfusion.com/angular/demos/#/material/schedule/events-template


Regards,

Ravikumar Venkatesan



April 19, 2026 07:32 AM UTC

We are building a timeline calendar using the Schedule tool and need additional features for event summaries and travel time between events.



VR Vijayakumar Rajasekar Syncfusion Team April 20, 2026 03:15 PM UTC

Hi Zuper,

 

Currently, the Schedule component does not provide built-in support for displaying an event summary at the bottom. We have already logged this as a feature request, and it is planned for a future release. You can track its progress using the feedback link below.

 

In the meantime, as a workaround, you can add a custom element below the Schedule to display a summary based on appointment details. You may use the getEvents method or DataManager to filter and display the required information.

 

Please refer to the feedback link below.

Feedback: https://www.syncfusion.com/feedback/18299/adding-custom-row-in-the-angular-scheduler

 

At present, the Schedule component does not natively support displaying travel distance and time between appointments. As an alternative, you can use the eventTemplate feature to render custom content, such as distance and time, in empty cells between events. Please refer to the documentation and demo shared earlier for more details.

 

Kindly get back to us if you need any further assistance.

 

Regards,

Vijayakumar R


Marked as answer
Loader.
Up arrow icon