JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://javascript.daypilot.org/demo/lite/js/daypilot-all.min.js"></script>
<div ng-app="main" ng-controller="DemoCtrl" >
  <daypilot-calendar id="dp" config="config" events="events" ></daypilot-calendar>
</div>

JavaScript

var app = angular.module('main', ['daypilot']).controller('DemoCtrl', function($scope) {

  $scope.config = {
    startDate: "2014-09-01",
    viewType: "Week"
  };

  $scope.events = [
    {
      start: "2014-09-01T10:30:00",
      end: "2014-09-01T11:00:00",
      id: DayPilot.guid(),
      text: "First Event"
    }
  ];

});