JSFiddle - React, Tailwind, and code Playground

by wolfpackt99

HTML

<script src="http://scheduler-net.com/Scripts/dhtmlxScheduler/ext/dhtmlxscheduler_dhx_terrace.js?v=2"></script>
<link rel="stylesheet" href="http://scheduler-net.com/Scripts/dhtmlxScheduler/dhtmlxscheduler_dhx_terrace.css?v=2">
<script src="http://scheduler-net.com/Scripts/dhtmlxScheduler/dhtmlxscheduler.js?v=2"></script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>How to start</title>
   <script src="http://scheduler-net.com/Scripts/dhtmlxScheduler/dhtmlxscheduler.js?v=2" type="text/javascript" charset="utf-8"></script>
    <script src='http://scheduler-net.com/Scripts/dhtmlxScheduler/ext/dhtmlxscheduler_dhx_terrace.js?v=2' type='text/javascript'></script>
   <link rel="stylesheet" href="http://scheduler-net.com/Scripts/dhtmlxScheduler/dhtmlxscheduler_dhx_terrace.css?v=2" type="text/css" charset="utf-8">
</head>
<body>
   <div id="scheduler_here" class="dhx_cal_container" style='width:100%; height:100%;'>
        <div class="dhx_cal_navline">
            
            <div class="dhx_cal_prev_button">&nbsp;</div>
            <div class="dhx_cal_next_button">&nbsp;</div>
            <div class="dhx_cal_today_button"></div>
            <div class="dhx_cal_date"></div>
            <div class="dhx_cal_tab" name="day_tab" style="right:204px;"></div>
            <div class="dhx_cal_tab" name="week_tab" style="right:140px;"></div>
            <div class="dhx_cal_tab" name="month_tab" style="right:76px;"></div>
        </div>
        <div class="dhx_cal_header">
        </div>
        <div class="dhx_cal_data">
        </div>       
</div>
</body>
</html>

CSS

html, body{
        margin:0px;
        padding:0px;
        height:100%;
        overflow:hidden;
    }

JavaScript

scheduler.init('scheduler_here', null, "week");

scheduler.attachEvent("onBeforeLightbox", function (event_id){
       //any custom logic here
    alert('i am opening');
    return true;///return false to block the default screen.
  });