JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqwidgets/10.1.6/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.0.2/vue.cjs.js"></script>
<div id='scheduler'>

</div>

JavaScript

var appointments = [{"id":"4737","tooltip":" 15 - Cityrad 28\" ; (Duisburg -> Duisburg) #4737","subject":"<div>&nbsp<span style='background-color:#F0D408'>&nbsp15 - Cityrad 28\" ;&nbsp</span> (Duisburg -> Duisburg) #4737</div>","start":"2020-10-03T14:00:00.000Z","end":"2020-10-03T15:30:00.000Z","allDay":false,"color":"#888c8f","background":"#e5e5e5","borderColor":"#9e9e9e","readOnly":true,"resizable":false,"draggable":false},{"id":"4799","tooltip":" 1 - Haus Ripshorst geschlossen ; (Oberhausen -> Oberhausen) #4799","subject":"<div>&nbsp<span style='background-color:'>&nbsp1 - Haus Ripshorst geschlossen ;&nbsp</span> (Oberhausen -> Oberhausen) #4799</div>","start":"2020-10-03T22:00:00.000Z","end":"2020-10-03T22:00:00.000Z","allDay":true,"color":"#171316","background":"#e5e5e5","borderColor":"#9e9e9e","readOnly":true,"resizable":false,"draggable":false},{"id":"5466","tooltip":" 11 - Gepäckstück ; 1 - Gepäcktransport, Grundtarif pro Etappe ; 3 - Gepäcktransport, Aufpreis ab dem 3. Gepäckstück ; 4 - Gepäcktransport, Aufpreis für weitere Gepäckstücke ; 1 - Sofort-Rabatt ; 1 - Personentransport ; 1 - E-Bike 28\" ; 1 - Ladegerät für E-Bike ; 1 - Handlingspauschale (Anlieferung/ Abholung) ; 2 - storniertes Gepäckstück ; 1 - Stornierungsgebühr, 90 % des Miet-, Lieferpreises ; 1 - Umsatzsteuer-Differenz ; (Winterberg -> Duisburg) #5466","subject":"<div>&nbsp<span style='background-color:'>&nbsp11 - Gepäckstück ;&nbsp</span>&nbsp<span style='background-color:'>&nbsp1 - Gepäcktransport, Grundtarif pro Etappe ;&nbsp</span>&nbsp<span style='background-color:'>&nbsp3 - Gepäcktransport, Aufpreis ab dem 3. Gepäckstück ;&nbsp</span>&nbsp<span style='background-color:'>&nbsp4 - Gepäcktransport, Aufpreis für weitere Gepäckstücke ;&nbsp</span>&nbsp<span style='background-color:'>&nbsp1 - Sofort-Rabatt ;&nbsp</span>&nbsp<span style='background-color:'>&nbsp1 - Personentransport ;&nbsp</span>&nbsp<span style='background-color:'>&nbsp1 - E-Bike 28\" ;&nbsp</span>&nbsp<span...