Stop the save button in dialog to close the dialog in Angular jqxScheduler

Question

I'm using jqxScheduler Angular widget in my Angular 10 App, and I need to stop the save button in Edit-dialog to close the dialog until saving process completed successfully in the back-end (WebApi), otherwise keep the dialog open for the user. I have tried many code but it didn't work!

1. In editDialogOpen event, I have added:

      fields.saveButton.on('click', function(event) {
        event.preventDefault();
        event.stopPropagation();        
        return false;    
    });

2. In AppointmentAdd event, I have added:

      event.preventDefault();
      event.stopPropagation();