custom bubble/context menu for different event types

There are two options:

1. You can use onBeforeEventRender to assing a custom bubble HTML to each event:

{
  onBeforeEventRender: args => {
    args.data.bubbleHtml = `my bubble HTML`;
  },
  // ...
}

2. You can also use the onLoad event of the bubble to generate the bubble content dynamically, depending on the source event. You can access the source DayPilot.Event object as args.source there:

{
  bubble: new DayPilot.Bubble({
    onLoad: args => {
      const e = args.source;
      args.html = `my bubble HTML`;
    }
  },
  // ...
}