# eventConstraint

> FullCalendar v4 documentation, for an old release. Web version: https://legacy.fullcalendar.io/v4/eventConstraint
>
> Latest version (v7): https://fullcalendar.io/docs/eventConstraint.md

Limits event dragging and resizing to certain windows of time.

<div class='spec' markdown='1'>
a groupId for [Events](https://legacy.fullcalendar.io/v4/event-object.md), `"businessHours"`, object
</div>

If a `groupId` is given, events that are being dragged or resized must be fully contained by at least one of the [events](https://legacy.fullcalendar.io/v4/event-object.md) linked to by the given `groupId`.

If `"businessHours"` is given, events being dragged or resized must be fully contained within the week's business hours (Monday-Friday 9am-5pm by default). A custom [businessHours](https://legacy.fullcalendar.io/v4/businessHours.md) value will be respected.

A custom time-window, an object identical to what [businessHours](https://legacy.fullcalendar.io/v4/businessHours.md) accepts, can also be given:

```js
{
  startTime: '10:00', // a start time (10am in this example)
  endTime: '18:00', // an end time (6pm in this example)

  daysOfWeek: [ 1, 2, 3, 4 ]
  // days of week. an array of zero-based day of week integers (0=Sunday)
  // (Monday-Thursday in this example)
}
```

A specific period of time with concrete start/end dates can also be given, similar to what an [Event Object](https://legacy.fullcalendar.io/v4/event-object.md) accepts:

```js
{
  start: '2014-12-01T10:00:00',
  end: '2014-12-05T22:00:00'
}
```

For more granular control over constraining event dates/times, use the `constraint` property on an [Event Source](https://legacy.fullcalendar.io/v4/event-source-object.md) or the `constraint` property on an [Event Object](https://legacy.fullcalendar.io/v4/event-object.md). [View a demo](https://legacy.fullcalendar.io/v4/event-constraint-demo) that does this.

If you are using a resource view and would like to constrain an event to certain resources, [read this article](https://legacy.fullcalendar.io/v4/eventConstraint.md).


## Resources

The `resourceId` and `resourceIds` (an array) properties can be applied to force an event to stay within specific *resources*:

```js
var calendar = new Calendar(calendarEl, {
  defaultView: 'resourceTimelineWeek',
  resources: [
    // resource data...
  ],
  events: [
    {
      title: 'my event',
      start: '2016-01-01',
      resourceId: 'b', // start out in resource 'b'
      constraint: {
        resourceIds: [ 'a', 'b', 'c' ] // constrain dragging to these
      }
    }
  ]
});
```

Only available with the [Scheduler plugin](https://fullcalendar.io/pricing).