core(build): fix dayjs error

Author: fetrarij

angular.json

@@ -30,7 +30,10 @@
             "buildOptimizer": false,
             "sourceMap": true,
             "optimization": false,
-            "namedChunks": true
+            "namedChunks": true,
+            "allowedCommonJsDependencies": [
+              "dayjs"
+            ]
           },
           "configurations": {
             "production": {

demo/src/app/custom-ranges/custom-ranges.component.ts

@@ -1,7 +1,6 @@
 import { Component } from '@angular/core';
 import { DateRange, DateRanges, TimePeriod } from '../../../../src/daterangepicker/daterangepicker.component';
-import { Dayjs } from 'dayjs';
-import dayjs from 'dayjs';
+import dayjs, { Dayjs } from 'dayjs/esm';
 
 @Component({
   // eslint-disable-next-line @angular-eslint/component-selector

demo/src/app/full/full.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
-import * as dayjs from 'dayjs';
+import dayjs from 'dayjs/esm';
 import { DaterangepickerDirective } from '../../../../src/daterangepicker/daterangepicker.directive';
 import { EndDate, StartDate } from '../../../../src/daterangepicker/daterangepicker.component';
 import { LocaleConfig } from '../../../../src/daterangepicker';

demo/src/app/reactive-form/reactive-form.component.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import * as dayjs from 'dayjs';
+import dayjs from 'dayjs/esm';
 import { FormGroup, FormBuilder, Validators } from '@angular/forms';
 import { LocaleConfig } from '../../../../src/daterangepicker';
 

demo/src/app/simple/simple.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
-import * as dayjs from 'dayjs';
-import * as utc from 'dayjs/plugin/utc';
+import dayjs from 'dayjs/esm';
+import * as utc from 'dayjs/esm/plugin/utc';
 dayjs.extend(utc);
 import { DaterangepickerComponent, DaterangepickerDirective } from '../../../../src/daterangepicker';
 import { ChosenDate, TimePeriod } from '../../../../src/daterangepicker/daterangepicker.component';

demo/src/app/single-datepicker/single-datepicker.component.ts

@@ -1,9 +1,9 @@
 import { Component, OnInit } from '@angular/core';
-import * as dayjs from 'dayjs';
+import dayjs from 'dayjs/esm';
 import 'dayjs/locale/fr';
 import { LocaleConfig } from '../../../../src/daterangepicker';
-import * as weekday from 'dayjs/plugin/weekday';
-import { Dayjs } from 'dayjs';
+import weekday from 'dayjs/esm/plugin/weekday';
+import { Dayjs } from 'dayjs/esm';
 dayjs.extend(weekday);
 dayjs.locale('fr');
 

demo/src/app/timepicker/timepicker.component.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import * as dayjs from 'dayjs';
+import dayjs from 'dayjs/esm';
 
 @Component({
   // eslint-disable-next-line @angular-eslint/component-selector

ng-package.json

@@ -3,8 +3,5 @@
   "lib": {
     "entryFile": "src/daterangepicker/index.ts"
   },
-  "allowedNonPeerDependencies": [
-    "dayjs"
-  ],
   "dest": "dist"
 }

package.json

@@ -102,7 +102,6 @@
     "zone.js": "~0.11.4"
   },
   "dependencies": {
-    "dayjs": "^1.11.4",
     "tslib": "^2.0.0"
   },
   "schematics": "./schematics/collection.json"

src/daterangepicker/daterangepicker.component.ts

@@ -14,16 +14,16 @@ import {
   ViewEncapsulation
 } from '@angular/core';
 import { FormControl, NG_VALUE_ACCESSOR } from '@angular/forms';
-import dayjs, { Dayjs } from 'dayjs';
+import dayjs, { Dayjs } from 'dayjs/esm';
 import { LocaleConfig } from './daterangepicker.config';
 import { LocaleService } from './locale.service';
 
-import localeData from 'dayjs/plugin/localeData';
-import LocalizedFormat from 'dayjs/plugin/localizedFormat';
-import isoWeek from 'dayjs/plugin/isoWeek';
-import week from 'dayjs/plugin/weekOfYear';
-import customParseFormat from 'dayjs/plugin/customParseFormat';
-import utc from 'dayjs/plugin/utc';
+import localeData from 'dayjs/esm/plugin/localeData';
+import LocalizedFormat from 'dayjs/esm/plugin/localizedFormat';
+import isoWeek from 'dayjs/esm/plugin/isoWeek';
+import week from 'dayjs/esm/plugin/weekOfYear';
+import customParseFormat from 'dayjs/esm/plugin/customParseFormat';
+import utc from 'dayjs/esm/plugin/utc';
 
 dayjs.extend(localeData);
 dayjs.extend(LocalizedFormat);