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

Customizing the default time duration in editor window

Thread ID:





148921 Nov 7,2019 09:28 PM UTC Nov 13,2019 07:28 AM UTC Angular - EJ 2 3
Tags: Schedule
Asked On November 7, 2019 09:28 PM UTC


It works when creating a new event but not when editing an existing event. The time duration is always 30m even though args.duration is being set to 60.
Please help me find a solution.

Balasubramanian Sattanathan [Syncfusion]
Replied On November 9, 2019 03:44 AM UTC

Hi Subhajit, 
Greetings from Syncfusion Support. 
By default, the editor window will have a time duration of 30 minutes. If you would like to change this duration, please follow the link you have previously provided. And which is only applicable for event creation (through cellDoubleClick) and which is not supported for event editing operation (thorugh eventDoubleClick) 
UG link : https://ej2.syncfusion.com/angular/documentation/schedule/editor-template/#customizing-the-default-time-duration-in-editor-window 
Balasubramanian S 

Replied On November 11, 2019 11:10 PM UTC


At the example above when I create an appointent with an 60 min interval and try to edit, the edit window will open with 30 min interval not 60 min. In our application edit window interval should be based on what we selected when during appointment creation. Will you be implementing this interval customization features for edit appointment soon?

Vinitha Devi Murugan [Syncfusion]
Replied On November 13, 2019 07:28 AM UTC

Hi Subhajit, 
Thanks for your update. 
We achieved your requirement by making use of popupOpen event of the scheduler and same can be available in below link. 

onPopupOpen(args: PopupOpenEventArgs): void { 
    if (args.type === "Editor") { 
      args.duration = 60; 
      var dialogObj = (args.element as any).ej2_instances[0]; 
      dialogObj.open = function() { 
        // Changed the event duration to 60 min 
        let startObj = (args.element.querySelector(".e-start") as any) 
        startObj.step = 60; 
        let endObj = (args.element.querySelector(".e-end") as any) 
        endObj.step = 60; 
M.Vinitha devi 


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