Delete icon in Monthly Calendar

I can see the delete icon on this demo page (IE, FF, Chrome, Edge):

http://javascript.daypilot.org/demo/month/eventdeleting.html

Do see the problem in the demo as well?

A few things to check:

1. The event delete icon is disabled by default. You can turn it on using:

dp.eventDeleteHandling="Enabled";

2. Make sure that you are using a CSS theme that includes styles for the built-in delete icon. The latest default theme and the themes newly created or edited using the theme designer at http://themes.daypilot.org/ should work fine.

See also:
http://doc.daypilot.org/month/event-deleting/

Demo is fine also for me, but I can't get delete icon showing in Monthly Calendar.

It seems that the <div> with class *_event_delete doesn't get added to the html, while it does in Chrome and I can't figure out why.

Can you post the snippet of code you are using to add the active areas? Also, what version of DayPilot do you use?

var monthly = new DayPilot.Month("monthly");
monthly.cssClassPrefix = "outlook_month";
monthly.eventHeight = 25;

monthly.bubble = getEventBubble();
monthly.locale = dayPilotLocale;

monthly.eventMoveHandling = "JavaScript";
monthly.onEventMove = eventMove;
monthly.eventDoubleClickHandling = "JavaScript";
monthly.onEventDoubleClicked = editEventArgs;
monthly.onEventClick = eventClick;
monthly.contextMenu = buildContextMenu();
monthly.contextMenuSelection = buildContextMenuSelection();
monthly.onTimeRangeSelected = timeRangeSelected;
monthly.onBeforeCellRender = beforeCellRender;

monthly.eventDeleteHandling = "JavaScript";
monthly.onEventDelete = deleteEvent;
monthly.onEventResized = eventResized;

monthly.init();

That looks fine. Are you using the latest DayPilot version?

I'm using version 1821