--- title: "Whats New 2018 Vol 3 : JavaScript Scheduler" published_at: "2018-10-10T11:00:34+00:00" modified_at: "2024-11-21T12:13:24+00:00" url: "https://www.syncfusion.com/blogs/post/syncfusion-javascript-scheduler-new-features-and-improvements-in-2018-volume-3" excerpt: "Since our previous release, 2018 Volume 2, we had received a lot of requests for support of a timeline view in scheduler. Other than this timeline view, we also received an equal number of requests for the ability in the..." taxonomy_category: - "Development" - "Essential JS 2" - "Essential Studio" - "JavaScript" - "Scheduler" - "Syncfusion" - "TypeScript" - "UI" - "User interface" - "Web" taxonomy_post_tag: - "2018 Volume 3" - "angular scheduler" - "appointment resize" - "ASP.NET Core Scheduler" - "ASP.NET MVC Scheduler" - "custom header rows" - "drag and drop" - "Essential JS 2" - "Essential Studio" - "JavaScript Scheduler" - "pop-up customization" - "react scheduler" - "Syncfusion" - "Timeline views" - "vue scheduler" - "What's New" --- # Whats New 2018 Vol 3 : JavaScript Scheduler [Uma Maheswari Chandrabose](https://www.syncfusion.com/blogs/author/umamaheswaric) ![New features of scheduler for volume 3](https://www.syncfusion.com/blogs/wp-content/uploads/2018/10/Scheduler_Tile.png) Since our previous release, 2018 Volume 2, we had received a lot of requests for support of a timeline view in scheduler. Other than this timeline view, we also received an equal number of requests for the ability in the scheduler feature to drag and drop appointments, as well as to resize them. Finally, we’re so glad to announce that our latest 2018 Volume 3 release was rolled out a week ago, packed with all of these most anticipated features for [JavaScript scheduler](https://www.syncfusion.com/javascript-ui-controls/scheduler) , and the component has now been moved to its final version in this release. Now, I will summarize the list of scheduler features and improvements that we newly shipped in this release, which are available on all other platforms, too: [Angular](https://www.syncfusion.com/angular-ui-components/scheduler) , [React](https://www.syncfusion.com/react-ui-components/scheduler) , [Vue](https://www.syncfusion.com/vue-ui-components/scheduler) , [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/scheduler) , and [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/scheduler) . ## Timeline views Scheduler is now available with four new [view modes](https://ej2.syncfusion.com/demos/#/material/schedule/timeline.html) in addition to its existing views: Timeline Day, Timeline Week, Timeline Work Week, and Timeline Month. All the interactions on these views are similar to the ones that exist in default views, whereas the UI differs by displaying the horizontal time axis and the appointments across it. The combined usage of [multiple resources and grouping](https://ej2.syncfusion.com/demos/#/material/schedule/timeline-resources.html) , along with the timeline layout, suit major customer requirements for their scheduling-oriented applications. ![scheduler displaying timeline view](https://blog.syncfusion.com/wp-content/uploads/2018/10/timelineviews.png) ## Timeline header rows We have also provided an additional option to format and include [custom rows](https://ej2.syncfusion.com/demos/#/material/schedule/header-rows.html) in the header section of all timeline views. ![Timeline scheduler displaying custom rows](https://blog.syncfusion.com/wp-content/uploads/2018/10/header-rows.png) With this support, you can define individual rows for displaying the year, month, and week number, as well as the usual days and hours, with a customizable template option. ## Drag and drop One of the most anticipated interactive features, **drag and drop**, has been included for rescheduling an appointment simply by dragging and dropping it onto the required time slot. It has support to work on all scheduler views with the exception of Agenda and Month Agenda views. ![scheduler displaying drag action](https://blog.syncfusion.com/wp-content/uploads/2018/10/drag-drop.png) ## Resize Now the extension of appointment duration has been made easier by allowing you to resize the appointments, either through their start or end handlers. You can also resize the [shared appointments](https://ej2.syncfusion.com/demos/#/material/schedule/group-editing.html) simultaneously, when the events of multiple resources are grouped on the scheduler layout. ![scheduler displaying resize action](https://blog.syncfusion.com/wp-content/uploads/2018/10/resize.png) ## Other enhancements We also made a few enhancements to our scheduler and worked toward eliminating bugs to make the Syncfusion scheduler as stable as we can. ### Week number display You can now display the week number of the current date range beside the date header section in all default views. ![scheduler displaying week number](https://blog.syncfusion.com/wp-content/uploads/2018/10/week-number.png) ### Template option for quick pop-up One of the most requested customer requirements was to be able to customize the quick pop-up feature through a standard template. To this end, we have included individual template options to customize the header, content, and footer sections of the pop-up that opens when you single-click cells or appointments. ![quick pop-up showing appointment information](https://blog.syncfusion.com/wp-content/uploads/2018/10/quickpopup.png) For existing customers, our new version is available to download from the [License and Downloads](https://www.syncfusion.com/account/downloads) page. If you are new to Syncfusion, then you can try our 30-day [free trial](https://www.syncfusion.com/downloads) to check out these new features. Also, if you wish to send us feedback or would like to ask any questions, please feel free to post in the below comments section or else contact us through our [support forum](https://www.syncfusion.com/forums) or [Direct-Trac](https://www.syncfusion.com/support/directtrac/) . *Want to learn more? Check out these related posts and free resources:* - [Ebook] [JavaScript Succinctly](https://www.syncfusion.com/ebooks/javascript) - [Ebook] [Node.js Succinctly](https://www.syncfusion.com/ebooks/nodejs) - [Ebook] *[React.JS Succinctly](https://www.syncfusion.com/ebooks/reactjs_succinctly)* - [Ebook] [Angular 2 Succinctly](https://www.syncfusion.com/ebooks/angular2_succinctly)