feat: remove direct dependency on date-fns

BREAKING CHANGE: date-fns is now no longer a direct dependency of this library. To migrate:

Install date-fns with npm:
```
npm i date-fns
```

Add the date-fns calendar-utils adapter to the first argument of the CalendarModule.forRoot method:

```typescript
import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { CalendarModule, DateAdapter } from 'angular-calendar';
import { adapterFactory } from 'angular-calendar/date-adapters/date-fns';

@NgModule({
  imports: [
    BrowserAnimationsModule,
    CalendarModule.forRoot({
      provide: DateAdapter,
      useFactory: adapterFactory
    })
  ]
})
export class MyModule {}
```

For system.js users you will also need to add the following entries to your systemjs config:
```
'calendar-utils': 'npm:calendar-utils/bundles/calendar-utils.umd.js',
'calendar-utils/date-adapters/date-fns': 'npm:calendar-utils/date-adapters/date-fns.js',
'angular-calendar/date-adapters/date-fns': 'npm:angular-calendar/date-adapters/date-fns.js'
```

Author: mattlewis92

README.md

@@ -34,7 +34,7 @@ A calendar component for Angular 6.0+ that can display events on a month, week o
 First install through npm:
 
 ```bash
-npm install --save angular-calendar
+npm install --save angular-calendar date-fns
 ```
 
 Next include the CSS file in the global (not component scoped) styles of your app:
@@ -49,10 +49,17 @@ Finally import the calendar module into your apps module:
 ```typescript
 import { NgModule } from '@angular/core';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { CalendarModule } from 'angular-calendar';
+import { CalendarModule, CalendarUtils } from 'angular-calendar';
+import { CalendarUtilsDateFns } from 'angular-calendar/calendar-utils/date-fns';
 
 @NgModule({
-  imports: [BrowserAnimationsModule, CalendarModule.forRoot()]
+  imports: [
+    BrowserAnimationsModule,
+    CalendarModule.forRoot({
+      provide: CalendarUtils,
+      useClass: CalendarUtilsDateFns
+    })
+  ]
 })
 export class MyModule {}
 ```

demos/demo-modules/additional-event-properties/module.ts

@@ -1,14 +1,18 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
-import { CalendarModule } from 'angular-calendar';
+import { CalendarModule, CalendarUtils } from 'angular-calendar';
+import { CalendarUtilsDateFns } from 'angular-calendar/calendar-utils/date-fns';
 import { DemoUtilsModule } from '../demo-utils/module';
 import { DemoComponent } from './component';
 
 @NgModule({
   imports: [
     CommonModule,
-    CalendarModule.forRoot(),
+    CalendarModule.forRoot({
+      provide: CalendarUtils,
+      useClass: CalendarUtilsDateFns
+    }),
     DemoUtilsModule,
     RouterModule.forChild([{ path: '', component: DemoComponent }])
   ],

demos/demo-modules/all-day-events/module.ts

@@ -1,14 +1,18 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
-import { CalendarModule } from 'angular-calendar';
+import { CalendarModule, CalendarUtils } from 'angular-calendar';
 import { DemoUtilsModule } from '../demo-utils/module';
 import { DemoComponent } from './component';
+import { CalendarUtilsDateFns } from 'angular-calendar/calendar-utils/date-fns';
 
 @NgModule({
   imports: [
     CommonModule,
-    CalendarModule.forRoot(),
+    CalendarModule.forRoot({
+      provide: CalendarUtils,
+      useClass: CalendarUtilsDateFns
+    }),
     DemoUtilsModule,
     RouterModule.forChild([{ path: '', component: DemoComponent }])
   ],

demos/demo-modules/async-events/module.ts

@@ -2,15 +2,19 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { HttpClientModule } from '@angular/common/http';
 import { RouterModule } from '@angular/router';
-import { CalendarModule } from 'angular-calendar';
+import { CalendarModule, CalendarUtils } from 'angular-calendar';
 import { DemoUtilsModule } from '../demo-utils/module';
 import { DemoComponent } from './component';
+import { CalendarUtilsDateFns } from 'angular-calendar/calendar-utils/date-fns';
 
 @NgModule({
   imports: [
     CommonModule,
     HttpClientModule,
-    CalendarModule.forRoot(),
+    CalendarModule.forRoot({
+      provide: CalendarUtils,
+      useClass: CalendarUtilsDateFns
+    }),
     DemoUtilsModule,
     RouterModule.forChild([{ path: '', component: DemoComponent }])
   ],

demos/demo-modules/before-view-render/module.ts

@@ -1,14 +1,18 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
-import { CalendarModule } from 'angular-calendar';
+import { CalendarModule, CalendarUtils } from 'angular-calendar';
 import { DemoUtilsModule } from '../demo-utils/module';
 import { DemoComponent } from './component';
+import { CalendarUtilsDateFns } from 'angular-calendar/calendar-utils/date-fns';
 
 @NgModule({
   imports: [
     CommonModule,
-    CalendarModule.forRoot(),
+    CalendarModule.forRoot({
+      provide: CalendarUtils,
+      useClass: CalendarUtilsDateFns
+    }),
     DemoUtilsModule,
     RouterModule.forChild([{ path: '', component: DemoComponent }])
   ],

demos/demo-modules/clickable-days/module.ts

@@ -1,14 +1,18 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
-import { CalendarModule } from 'angular-calendar';
+import { CalendarModule, CalendarUtils } from 'angular-calendar';
 import { DemoUtilsModule } from '../demo-utils/module';
 import { DemoComponent } from './component';
+import { CalendarUtilsDateFns } from 'angular-calendar/calendar-utils/date-fns';
 
 @NgModule({
   imports: [
     CommonModule,
-    CalendarModule.forRoot(),
+    CalendarModule.forRoot({
+      provide: CalendarUtils,
+      useClass: CalendarUtilsDateFns
+    }),
     DemoUtilsModule,
     RouterModule.forChild([{ path: '', component: DemoComponent }])
   ],

demos/demo-modules/clickable-events/module.ts

@@ -1,14 +1,18 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
-import { CalendarModule } from 'angular-calendar';
+import { CalendarModule, CalendarUtils } from 'angular-calendar';
 import { DemoUtilsModule } from '../demo-utils/module';
 import { DemoComponent } from './component';
+import { CalendarUtilsDateFns } from 'angular-calendar/calendar-utils/date-fns';
 
 @NgModule({
   imports: [
     CommonModule,
-    CalendarModule.forRoot(),
+    CalendarModule.forRoot({
+      provide: CalendarUtils,
+      useClass: CalendarUtilsDateFns
+    }),
     DemoUtilsModule,
     RouterModule.forChild([{ path: '', component: DemoComponent }])
   ],

demos/demo-modules/context-menu/module.ts

@@ -1,15 +1,19 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
-import { CalendarModule } from 'angular-calendar';
+import { CalendarModule, CalendarUtils } from 'angular-calendar';
 import { ContextMenuModule } from 'ngx-contextmenu';
 import { DemoUtilsModule } from '../demo-utils/module';
 import { DemoComponent } from './component';
+import { CalendarUtilsDateFns } from 'angular-calendar/calendar-utils/date-fns';
 
 @NgModule({
   imports: [
     CommonModule,
-    CalendarModule.forRoot(),
+    CalendarModule.forRoot({
+      provide: CalendarUtils,
+      useClass: CalendarUtilsDateFns
+    }),
     ContextMenuModule.forRoot({
       useBootstrap4: true
     }),

demos/demo-modules/custom-event-class/module.ts

@@ -1,14 +1,18 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
-import { CalendarModule } from 'angular-calendar';
+import { CalendarModule, CalendarUtils } from 'angular-calendar';
 import { DemoUtilsModule } from '../demo-utils/module';
 import { DemoComponent } from './component';
+import { CalendarUtilsDateFns } from 'angular-calendar/calendar-utils/date-fns';
 
 @NgModule({
   imports: [
     CommonModule,
-    CalendarModule.forRoot(),
+    CalendarModule.forRoot({
+      provide: CalendarUtils,
+      useClass: CalendarUtilsDateFns
+    }),
     DemoUtilsModule,
     RouterModule.forChild([{ path: '', component: DemoComponent }])
   ],

demos/demo-modules/custom-templates/module.ts

@@ -1,14 +1,18 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
-import { CalendarModule } from 'angular-calendar';
+import { CalendarModule, CalendarUtils } from 'angular-calendar';
 import { DemoUtilsModule } from '../demo-utils/module';
 import { DemoComponent } from './component';
+import { CalendarUtilsDateFns } from 'angular-calendar/calendar-utils/date-fns';
 
 @NgModule({
   imports: [
     CommonModule,
-    CalendarModule.forRoot(),
+    CalendarModule.forRoot({
+      provide: CalendarUtils,
+      useClass: CalendarUtilsDateFns
+    }),
     DemoUtilsModule,
     RouterModule.forChild([{ path: '', component: DemoComponent }])
   ],

demos/demo-modules/customise-date-formats/module.ts

@@ -1,14 +1,18 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
-import { CalendarModule } from 'angular-calendar';
+import { CalendarModule, CalendarUtils } from 'angular-calendar';
 import { DemoUtilsModule } from '../demo-utils/module';
 import { DemoComponent } from './component';
+import { CalendarUtilsDateFns } from 'angular-calendar/calendar-utils/date-fns';
 
 @NgModule({
   imports: [
     CommonModule,
-    CalendarModule.forRoot(),
+    CalendarModule.forRoot({
+      provide: CalendarUtils,
+      useClass: CalendarUtilsDateFns
+    }),
     DemoUtilsModule,
     RouterModule.forChild([{ path: '', component: DemoComponent }])
   ],

demos/demo-modules/day-view-hour-split/module.ts

@@ -1,14 +1,18 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
-import { CalendarModule } from 'angular-calendar';
+import { CalendarModule, CalendarUtils } from 'angular-calendar';
 import { DemoUtilsModule } from '../demo-utils/module';
 import { DemoComponent } from './component';
+import { CalendarUtilsDateFns } from 'angular-calendar/calendar-utils/date-fns';
 
 @NgModule({
   imports: [
     CommonModule,
-    CalendarModule.forRoot(),
+    CalendarModule.forRoot({
+      provide: CalendarUtils,
+      useClass: CalendarUtilsDateFns
+    }),
     DemoUtilsModule,
     RouterModule.forChild([{ path: '', component: DemoComponent }])
   ],

demos/demo-modules/day-view-start-end/module.ts

@@ -1,14 +1,18 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
-import { CalendarModule } from 'angular-calendar';
+import { CalendarModule, CalendarUtils } from 'angular-calendar';
 import { DemoUtilsModule } from '../demo-utils/module';
 import { DemoComponent } from './component';
+import { CalendarUtilsDateFns } from 'angular-calendar/calendar-utils/date-fns';
 
 @NgModule({
   imports: [
     CommonModule,
-    CalendarModule.forRoot(),
+    CalendarModule.forRoot({
+      provide: CalendarUtils,
+      useClass: CalendarUtilsDateFns
+    }),
     DemoUtilsModule,
     RouterModule.forChild([{ path: '', component: DemoComponent }])
   ],

demos/demo-modules/disable-slide-animation/module.ts

@@ -1,14 +1,18 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { CalendarModule } from 'angular-calendar';
+import { CalendarModule, CalendarUtils } from 'angular-calendar';
 import { RouterModule } from '@angular/router';
 import { DemoUtilsModule } from '../demo-utils/module';
 import { DemoComponent } from './component';
+import { CalendarUtilsDateFns } from 'angular-calendar/calendar-utils/date-fns';
 
 @NgModule({
   imports: [
     CommonModule,
-    CalendarModule.forRoot(),
+    CalendarModule.forRoot({
+      provide: CalendarUtils,
+      useClass: CalendarUtilsDateFns
+    }),
     DemoUtilsModule,
     RouterModule.forChild([{ path: '', component: DemoComponent }])
   ],

demos/demo-modules/disable-tooltips/module.ts

@@ -1,14 +1,18 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
-import { CalendarModule } from 'angular-calendar';
+import { CalendarModule, CalendarUtils } from 'angular-calendar';
 import { DemoUtilsModule } from '../demo-utils/module';
 import { DemoComponent } from './component';
+import { CalendarUtilsDateFns } from 'angular-calendar/calendar-utils/date-fns';
 
 @NgModule({
   imports: [
     CommonModule,
-    CalendarModule.forRoot(),
+    CalendarModule.forRoot({
+      provide: CalendarUtils,
+      useClass: CalendarUtilsDateFns
+    }),
     DemoUtilsModule,
     RouterModule.forChild([{ path: '', component: DemoComponent }])
   ],

demos/demo-modules/draggable-events/module.ts

@@ -1,14 +1,18 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
-import { CalendarModule } from 'angular-calendar';
+import { CalendarModule, CalendarUtils } from 'angular-calendar';
 import { DemoUtilsModule } from '../demo-utils/module';
 import { DemoComponent } from './component';
+import { CalendarUtilsDateFns } from 'angular-calendar/calendar-utils/date-fns';
 
 @NgModule({
   imports: [
     CommonModule,
-    CalendarModule.forRoot(),
+    CalendarModule.forRoot({
+      provide: CalendarUtils,
+      useClass: CalendarUtilsDateFns
+    }),
     DemoUtilsModule,
     RouterModule.forChild([{ path: '', component: DemoComponent }])
   ],

demos/demo-modules/draggable-external-events/module.ts

@@ -1,15 +1,19 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
-import { CalendarModule } from 'angular-calendar';
+import { CalendarModule, CalendarUtils } from 'angular-calendar';
 import { DragAndDropModule } from 'angular-draggable-droppable';
 import { DemoUtilsModule } from '../demo-utils/module';
 import { DemoComponent } from './component';
+import { CalendarUtilsDateFns } from 'angular-calendar/calendar-utils/date-fns';
 
 @NgModule({
   imports: [
     CommonModule,
-    CalendarModule.forRoot(),
+    CalendarModule.forRoot({
+      provide: CalendarUtils,
+      useClass: CalendarUtilsDateFns
+    }),
     DragAndDropModule,
     DemoUtilsModule,
     RouterModule.forChild([{ path: '', component: DemoComponent }])

demos/demo-modules/editable-deletable-events/module.ts

@@ -1,14 +1,18 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
-import { CalendarModule } from 'angular-calendar';
+import { CalendarModule, CalendarUtils } from 'angular-calendar';
 import { DemoUtilsModule } from '../demo-utils/module';
 import { DemoComponent } from './component';
+import { CalendarUtilsDateFns } from 'angular-calendar/calendar-utils/date-fns';
 
 @NgModule({
   imports: [
     CommonModule,
-    CalendarModule.forRoot(),
+    CalendarModule.forRoot({
+      provide: CalendarUtils,
+      useClass: CalendarUtilsDateFns
+    }),
     DemoUtilsModule,
     RouterModule.forChild([{ path: '', component: DemoComponent }])
   ],