Hi Jose,
Syncfusion Greetings.
We achieved your requirement by making use of beforeOpen event of context menu and same can be available in below link.
onContextMenuBeforeOpen(args: BeforeOpenCloseMenuEventArgs): void {
let newEventElement: HTMLElement = document.querySelector('.e-new-event') as HTMLElement;
if (newEventElement) {
remove(newEventElement);
removeClass([document.querySelector('.e-selected-cell')], 'e-selected-cell');
}
let targetElement: HTMLElement = <HTMLElement>args.event.target;
if (closest(targetElement, '.e-contextmenu')) {
return;
}
this.selectedTarget = closest(targetElement, '.e-appointment,.e-work-cells,' +
'.e-vertical-view .e-date-header-wrap .e-all-day-cells,.e-vertical-view .e-date-header-wrap .e-header-cells');
if (isNullOrUndefined(this.selectedTarget)) {
args.cancel = true;
return;
}
if (this.selectedTarget.classList.contains('e-appointment')) {
args.cancel = true;
return;
}
this.menuObj.hideItems(['Save', 'Delete', 'EditRecurrenceEvent', 'DeleteRecurrenceEvent'], true);
this.menuObj.showItems(['Add', 'AddRecurrence', 'Today'], true);
}
Kindly try the above solution and let us know, if you need further assistance on this.
Regards,
M.Vinitha devi
