JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//www.radiojar.com/wrappers/api-plugins/v1/radiojar-min.js"></script>
<link rel="stylesheet" href="//www.radiojar.com/wrappers/api-plugins/v1/css/schedule.css">
<div id="rj-schedule">
<div id="rj-tabs">
<ul class="rj-nav rj-nav-tabs" id="radio_schedule">
<li class="active"><a href="#monday" data-toggle="tab">Monday</a></li>
<li><a href="#tuesday" data-toggle="tab">Tuesday</a></li>
<li><a href="#wednesday" data-toggle="tab">Wednesday</a></li>
<li><a href="#thursday" data-toggle="tab">Thursday</a></li>
<li><a href="#friday" data-toggle="tab">Friday</a></li>
<li><a href="#saturday" data-toggle="tab">Saturday</a></li>
<li><a href="#sunday" data-toggle="tab">Sunday</a></li>
</ul>
<div class="rj-tab-content">
<div class="tab-pane active" id="monday">
<ul class="itemlist schedule"></ul>
</div>
<div class="tab-pane" id="tuesday">
<ul class="itemlist schedule"></ul>
</div>
<div class="tab-pane" id="wednesday">
<ul class="itemlist schedule"></ul>
</div>
<div class="tab-pane" id="thursday">
<ul class="itemlist schedule"></ul>
</div>
<div class="tab-pane" id="friday">
<ul class="itemlist schedule"></ul>
</div>
<div class="tab-pane" id="saturday">
<ul class="itemlist schedule"></ul>
</div>
<div class="tab-pane" id="sunday">
<ul class="itemlist schedule"></ul>
</div>
</div>
</div>
<script id="schedule_list_item" type="text/html">
<li class="item item-show item-small" data-id="<%= sch.utc_from %>" style="background-image: url(http://www.radiojar.com<%= sch.show_photo %>?resize=cover_small)">
<div class="item-hostdjs">
<span></span>
<a href="<%= sch.dj_url %>" class="item-dj" title="<%= sch.dj_nickname %>">
<% if (sch.dj_photo.indexOf('image')!=-1) {...
JavaScript
rjq('#rj-schedule').radiojar('schedule', {
streamName: "u0510s7hb"
});