title: Angular Bootstrap Calender Drag Event not working
body: <p>I am facing problem in drag event of Angular bootstrap calender. I am using <a href="https://mattlewis92.github.io/angular-bootstrap-calendar/#?example=draggable-events" rel="nofollow noreferrer">https://mattlewis92.github.io/angular-bootstrap-calendar/#?example=draggable-events</a>
   Here is my HTML code:</p>
  
  <pre><code>&lt;div ng-controller="scheduleCtrl as vm"&gt;
  &lt;div class="calender-mid"&gt;
      &lt;div ng-controller="scheduleCtrl as vm"&gt;
          &lt;h2 class="text-center"&gt;{{ vm.calendarTitle }}&lt;/h2&gt;
  
          &lt;div class="row"&gt;
              &lt;div class="col-md-6 text-center"&gt;
                  &lt;div class="btn-group"&gt;
                      &lt;button class="btn btn-primary" mwl-date-modifier date="vm.viewDate" decrement="vm.calendarView" ng-click="vm.cellIsOpen = false"&gt;
                          Previous
                      &lt;/button&gt;
                      &lt;button class="btn btn-default" mwl-date-modifier date="vm.viewDate" set-to-today ng-click="vm.cellIsOpen = false"&gt;
                          Today
                      &lt;/button&gt;
                      &lt;button class="btn btn-primary" mwl-date-modifier date="vm.viewDate" increment="vm.calendarView" ng-click="vm.cellIsOpen = false"&gt;
                          Next
                      &lt;/button&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;br class="visible-xs visible-sm"&gt;
              &lt;div class="col-md-6 text-center"&gt;
                  &lt;div class="btn-group"&gt;
                      &lt;label class="btn btn-primary" ng-model="vm.calendarView" uib-btn-radio="'year'" ng-click="vm.cellIsOpen = false"&gt;Year&lt;/label&gt;
                      &lt;label class="btn btn-primary" ng-model="vm.calendarView" uib-btn-radio="'month'" ng-click="vm.cellIsOpen = false"&gt;Month&lt;/label&gt;
                      &lt;label class="btn btn-primary" ng-model="vm.calendarView" uib-btn-radio="'week'" ng-click="vm.cellIsOpen = false"&gt;Week&lt;/label&gt;
                      &lt;label class="btn btn-primary" ng-model="vm.calendarView" uib-btn-radio="'day'" ng-click="vm.cellIsOpen = false"&gt;Day&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;br&gt;
          &lt;mwl-calendar events="vm.events" view="vm.calendarView" view-date="vm.viewDate" cell-is-open="vm.cellIsOpen" cell-auto-open-disabled="true" on-timespan-click="vm.timespanClicked(calendarDate, calendarCell)" on-event-times-changed="calendarEvent.startsAt = calendarNewEventStart; calendarEvent.endsAt = calendarNewEventEnd; vm.eventTimesChanged(calendarEvent)"&gt;
          &lt;/mwl-calendar&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>And my controller code is:</p>
  
  <pre><code>var vm = this;
  vm.events = [
    {
      title: 'Draggable event',
      color: calendarConfig.colorTypes.warning,
      startsAt: moment().startOf('month').toDate(),
      draggable: true
    },
    {
      title: 'Non-draggable event',
      color: calendarConfig.colorTypes.info,
      startsAt: moment().startOf('month').toDate(),
      draggable: false
    }
  ];
  
  vm.calendarView = 'month';
  vm.viewDate = moment().startOf('month').toDate();
  vm.cellIsOpen = true;
  
  vm.eventTimesChanged = function(event) {
    vm.viewDate = event.startsAt;
    alert.show('Dragged and dropped', event);
  };
  
  vm.timespanClicked = function(date, cell) {
    if (vm.calendarView === 'month') {
      if ((vm.cellIsOpen &amp;&amp; moment(date).startOf('day').isSame(moment(vm.viewDate).startOf('day'))) || cell.events.length === 0 || !cell.inMonth) {
        vm.cellIsOpen = false;
      } else {
        vm.cellIsOpen = true;
        vm.viewDate = date;
      }
    } else if (vm.calendarView === 'year') {
      if ((vm.cellIsOpen &amp;&amp; moment(date).startOf('month').isSame(moment(vm.viewDate).startOf('month'))) || cell.events.length === 0) {
        vm.cellIsOpen = false;
      } else {
        vm.cellIsOpen = true;
        vm.viewDate = date;
      }
    }
  
  };
  </code></pre>
  
  <p>Event is showing properly but when i try to drag an event from some date to some other date then it is not changing the event date. No idea what am i doing wrong or missing something.
  Note: I have injected all dependencies and included all required file.</p>
  
  <p>Please help me. Thanks in advance.</p>
  
  <p>Update:</p>
  
  <p>I have identified that when I drag an event from one date to other date then, then transform is not working while in demo link <a href="https://mattlewis92.github.io/angular-bootstrap-calendar/#?example=draggable-events" rel="nofollow noreferrer">https://mattlewis92.github.io/angular-bootstrap-calendar/#?example=draggable-events</a> , transform is working. Please suggest my mistake.</p>