Allow hook to manipulate events in a cell at the data level

[ExtAnimal]

Forum post

I am trying to display an icon for some events on the top (along with date). There is no straight forward way to do this but I am able to achieve this by css styling. Still it is not working as expected.

My requirement is

What I did is

This code I used to render event

function eventRenderer(eventRecord: any) {
  var str = ``;

  if (eventRecord.eventRecord.data.event_type == 'delivery') {
    str = `<div class="delivered-icon"><i class="fa-10x b-fa b-fa-shipping-fast"></i> ${eventRecord.eventRecord.data.count}</div>`;
  } else {
    str = `<div class="task-label">${eventRecord.eventRecord.name}</div>`;
  }

  return str;
}

And the css styling I used to show icon on top is

.b-cal-event-wrap {
  width: fit-content !important;
  height: 100px !important;
  top: 2px !important;
}

Is there any other way to place icon of html on the top of event?