как перетащить jqxscheduler за пределы календаря

Question

Я использую jqxscheduler .Я хочу включить перетаскивание события во все нижеприведенное окно и дать код, который я использую, для initialize календаря, что мне нужно добавить, чтобы переместить блоки событий за пределы календаря

$("#scheduler").jqxScheduler({
  date: new $.jqx.date(2017, 11, 23),
  width: "100%",
  height: "100%",
  source: adapter,
  renderAppointment: function(data) {
    set();
    var img = "<img style='top: 2px;     height: 17px; position: relative;' src='" + data.appointment.location + "'/>";

    if (data.view == "weekView" || data.view == "dayView" || data.view == "monthView") {
      data.style = data.appointment.desc;
      data.style = data.appointment.description;
      data.html = img + "<i>" + data.appointment.subject + "</i>";
      /*
      if (data.appointment.id == "id1") {
          data.style = "#AA4643";
      }
      else if (data.appointment.id == "id2" || data.appointment.id == "id6") {
          data.style = "#309B46";
      }
      else if (data.appointment.id == "id3") {
          data.style = "#447F6E";
      }*/
    }
    return data;
  },
  ready: function() {
    $("#scheduler").jqxScheduler('ensureAppointmentVisible', 'id-11');
  },
  appointmentDataFields: {
    from: "start",
    to: "end",
    id: "id",
    description: "description",
    location: "location",
    subject: "subject",
    style: "style",
    color: "color",
    background: "background",
    borderColor: "borderColor"
  },
  view: 'weekView',
  appointmentsMinHeight: 20,
  width: '100%',
  height: '100%',

  views: [{
      type: "dayView",
      showWeekends: false,
      timeRuler: {
        scale: "quarterHour"
      }
    },
    {
      type: "weekView",
      showWeekends: false,
      timeRuler: {
        scale: "quarterHour"
      }
    },
    {
      type: "monthView",
      showWeekends: false,
      timeRuler: {
        scale: "quarterHour"
      }
    },
  ]
});

Пожалуйстапроверить вывод указанного выше кода

---