How to Disable Event Creation on Cell Click in React Scheduler?

This article explains how to disable event creation on cell click in React Scheduler. In the Syncfusion React Scheduler, the default behavior when clicking on a cell is to open a quick info popup for event creation. Similarly, double-clicking on a cell opens the schedule Editor Window for event creation. If you want to disable these behaviors, you can do so by binding the scheduler's cellClick and cellDoubleClick events and setting args.cancel to true.

const Default = () => {

    const scheduleObj = useRef(null);

   

 const onCellClick = (args) => {

      args.cancel = true;

   };


const onCellDoubleClick = (args) => {

      args.cancel = true;

 };

    

    return (<div className='schedule-control-section'>

      <div className='col-lg-9 control-section'>

        <div className='control-wrapper'>

          <ScheduleComponent height='650px' ref={scheduleObj} selectedDate={scheduleData} eventSettings={{ dataSource: data }} 

cellClick={onCellClick} cellDoubleClick={onCellDoubleClick}> 

          </ScheduleComponent>

        </div>

      </div>

    </div>);

};

export default Default;