JSFiddle - React, Tailwind, and code Playground

HTML

<div>Current status:</div> <div class="well"><span class="badge current-status-placeholder"></span></div>
<div>We close/open:</div> <div class="well closing-in-placeholder"></div>


<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.21.0/moment-with-locales.min.js"></script>
<script src="https://www.jqueryscript.net/demo/Opening-Hours-Plugin-jQuery/opening-hours.js"></script>
<script>
var data = {
    monday: [[8.30, 18.30]], // (beware! 8.30 means 08:30, using decimal part than is bigger than 59 will generate warning!
    tuesday: [[8.30, 18.30]],
    wednesday: [[6.30, 18.30]],
    thursday: [[6.30, 18.30]],
    friday: [[8.30, 18.30]],
    saturday: [],
    sunday: [] //closed (optional, if entry for a day is empty, it's assumed that it is closed)
};
</script>
<script>
    $('.current-status-placeholder').openingHours({ show: 'current-status', hours: data });
    $('.closing-in-placeholder').openingHours({ show: 'closing-in', hours: data});
</script>