Browser keeps freezing when I add more than two event

[VijaySankhat]

Hi Innqube,

When I load more than two events then my browser keeps freezing, works fine when I load two events.
here I am sending my package.js file dependencies.

My events array: events:

events: CalendarEvent[] = [
    {
      start: addHours(startOfDay(new Date()), 9),
      end: addHours(startOfDay(new Date()), 10),
      title: 'Patient A',
      color: colors.red,
      draggable: true,
      resizable: {
        beforeStart: true,
        afterEnd: true,
      },
    },
    {
      start: addHours(startOfDay(new Date()), 10.5),
      end: addHours(startOfDay(new Date()), 11.5),
      title: 'Patient C',
      color: colors.yellow,
      draggable: true,
      resizable: {
        beforeStart: true,
        afterEnd: true,
      },
    },
  ];

"@agm/core": "1.0.0-beta.2",
"@angular/animations": "6.0.0",
"@angular/common": "6.0.0",
"@angular/compiler": "6.0.0",
"@angular/core": "6.0.0",
"@angular/forms": "6.0.0",
"@angular/http": "6.0.0",
"@angular/platform-browser": "6.0.0",
"@angular/platform-browser-dynamic": "6.0.0",
"@angular/router": "6.0.0",
"@asymmetrik/ngx-leaflet": "3.0.1",
"@nebular/auth": "2.0.0-rc.9",
"@nebular/security": "2.0.0-rc.9",
"@nebular/theme": "2.0.0-rc.9",
"@ng-bootstrap/ng-bootstrap": "1.0.0",
"@swimlane/ngx-charts": "7.0.1",
"angular-calendar": "^0.25.2",
"angular-calendar-week-hours-view": "^1.0.2",
"angular-draggable-droppable": "^3.0.1",
"angular-resizable-element": "^3.1.0",
"angular-tree-component": "7.2.0",
"angular2-chartjs": "0.4.1",
"angular2-toaster": "6.0.0",
"bootstrap": "4.0.0",
"calendar-utils": "^0.1.2",
"chart.js": "2.7.1",
"ckeditor": "4.7.3",
"classlist.js": "1.1.20150312",
"core-js": "2.5.1",
"date-fns": "^1.29.0",
"echarts": "^4.0.2",
"font-awesome": "4.7.0",
"intl": "1.2.5",
"ionicons": "2.0.1",
"leaflet": "1.2.0",
"nebular-icons": "1.0.8",
"ng2-ckeditor": "1.1.13",
"ng2-smart-table": "1.2.2",
"ngx-echarts": "2.0.1",
"normalize.css": "6.0.0",
"pace-js": "1.0.2",
"positioning": "^1.4.0",
"roboto-fontface": "0.8.0",
"rxjs": "^6.1.0",
"rxjs-compat": "^6.1.0",
"socicon": "3.0.5",
"tinymce": "4.5.7",
"typeface-exo": "0.0.22",
"web-animations-js": "2.2.5",
"zone.js": "^0.8.26"