ngx-bootstrap 8.0.0-RC.4 → 8.0.0

package/datepicker/fesm2020/ngx-bootstrap-datepicker.mjs

@@ -93,6 +93,10 @@ class BsDatepickerConfig {
          * Shows timepicker under datepicker
          */
         this.withTimepicker = false;
+        /**
+         * Set allowed positions of container.
+         */
+        this.allowedPositions = ['top', 'bottom'];
     }
 }
 BsDatepickerConfig.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsDatepickerConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -593,7 +597,7 @@ function isDisabledDate(date, datesDisabled, unit) {
     if (!datesDisabled || !isArray(datesDisabled) || !datesDisabled.length) {
         return false;
     }
-    if (unit && unit === 'year') {
+    if (unit && unit === 'year' && !datesDisabled[0].getDate()) {
         return datesDisabled.some((dateDisabled) => isSame(date, dateDisabled, 'year'));
     }
     return datesDisabled.some((dateDisabled) => isSame(date, dateDisabled, 'date'));
@@ -602,10 +606,7 @@ function isEnabledDate(date, datesEnabled, unit) {
     if (!datesEnabled || !isArray(datesEnabled) || !datesEnabled.length) {
         return false;
     }
-    if (unit && unit === 'year') {
-        return !datesEnabled.some((dateDisabled) => isSame(date, dateDisabled, 'year'));
-    }
-    return !datesEnabled.some((enabledDate) => isSame(date, enabledDate, 'date'));
+    return !datesEnabled.some((enabledDate) => isSame(date, enabledDate, unit || 'date'));
 }
 function getYearsCalendarInitialDate(state, calendarIndex = 0) {
     const model = state && state.yearsCalendarModel && state.yearsCalendarModel[calendarIndex];
@@ -865,7 +866,7 @@ function flagMonthsCalendar(monthCalendar, options) {
             const isHovered = isSameMonth(month.date, options.hoveredMonth);
             const isDisabled = options.isDisabled ||
                 isDisabledDate(month.date, options.datesDisabled) ||
-                isEnabledDate(month.date, options.datesEnabled) ||
+                isEnabledDate(month.date, options.datesEnabled, 'month') ||
                 isMonthDisabled(month.date, options.minDate, options.maxDate);
             if (!options.selectedDate && options.selectedRange) {
                 isSelected = isSameMonth(month.date, options.selectedRange[0]);
@@ -979,6 +980,9 @@ function flagYearsCalendar(yearsCalendar, options) {
 }
 
 function copyTime(sourceDate, time) {
+    if (!sourceDate || !isNaN(sourceDate.getTime())) {
+        return;
+    }
     sourceDate.setHours(time.getHours());
     sourceDate.setMinutes(time.getMinutes());
     sourceDate.setSeconds(time.getSeconds());
@@ -1093,7 +1097,7 @@ function bsDatepickerReducer(state = initialDatepickerState, action) {
                 selectedRange: action.payload,
                 view: state.view
             };
-            newState.selectedRange.forEach((dte, index) => {
+            newState.selectedRange?.forEach((dte, index) => {
                 if (Array.isArray(state.selectedTime)) {
                     const _time = state.selectedTime[index];
                     if (_time) {
@@ -2085,8 +2089,15 @@ class BsDatepickerContainerComponent extends BsDatepickerAbstractComponent {
     }
     ngOnInit() {
         this._positionService.setOptions({
-            modifiers: { flip: { enabled: this._config.adaptivePosition } },
-            allowedPositions: ['top', 'bottom']
+            modifiers: {
+                flip: {
+                    enabled: this._config.adaptivePosition
+                },
+                preventOverflow: {
+                    enabled: this._config.adaptivePosition
+                }
+            },
+            allowedPositions: this._config.allowedPositions
         });
         this._positionService.event$?.pipe(take(1))
             .subscribe(() => {
@@ -2320,6 +2331,21 @@ class BsDatepickerDirective {
             this._datepickerRef.instance.dateTooltipTexts = this.dateTooltipTexts;
         }
     }
+    initSubscribes() {
+        // if date changes from external source (model -> view)
+        this._subs.push(this.bsValueChange.subscribe((value) => {
+            if (this._datepickerRef) {
+                this._datepickerRef.instance.value = value;
+            }
+        }));
+        // if date changes from picker (view -> model)
+        if (this._datepickerRef) {
+            this._subs.push(this._datepickerRef.instance.valueChange.subscribe((value) => {
+                this.bsValue = value;
+                this.hide();
+            }));
+        }
+    }
     ngAfterViewInit() {
         this.isOpen$.pipe(filter(isOpen => isOpen !== this.isOpen), takeUntil(this.isDestroy$))
             .subscribe(() => this.toggle());
@@ -2339,19 +2365,7 @@ class BsDatepickerDirective {
             .to(this.container)
             .position({ attachment: this.placement })
             .show({ placement: this.placement });
-        // if date changes from external source (model -> view)
-        this._subs.push(this.bsValueChange.subscribe((value) => {
-            if (this._datepickerRef) {
-                this._datepickerRef.instance.value = value;
-            }
-        }));
-        // if date changes from picker (view -> model)
-        if (this._datepickerRef) {
-            this._subs.push(this._datepickerRef.instance.valueChange.subscribe((value) => {
-                this.bsValue = value;
-                this.hide();
-            }));
-        }
+        this.initSubscribes();
     }
     /**
      * Closes an element’s datepicker. This is considered a “manual” triggering of
@@ -2396,6 +2410,12 @@ class BsDatepickerDirective {
             initCurrentTime: this.bsConfig?.initCurrentTime
         });
     }
+    unsubscribeSubscriptions() {
+        if (this._subs?.length) {
+            this._subs.map(sub => sub.unsubscribe());
+            this._subs.length = 0;
+        }
+    }
     ngOnDestroy() {
         this._datepicker.dispose();
         this.isOpen$.next(false);
@@ -2403,6 +2423,7 @@ class BsDatepickerDirective {
             this.isDestroy$.next(null);
             this.isDestroy$.complete();
         }
+        this.unsubscribeSubscriptions();
     }
 }
 BsDatepickerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsDatepickerDirective, deps: [{ token: BsDatepickerConfig }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i2.ComponentLoaderFactory }], target: i0.ɵɵFactoryTarget.Directive });
@@ -2518,19 +2539,27 @@ class BsDatepickerInlineDirective {
     }
     ngOnInit() {
         this.setConfig();
-        // if date changes from external source (model -> view)
+        this.initSubscribes();
+    }
+    initSubscribes() {
+        this.unsubscribeSubscriptions();
         this._subs.push(this.bsValueChange.subscribe((value) => {
             if (this._datepickerRef) {
                 this._datepickerRef.instance.value = value;
             }
         }));
-        // if date changes from picker (view -> model)
         if (this._datepickerRef) {
             this._subs.push(this._datepickerRef.instance.valueChange.subscribe((value) => {
                 this.bsValue = value;
             }));
         }
     }
+    unsubscribeSubscriptions() {
+        if (this._subs?.length) {
+            this._subs.map(sub => sub.unsubscribe());
+            this._subs.length = 0;
+        }
+    }
     ngOnChanges(changes) {
         if (changes["bsConfig"]) {
             if (changes["bsConfig"].currentValue?.initCurrentTime && changes["bsConfig"].currentValue?.initCurrentTime !== changes["bsConfig"].previousValue?.initCurrentTime && this._bsValue) {
@@ -2588,9 +2617,11 @@ class BsDatepickerInlineDirective {
             .attach(BsDatepickerInlineContainerComponent)
             .to(this._elementRef)
             .show();
+        this.initSubscribes();
     }
     ngOnDestroy() {
         this._datepicker.dispose();
+        this.unsubscribeSubscriptions();
     }
 }
 BsDatepickerInlineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsDatepickerInlineDirective, deps: [{ token: BsDatepickerInlineConfig }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i2.ComponentLoaderFactory }], target: i0.ɵɵFactoryTarget.Directive });
@@ -2666,8 +2697,15 @@ class BsDaterangepickerContainerComponent extends BsDatepickerAbstractComponent
     }
     ngOnInit() {
         this._positionService.setOptions({
-            modifiers: { flip: { enabled: this._config.adaptivePosition } },
-            allowedPositions: ['top', 'bottom']
+            modifiers: {
+                flip: {
+                    enabled: this._config.adaptivePosition
+                },
+                preventOverflow: {
+                    enabled: this._config.adaptivePosition
+                }
+            },
+            allowedPositions: this._config.allowedPositions
         });
         this._positionService.event$?.pipe(take(1))
             .subscribe(() => {
@@ -2891,20 +2929,7 @@ class BsDaterangepickerInlineDirective {
     }
     ngOnInit() {
         this.setConfig();
-        // if date changes from external source (model -> view)
-        this._subs.push(this.bsValueChange.subscribe((value) => {
-            if (this._datepickerRef) {
-                this._datepickerRef.instance.value = value;
-            }
-        }));
-        // if date changes from picker (view -> model)
-        if (this._datepickerRef) {
-            this._subs.push(this._datepickerRef.instance.valueChange
-                .pipe(filter((range) => range && range[0] && !!range[1]))
-                .subscribe((value) => {
-                this.bsValue = value;
-            }));
-        }
+        this.initSubscribes();
     }
     ngOnChanges(changes) {
         if (changes["bsConfig"]) {
@@ -2965,9 +2990,34 @@ class BsDaterangepickerInlineDirective {
             .attach(BsDaterangepickerInlineContainerComponent)
             .to(this._elementRef)
             .show();
+        this.initSubscribes();
+    }
+    initSubscribes() {
+        this.unsubscribeSubscriptions();
+        // if date changes from external source (model -> view)
+        this._subs.push(this.bsValueChange.subscribe((value) => {
+            if (this._datepickerRef) {
+                this._datepickerRef.instance.value = value;
+            }
+        }));
+        // if date changes from picker (view -> model)
+        if (this._datepickerRef) {
+            this._subs.push(this._datepickerRef.instance.valueChange
+                .pipe(filter((range) => range && range[0] && !!range[1]))
+                .subscribe((value) => {
+                this.bsValue = value;
+            }));
+        }
+    }
+    unsubscribeSubscriptions() {
+        if (this._subs?.length) {
+            this._subs.map(sub => sub.unsubscribe());
+            this._subs.length = 0;
+        }
     }
     ngOnDestroy() {
         this._datepicker.dispose();
+        this.unsubscribeSubscriptions();
     }
 }
 BsDaterangepickerInlineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsDaterangepickerInlineDirective, deps: [{ token: BsDaterangepickerInlineConfig }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i2.ComponentLoaderFactory }], target: i0.ɵɵFactoryTarget.Directive });
@@ -3300,6 +3350,9 @@ class BsDaterangepickerDirective {
             .to(this.container)
             .position({ attachment: this.placement })
             .show({ placement: this.placement });
+        this.initSubscribes();
+    }
+    initSubscribes() {
         // if date changes from external source (model -> view)
         this._subs.push(this.bsValueChange.subscribe((value) => {
             if (this._datepickerRef) {
@@ -3359,6 +3412,12 @@ class BsDaterangepickerDirective {
         }
         this.show();
     }
+    unsubscribeSubscriptions() {
+        if (this._subs?.length) {
+            this._subs.map(sub => sub.unsubscribe());
+            this._subs.length = 0;
+        }
+    }
     ngOnDestroy() {
         this._datepicker.dispose();
         this.isOpen$.next(false);
@@ -3366,6 +3425,7 @@ class BsDaterangepickerDirective {
             this.isDestroy$.next(null);
             this.isDestroy$.complete();
         }
+        this.unsubscribeSubscriptions();
     }
 }
 BsDaterangepickerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsDaterangepickerDirective, deps: [{ token: BsDaterangepickerConfig }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i2.ComponentLoaderFactory }], target: i0.ɵɵFactoryTarget.Directive });