fixing isMonthDisabledCallback (#523)

* fixing isMonthDisabledCallback

* reverting comment

Co-authored-by: Vlad Ioffe <vioffe@outbrain.com>

package.json

@@ -94,7 +94,6 @@
     ]
   },
   "dependencies": {
-    "moment": "^2.24.0",
-    "tslib": "^2.0.0"
+    "moment": "^2.24.0"
   }
 }

src/lib/date-picker/date-picker.service.ts

@@ -78,6 +78,7 @@ export class DatePickerService {
       monthBtnFormat: pickerConfig.monthBtnFormat,
       monthBtnFormatter: pickerConfig.monthBtnFormatter,
       monthBtnCssClassCallback: pickerConfig.monthBtnCssClassCallback,
+      isMonthDisabledCallback: pickerConfig.isMonthDisabledCallback,
       multipleYearsNavigateBy: pickerConfig.multipleYearsNavigateBy,
       showMultipleYearsNavigation: pickerConfig.showMultipleYearsNavigation,
       locale: pickerConfig.locale,

src/lib/day-calendar/day-calendar.service.ts

@@ -175,6 +175,7 @@ export class DayCalendarService {
       monthBtnFormat: componentConfig.monthBtnFormat,
       monthBtnFormatter: componentConfig.monthBtnFormatter,
       monthBtnCssClassCallback: componentConfig.monthBtnCssClassCallback,
+      isMonthDisabledCallback: componentConfig.isMonthDisabledCallback,
       multipleYearsNavigateBy: componentConfig.multipleYearsNavigateBy,
       showMultipleYearsNavigation: componentConfig.showMultipleYearsNavigation,
       showGoToCurrent: componentConfig.showGoToCurrent,

src/lib/month-calendar/month-calendar.service.spec.ts

@@ -1,5 +1,6 @@
 import {inject, TestBed} from '@angular/core/testing';
 import * as momentNs from 'moment';
+import {Moment} from 'moment';
 import {UtilsService} from '../common/services/utils/utils.service';
 import {MonthCalendarService} from './month-calendar.service';
 import {IMonth} from './month.model';
@@ -71,6 +72,34 @@ describe('Service: MonthCalendarService', () => {
       expect(service.isMonthDisabled(month.date, config1)).toBe(true);
     }));
 
+  it('should check the isDateDisabled when isMonthDisabledCallback provided',
+    inject([MonthCalendarService], (service: MonthCalendarService) => {
+      const month: IMonth = {
+        date: moment('01`-01-2017', 'DD-MM-YYYY'),
+        selected: false,
+        currentMonth: false,
+        disabled: false,
+        text: moment('01-01-2017', 'DD-MM-YYYY').format('MMM')
+      };
+      const config1: any = {
+        isMonthDisabledCallback: (m: Moment) => {
+          return m.get('M') % 2 === 0;
+        }
+      };
+
+      for (let i = 0; i < 12; i++) {
+        console.log(month.date.get('M'), i % 2, service.isMonthDisabled(month.date, config1));
+
+        if (i % 2 === 0) {
+          expect(service.isMonthDisabled(month.date, config1)).toBe(true);
+        } else {
+          expect(service.isMonthDisabled(month.date, config1)).toBe(false);
+        }
+
+        month.date.add(1, 'month');
+      }
+    }));
+
   it('should check getDayBtnText method',
     inject([MonthCalendarService], (service: MonthCalendarService) => {
       const date = moment('05-04-2017', 'DD-MM-YYYY');

src/lib/month-calendar/month-calendar.service.ts

@@ -61,6 +61,10 @@ export class MonthCalendarService {
   }
 
   isMonthDisabled(date: Moment, config: IMonthCalendarConfig) {
+    if (config.isMonthDisabledCallback) {
+      return config.isMonthDisabledCallback(date);
+    }
+
     if (config.min && date.isBefore(config.min, 'month')) {
       return true;
     }