Search code examples
fullcalendarangular-ui

How to re-size (stretch start or end date) events on Angular UI Calendar?

I haven't been able to find out whether the following options exists in Angular UI Calendar (http://angular-ui.github.io/ui-calendar/) or not.

https://fullcalendar.io/docs/eventDurationEditable/

Here is the calendar init code

/* configuration */
$scope.uiConfig = {
    calendar:{
        height: 'auto',
        editable: true,
        header:{
            left: 'today prev,next',
            center: 'title',
            right: 'month basicWeek basicDay'
        },
        eventDrop: $scope.onEventDrop,
        eventResize: $scope.onEventResize
    }
};

If anyone has done it, please suggest the property that I can use to implement.

Thanks!

Solution

  • To be resizable in the Month view, your events should'nt have the time part.

    For example, an event with property start: '2015-02-01' will work while start: '2015-02-09T16:00:00' wont. (but it will in the Week or Day view)