Create event by calling method in .ts

[chevron]

Hello,

i'd like to create my own popin to create or edit an event by using my own method in the typescript file of my component, and i'm also asking me how to get the date clicked in the args of my method ?

Here is a sample of my code:

Thanks by advance !

TS

onPopupOpen(args: PopupOpenEventArgs): void {

          args.selectedDate ?

   // Create event:

          ?????

}

CSS

.e-popup.e-popup-open {

// in order to not use the default popin

//display: none;

}

HTML

<ejs-schedule #scheduleObj id='schedule' width='100%' cssClass='timeline-resource-grouping' [selectedDate]="selectedDate"

[group]="group" [eventSettings]="eventSettings" (actionBegin)="onActionBegin($event)" (popupOpen)="onPopupOpen($event)">

[Nevitha Ravi]

Hi Chevron, 

Greetings from  Syncfusion Support. 

We could prevent the default popup opening by setting args.cancel= true within popupOpen event and get the date in args.data. We have prepared sample for your reference which can be available in the following link. 

https://stackblitz.com/edit/angular-c9oxzt-gigl9w?file=app.component.ts 

   onPopupOpen(args: PopupOpenEventArgs): void { 

      if (args.type === "Editor") { 

        let srtTime = (args.data as any).StartTime; // To get the start time value 

        let endTime = (args.data as any).EndTime; // To get the end time value 

        console.log("StartTime: " + srtTime + " and endTime: " + endTime); // To display the time in console 

        // args.cancel = true; // To disable the default editor window 

      } 

   } 

Kindly try out the above sample and let us know if need any further assistance. 

Regards, 

Nevitha 

[chevron]

Thanks a lot for your answer !

[Karthigeyan Krishnamurthi]

Most welcome 😊