Show/Hide or Enable/Disable input field in event editor on condition

[Laurin S]

Hi,

I would like to enable/disable an input field based on another input field in the scheduler event editor, but don't know how to do that?

Example:

I would like to have a checkbox named "All day", that should enable/disable the input fields of the start- and end-time in my event editor.

I suppose that I need to use the editorTemplate event of the scheduler, however I was not able to implement this requirement. Any ideas?

Thanks.

[Vinitha Devi Murugan]

Hi Laurin, 

 

Greetings from Syncfusion Support. 

 

We have validated your reported query “I would like to enable/disable an input field based on another input field in the scheduler event editor” and achieved your requirement with the help of popupOpen event of our Scheduler. We have prepared below sample for your reference.  

 

Sample: https://stackblitz.com/edit/react-editor-template-with-allday-checkbox?file=index.js  

 

API Link: https://ej2.syncfusion.com/react/documentation/api/schedule/#popupopen  

 

Kindly try with the above sample and get back to us if you need any further assistance 

 

Regards, 

Vinitha