# Upgrade guide for Scheduler v5.3.3

## Resource time ranges now support recurrence natively

Previously, you had to mixin recurrence support to enable recurring resource time ranges. This is now supported
natively, so you can safely remove any such code. See updated `resourcetimeranges` demo for reference.

**Old code:**

```javascript
class MyResourceTimeRange extends RecurringTimeSpan(ResourceTimeRangeModel) {};

class MyResourceTimeRangeStore extends RecurringTimeSpansMixin(ResourceTimeRangeStore) {
    static get defaultConfig() {
        return {
            // use our new MyResourceTimeRange model
            modelClass : MyResourceTimeRange
        };
    }
};

const resourceTimeRangeStore = new MyResourceTimeRangeStore({
    data : resourceTimeRanges
});

const scheduler = new Scheduler({
    appendTo : 'container',

    features : {
        resourceTimeRanges : {}
    },
    resourceTimeRangeStore,
});
```

**New code:**

```javascript
const scheduler = new Scheduler({
    appendTo : 'container',

    features : {
        resourceTimeRanges : {}
    },
    resourceTimeRanges : new ResourceTimeRangeStore({
        data : resourceTimeRanges
    })
});
```
## Angular View Engine wrappers

New `@bryntum/scheduler-angular-view` is designed to work with Angular 11 and older versions, which use the View Engine
for rendering. If you are using one of the legacy Angular versions, please follow these steps to use the package:

Install the package using npm:

```shell
npm install @bryntum/scheduler-angular-view@5.3.3
```

Import the component in your Angular application:

```typescript
import { BryntumSchedulerComponent } from '@bryntum/scheduler-angular-view';
```

Do not forget to remove previously used `@bryntum/scheduler-angular` package which requires Angular 12 or newer version.

Please check [Angular integration guide](#Scheduler/guides/integration/angular/guide.md#ivy-and-view-engine-wrappers) for
additional information.


<p class="last-modified">Last modified on 2023-10-26 8:19:20</p>