DayPilot Pro for JavaScript 8.1 - Active Areas examples

You can take a look at the following demo:

http://javascript.daypilot.org/demo/scheduler/eventareas.html

It adds a green active area to the current day using onBeforeCellRender:

dp.onBeforeCellRender = function(args) {
  var today = DayPilot.Date.today();
  var todayEnd = today.addDays(1);

  if (DayPilot.Util.overlaps(args.cell.start, args.cell.end, today, todayEnd)) {
      args.cell.properties.areas = [{
          start: DayPilot.Date.today(),
          end: DayPilot.Date.today().addHours(12),
          top:0,
          bottom:5,
          backColor: "green"
      }];
  }
};

It uses "start" and "end" properties instead of left/right/width.