text-align: right does not work for *_event_inner class

You can override "display: flex" if needed. It is only used to enable vertical centering within the event box.

You can also keep "display: flex" and use "justify-content" to align the event text to the right:

.scheduler_default_event_inner {
    justify-content: flex-end;
}

Thank you for the instant answer!

Hi,

The solution with "justify-content: flex-end;" works very well. I'm using this now to align events with numbers to the right. However I have also events with text, which I want to align to left. I used onBeforeEventRender event and the cssClass property. But the CSS class "time-reporting-board-event-workprofile" is added to *_event CSS class which get overriden by the *_event_inner CSS class

onBeforeEventRender: (args) => {
if (args.data.tags.rowTypeKey == 'Workprofile') {
args.data.cssClass = 'time-reporting-board-event-workprofile';
}
}

Is there any solution for conditional aligment of the event's text?

Thank you

You'll need to adjust the CSS selector to include the path:

.time-reporting-board-event-workprofile .scheduler_default_event_inner {
  justify-content: flex-start;
  /* ... */
}

Thank you very much. Using CSS to change the appearance is really good.