ngx-bootstrap 8.0.0-RC.2 → 8.0.0-RC.8

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

@@ -15,8 +15,7 @@ import * as i7 from 'ngx-bootstrap/timepicker';
 import { TimepickerActions, TimepickerModule } from 'ngx-bootstrap/timepicker';
 import * as i2 from 'ngx-bootstrap/component-loader';
 import { ComponentLoaderFactory } from 'ngx-bootstrap/component-loader';
-import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule } from '@angular/forms';
-import { isBs3 } from 'ngx-bootstrap/utils';
+import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
 
 /**
  * For date range picker there are `BsDaterangepickerConfig` which inherits all properties,
@@ -617,7 +616,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'));
@@ -626,10 +625,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];
@@ -889,7 +885,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]);
@@ -1063,7 +1059,7 @@ function bsDatepickerReducer(state = initialDatepickerState, action) {
             };
             if (Array.isArray(state.selectedTime)) {
                 const _time = state.selectedTime[0];
-                if (_time) {
+                if (newState.selectedDate && _time) {
                     copyTime(newState.selectedDate, _time);
                 }
             }
@@ -3644,1072 +3640,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                     }] }, { type: BsLocaleService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }];
     } });
 
-class DateFormatter {
-    format(date, format, locale) {
-        return formatDate(date, format, locale);
-    }
-}
-
-class DatePickerInnerComponent {
-    constructor() {
-        this.monthColLimit = 0;
-        this.yearColLimit = 0;
-        this.selectionDone = new EventEmitter(undefined);
-        this.update = new EventEmitter(false);
-        this.activeDateChange = new EventEmitter(undefined);
-        this.stepDay = {};
-        this.stepMonth = {};
-        this.stepYear = {};
-        this.modes = ['day', 'month', 'year'];
-        this.dateFormatter = new DateFormatter();
-    }
-    get activeDate() {
-        return this._activeDate;
-    }
-    set activeDate(value) {
-        this._activeDate = value;
-    }
-    // todo: add formatter value to Date object
-    ngOnInit() {
-        // todo: use date for unique value
-        this.uniqueId = `datepicker--${Math.floor(Math.random() * 10000)}`;
-        if (this.initDate) {
-            this.activeDate = this.initDate;
-            this.selectedDate = new Date(this.activeDate.valueOf());
-            this.update.emit(this.activeDate);
-        }
-        else if (this.activeDate === undefined) {
-            this.activeDate = new Date();
-        }
-    }
-    // this.refreshView should be called here to reflect the changes on the fly
-    ngOnChanges(changes) {
-        this.refreshView();
-        this.checkIfActiveDateGotUpdated(changes["activeDate"]);
-    }
-    // Check if activeDate has been update and then emit the activeDateChange with the new date
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    checkIfActiveDateGotUpdated(activeDate) {
-        if (activeDate && !activeDate.firstChange) {
-            const previousValue = activeDate.previousValue;
-            if (previousValue &&
-                previousValue instanceof Date &&
-                previousValue.getTime() !== activeDate.currentValue.getTime()) {
-                this.activeDateChange.emit(this.activeDate);
-            }
-        }
-    }
-    setCompareHandler(handler, type) {
-        if (type === 'day') {
-            this.compareHandlerDay = handler;
-        }
-        if (type === 'month') {
-            this.compareHandlerMonth = handler;
-        }
-        if (type === 'year') {
-            this.compareHandlerYear = handler;
-        }
-    }
-    compare(date1, date2) {
-        if (date1 === undefined || date2 === undefined) {
-            return undefined;
-        }
-        if (this.datepickerMode === 'day' && this.compareHandlerDay) {
-            return this.compareHandlerDay(date1, date2);
-        }
-        if (this.datepickerMode === 'month' && this.compareHandlerMonth) {
-            return this.compareHandlerMonth(date1, date2);
-        }
-        if (this.datepickerMode === 'year' && this.compareHandlerYear) {
-            return this.compareHandlerYear(date1, date2);
-        }
-        return void 0;
-    }
-    setRefreshViewHandler(handler, type) {
-        if (type === 'day') {
-            this.refreshViewHandlerDay = handler;
-        }
-        if (type === 'month') {
-            this.refreshViewHandlerMonth = handler;
-        }
-        if (type === 'year') {
-            this.refreshViewHandlerYear = handler;
-        }
-    }
-    refreshView() {
-        if (this.datepickerMode === 'day' && this.refreshViewHandlerDay) {
-            this.refreshViewHandlerDay();
-        }
-        if (this.datepickerMode === 'month' && this.refreshViewHandlerMonth) {
-            this.refreshViewHandlerMonth();
-        }
-        if (this.datepickerMode === 'year' && this.refreshViewHandlerYear) {
-            this.refreshViewHandlerYear();
-        }
-    }
-    dateFilter(date, format) {
-        return this.dateFormatter.format(date, format, this.locale);
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    isActive(dateObject) {
-        if (this.compare(dateObject.date, this.activeDate) === 0) {
-            this.activeDateId = dateObject.uid;
-            return true;
-        }
-        return false;
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    createDateObject(date, format) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const dateObject = {};
-        dateObject.date = new Date(date.getFullYear(), date.getMonth(), date.getDate());
-        dateObject.date = this.fixTimeZone(dateObject.date);
-        dateObject.label = this.dateFilter(date, format);
-        dateObject.selected = this.compare(date, this.selectedDate) === 0;
-        dateObject.disabled = this.isDisabled(date);
-        dateObject.current = this.compare(date, new Date()) === 0;
-        dateObject.customClass = this.getCustomClassForDate(dateObject.date);
-        return dateObject;
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    split(arr, size) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const arrays = [];
-        while (arr.length > 0) {
-            arrays.push(arr.splice(0, size));
-        }
-        return arrays;
-    }
-    // Fix a hard-reproducible bug with timezones
-    // The bug depends on OS, browser, current timezone and current date
-    // i.e.
-    // var date = new Date(2014, 0, 1);
-    // console.log(date.getFullYear(), date.getMonth(), date.getDate(),
-    // date.getHours()); can result in "2013 11 31 23" because of the bug.
-    fixTimeZone(date) {
-        const hours = date.getHours();
-        return new Date(date.getFullYear(), date.getMonth(), date.getDate(), hours === 23 ? hours + 2 : 0);
-    }
-    select(date, isManual = true) {
-        if (this.datepickerMode === this.minMode) {
-            if (!this.activeDate) {
-                this.activeDate = new Date(0, 0, 0, 0, 0, 0, 0);
-            }
-            this.activeDate = new Date(date.getFullYear(), date.getMonth(), date.getDate());
-            this.activeDate = this.fixTimeZone(this.activeDate);
-            if (isManual) {
-                this.selectionDone.emit(this.activeDate);
-            }
-        }
-        else {
-            this.activeDate = new Date(date.getFullYear(), date.getMonth(), date.getDate());
-            this.activeDate = this.fixTimeZone(this.activeDate);
-            if (isManual && this.datepickerMode) {
-                this.datepickerMode = this.modes[this.modes.indexOf(this.datepickerMode) - 1];
-            }
-        }
-        this.selectedDate = new Date(this.activeDate.valueOf());
-        this.update.emit(this.activeDate);
-        this.refreshView();
-    }
-    move(direction) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        let expectedStep;
-        if (this.datepickerMode === 'day') {
-            expectedStep = this.stepDay;
-        }
-        if (this.datepickerMode === 'month') {
-            expectedStep = this.stepMonth;
-        }
-        if (this.datepickerMode === 'year') {
-            expectedStep = this.stepYear;
-        }
-        if (expectedStep && this.activeDate) {
-            const year = this.activeDate.getFullYear() + direction * (expectedStep.years || 0);
-            const month = this.activeDate.getMonth() + direction * (expectedStep.months || 0);
-            this.activeDate = new Date(year, month, 1);
-            this.refreshView();
-            this.activeDateChange.emit(this.activeDate);
-        }
-    }
-    toggleMode(_direction) {
-        const direction = _direction || 1;
-        if ((this.datepickerMode === this.maxMode && direction === 1) ||
-            (this.datepickerMode === this.minMode && direction === -1)) {
-            return;
-        }
-        if (this.datepickerMode) {
-            this.datepickerMode = this.modes[this.modes.indexOf(this.datepickerMode) + direction];
-        }
-        this.refreshView();
-    }
-    getCustomClassForDate(date) {
-        if (!this.customClass) {
-            return '';
-        }
-        // todo: build a hash of custom classes, it will work faster
-        const customClassObject = this.customClass.find((customClass) => {
-            return (customClass.date.valueOf() === date.valueOf() &&
-                customClass.mode === this.datepickerMode);
-        }, this);
-        return customClassObject === undefined ? '' : customClassObject.clazz;
-    }
-    compareDateDisabled(date1Disabled, date2) {
-        if (date1Disabled === undefined || date2 === undefined) {
-            return undefined;
-        }
-        if (date1Disabled.mode === 'day' && this.compareHandlerDay) {
-            return this.compareHandlerDay(date1Disabled.date, date2);
-        }
-        if (date1Disabled.mode === 'month' && this.compareHandlerMonth) {
-            return this.compareHandlerMonth(date1Disabled.date, date2);
-        }
-        if (date1Disabled.mode === 'year' && this.compareHandlerYear) {
-            return this.compareHandlerYear(date1Disabled.date, date2);
-        }
-        return undefined;
-    }
-    isDisabled(date) {
-        let isDateDisabled = false;
-        if (this.dateDisabled) {
-            this.dateDisabled.forEach((disabledDate) => {
-                if (this.compareDateDisabled(disabledDate, date) === 0) {
-                    isDateDisabled = true;
-                }
-            });
-        }
-        if (this.dayDisabled) {
-            isDateDisabled =
-                isDateDisabled ||
-                    this.dayDisabled.indexOf(date.getDay()) > -1;
-        }
-        if (isDateDisabled) {
-            return isDateDisabled;
-        }
-        const minDate = Number(this.minDate && this.compare(date, this.minDate));
-        if (!isNaN(minDate)) {
-            return minDate < 0;
-        }
-        const maxDate = Number(this.maxDate && this.compare(date, this.maxDate));
-        if (!isNaN(maxDate)) {
-            return maxDate > 0;
-        }
-        return false;
-    }
-}
-DatePickerInnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DatePickerInnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DatePickerInnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: DatePickerInnerComponent, selector: "datepicker-inner", inputs: { locale: "locale", datepickerMode: "datepickerMode", startingDay: "startingDay", yearRange: "yearRange", minDate: "minDate", maxDate: "maxDate", minMode: "minMode", maxMode: "maxMode", showWeeks: "showWeeks", formatDay: "formatDay", formatMonth: "formatMonth", formatYear: "formatYear", formatDayHeader: "formatDayHeader", formatDayTitle: "formatDayTitle", formatMonthTitle: "formatMonthTitle", onlyCurrentMonth: "onlyCurrentMonth", shortcutPropagation: "shortcutPropagation", customClass: "customClass", monthColLimit: "monthColLimit", yearColLimit: "yearColLimit", dateDisabled: "dateDisabled", dayDisabled: "dayDisabled", initDate: "initDate", activeDate: "activeDate" }, outputs: { selectionDone: "selectionDone", update: "update", activeDateChange: "activeDateChange" }, usesOnChanges: true, ngImport: i0, template: `
-    <!--&lt;!&ndash;ng-keydown="keydown($event)"&ndash;&gt;-->
-    <div *ngIf='datepickerMode' class='well well-sm bg-faded p-a card' role='application'>
-      <ng-content></ng-content>
-    </div>
-  `, isInline: true, directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DatePickerInnerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'datepicker-inner',
-                    template: `
-    <!--&lt;!&ndash;ng-keydown="keydown($event)"&ndash;&gt;-->
-    <div *ngIf='datepickerMode' class='well well-sm bg-faded p-a card' role='application'>
-      <ng-content></ng-content>
-    </div>
-  `
-                }]
-        }], propDecorators: { locale: [{
-                type: Input
-            }], datepickerMode: [{
-                type: Input
-            }], startingDay: [{
-                type: Input
-            }], yearRange: [{
-                type: Input
-            }], minDate: [{
-                type: Input
-            }], maxDate: [{
-                type: Input
-            }], minMode: [{
-                type: Input
-            }], maxMode: [{
-                type: Input
-            }], showWeeks: [{
-                type: Input
-            }], formatDay: [{
-                type: Input
-            }], formatMonth: [{
-                type: Input
-            }], formatYear: [{
-                type: Input
-            }], formatDayHeader: [{
-                type: Input
-            }], formatDayTitle: [{
-                type: Input
-            }], formatMonthTitle: [{
-                type: Input
-            }], onlyCurrentMonth: [{
-                type: Input
-            }], shortcutPropagation: [{
-                type: Input
-            }], customClass: [{
-                type: Input
-            }], monthColLimit: [{
-                type: Input
-            }], yearColLimit: [{
-                type: Input
-            }], dateDisabled: [{
-                type: Input
-            }], dayDisabled: [{
-                type: Input
-            }], initDate: [{
-                type: Input
-            }], selectionDone: [{
-                type: Output
-            }], update: [{
-                type: Output
-            }], activeDateChange: [{
-                type: Output
-            }], activeDate: [{
-                type: Input
-            }] } });
-
-class DatepickerConfig {
-    constructor() {
-        this.locale = 'en';
-        this.datepickerMode = 'day';
-        this.startingDay = 0;
-        this.yearRange = 20;
-        this.minMode = 'day';
-        this.maxMode = 'year';
-        this.showWeeks = true;
-        this.formatDay = 'DD';
-        this.formatMonth = 'MMMM';
-        this.formatYear = 'YYYY';
-        this.formatDayHeader = 'dd';
-        this.formatDayTitle = 'MMMM YYYY';
-        this.formatMonthTitle = 'YYYY';
-        this.onlyCurrentMonth = false;
-        this.monthColLimit = 3;
-        this.yearColLimit = 5;
-        this.shortcutPropagation = false;
-    }
-}
-DatepickerConfig.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DatepickerConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DatepickerConfig.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DatepickerConfig, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DatepickerConfig, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-// @deprecated
-class DayPickerComponent {
-    constructor(datePicker) {
-        this.labels = [];
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.rows = [];
-        this.weekNumbers = [];
-        this.datePicker = datePicker;
-    }
-    get isBs4() {
-        return !isBs3();
-    }
-    /*protected getDaysInMonth(year:number, month:number) {
-     return ((month === 1) && (year % 4 === 0) &&
-     ((year % 100 !== 0) || (year % 400 === 0))) ? 29 : DAYS_IN_MONTH[month];
-     }*/
-    ngOnInit() {
-        // eslint-disable-next-line @typescript-eslint/no-this-alias
-        const self = this;
-        this.datePicker.stepDay = { months: 1 };
-        // todo valorkin fix
-        this.datePicker.setRefreshViewHandler(function () {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            // eslint-disable-next-line @typescript-eslint/no-this-alias
-            const that = this;
-            const year = that.activeDate.getFullYear();
-            const month = that.activeDate.getMonth();
-            const firstDayOfMonth = new Date(year, month, 1);
-            const difference = that.startingDay - firstDayOfMonth.getDay();
-            const numDisplayedFromPreviousMonth = difference > 0 ? 7 - difference : -difference;
-            const firstDate = new Date(firstDayOfMonth.getTime());
-            if (numDisplayedFromPreviousMonth > 0) {
-                firstDate.setDate(-numDisplayedFromPreviousMonth + 1);
-            }
-            // 42 is the number of days on a six-week calendar
-            const _days = self.getDates(firstDate, 42);
-            const days = [];
-            for (let i = 0; i < 42; i++) {
-                const _dateObject = that.createDateObject(_days[i], that.formatDay);
-                _dateObject.secondary = _days[i].getMonth() !== month;
-                _dateObject.uid = that.uniqueId + '-' + i;
-                days[i] = _dateObject;
-            }
-            self.labels = [];
-            for (let j = 0; j < 7; j++) {
-                self.labels[j] = {};
-                self.labels[j].abbr = that.dateFilter(days[j].date, that.formatDayHeader);
-                self.labels[j].full = that.dateFilter(days[j].date, 'EEEE');
-            }
-            self.title = that.dateFilter(that.activeDate, that.formatDayTitle);
-            self.rows = that.split(days, 7);
-            if (that.showWeeks) {
-                self.weekNumbers = [];
-                const thursdayIndex = (4 + 7 - that.startingDay) % 7;
-                const numWeeks = self.rows.length;
-                for (let curWeek = 0; curWeek < numWeeks; curWeek++) {
-                    const _date = self.rows[curWeek][thursdayIndex].date;
-                    if (_date) {
-                        self.weekNumbers.push(self.getISO8601WeekNumber(_date));
-                    }
-                }
-            }
-        }, 'day');
-        this.datePicker.setCompareHandler(function (date1, date2) {
-            const d1 = new Date(date1.getFullYear(), date1.getMonth(), date1.getDate());
-            const d2 = new Date(date2.getFullYear(), date2.getMonth(), date2.getDate());
-            return d1.getTime() - d2.getTime();
-        }, 'day');
-        this.datePicker.refreshView();
-    }
-    getDates(startDate, n) {
-        const dates = new Array(n);
-        let current = new Date(startDate.getTime());
-        let i = 0;
-        let date;
-        while (i < n) {
-            date = new Date(current.getTime());
-            date = this.datePicker.fixTimeZone(date);
-            dates[i++] = date;
-            current = new Date(date.getFullYear(), date.getMonth(), date.getDate() + 1);
-        }
-        return dates;
-    }
-    getISO8601WeekNumber(date) {
-        const checkDate = new Date(date.getTime());
-        // Thursday
-        checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay() || 7));
-        const time = checkDate.getTime();
-        // Compare with Jan 1
-        checkDate.setMonth(0);
-        checkDate.setDate(1);
-        return (Math.floor(Math.round((time - checkDate.getTime()) / 86400000) / 7) + 1);
-    }
-}
-DayPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DayPickerComponent, deps: [{ token: DatePickerInnerComponent }], target: i0.ɵɵFactoryTarget.Component });
-DayPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: DayPickerComponent, selector: "daypicker", ngImport: i0, template: `
-<table *ngIf="datePicker.datepickerMode === 'day'" role="grid" [attr.aria-labelledby]="datePicker.uniqueId + '-title'" aria-activedescendant="activeDateId">
-  <thead>
-    <tr>
-      <th>
-        <button *ngIf="!isBs4"
-                type="button"
-                class="btn btn-default btn-secondary btn-sm pull-left float-left"
-                (click)="datePicker.move(-1)"
-                tabindex="-1">‹</button>
-        <button *ngIf="isBs4"
-                type="button"
-                class="btn btn-default btn-secondary btn-sm pull-left float-left"
-                (click)="datePicker.move(-1)"
-                tabindex="-1">&lt;</button>
-      </th>
-      <th [attr.colspan]="5 + (datePicker.showWeeks ? 1 : 0)">
-        <button [id]="datePicker.uniqueId + '-title'"
-                type="button" class="btn btn-default btn-secondary btn-sm"
-                (click)="datePicker.toggleMode(0)"
-                [disabled]="datePicker.datepickerMode === datePicker.maxMode"
-                [ngClass]="{disabled: datePicker.datepickerMode === datePicker.maxMode}" tabindex="-1" style="width:100%;">
-          <strong>{{ title }}</strong>
-        </button>
-      </th>
-      <th>
-        <button *ngIf="!isBs4"
-                type="button"
-                class="btn btn-default btn-secondary btn-sm pull-right float-right"
-                (click)="datePicker.move(1)"
-                tabindex="-1">›</button>
-        <button *ngIf="isBs4"
-                type="button"
-                class="btn btn-default btn-secondary btn-sm pull-right float-right"
-                (click)="datePicker.move(1)"
-                tabindex="-1">&gt;
-        </button>
-      </th>
-    </tr>
-    <tr>
-      <th *ngIf="datePicker.showWeeks"></th>
-      <th *ngFor="let labelz of labels" class="text-center">
-        <small aria-label="labelz.full"><b>{{ labelz.abbr }}</b></small>
-      </th>
-    </tr>
-  </thead>
-  <tbody>
-    <ng-template ngFor [ngForOf]="rows" let-rowz="$implicit" let-index="index">
-      <tr *ngIf="!(datePicker.onlyCurrentMonth && rowz[0].secondary && rowz[6].secondary)">
-        <td *ngIf="datePicker.showWeeks" class="h6" class="text-center">
-          <em>{{ weekNumbers[index] }}</em>
-        </td>
-        <td *ngFor="let dtz of rowz" class="text-center" role="gridcell" [id]="dtz.uid">
-          <button type="button" style="min-width:100%;" class="btn btn-sm {{dtz.customClass}}"
-                  *ngIf="!(datePicker.onlyCurrentMonth && dtz.secondary)"
-                  [ngClass]="{'btn-secondary': isBs4 && !dtz.selected && !datePicker.isActive(dtz), 'btn-info': dtz.selected, disabled: dtz.disabled, active: !isBs4 && datePicker.isActive(dtz), 'btn-default': !isBs4}"
-                  [disabled]="dtz.disabled"
-                  (click)="datePicker.select(dtz.date)" tabindex="-1">
-            <span [ngClass]="{'text-muted': dtz.secondary || dtz.current, 'text-info': !isBs4 && dtz.current}">{{ dtz.label }}</span>
-          </button>
-        </td>
-      </tr>
-    </ng-template>
-  </tbody>
-</table>
-  `, isInline: true, styles: [":host .btn-secondary{color:#292b2c;background-color:#fff;border-color:#ccc}:host .btn-info .text-muted{color:#292b2c!important}\n"], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DayPickerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'daypicker',
-                    template: `
-<table *ngIf="datePicker.datepickerMode === 'day'" role="grid" [attr.aria-labelledby]="datePicker.uniqueId + '-title'" aria-activedescendant="activeDateId">
-  <thead>
-    <tr>
-      <th>
-        <button *ngIf="!isBs4"
-                type="button"
-                class="btn btn-default btn-secondary btn-sm pull-left float-left"
-                (click)="datePicker.move(-1)"
-                tabindex="-1">‹</button>
-        <button *ngIf="isBs4"
-                type="button"
-                class="btn btn-default btn-secondary btn-sm pull-left float-left"
-                (click)="datePicker.move(-1)"
-                tabindex="-1">&lt;</button>
-      </th>
-      <th [attr.colspan]="5 + (datePicker.showWeeks ? 1 : 0)">
-        <button [id]="datePicker.uniqueId + '-title'"
-                type="button" class="btn btn-default btn-secondary btn-sm"
-                (click)="datePicker.toggleMode(0)"
-                [disabled]="datePicker.datepickerMode === datePicker.maxMode"
-                [ngClass]="{disabled: datePicker.datepickerMode === datePicker.maxMode}" tabindex="-1" style="width:100%;">
-          <strong>{{ title }}</strong>
-        </button>
-      </th>
-      <th>
-        <button *ngIf="!isBs4"
-                type="button"
-                class="btn btn-default btn-secondary btn-sm pull-right float-right"
-                (click)="datePicker.move(1)"
-                tabindex="-1">›</button>
-        <button *ngIf="isBs4"
-                type="button"
-                class="btn btn-default btn-secondary btn-sm pull-right float-right"
-                (click)="datePicker.move(1)"
-                tabindex="-1">&gt;
-        </button>
-      </th>
-    </tr>
-    <tr>
-      <th *ngIf="datePicker.showWeeks"></th>
-      <th *ngFor="let labelz of labels" class="text-center">
-        <small aria-label="labelz.full"><b>{{ labelz.abbr }}</b></small>
-      </th>
-    </tr>
-  </thead>
-  <tbody>
-    <ng-template ngFor [ngForOf]="rows" let-rowz="$implicit" let-index="index">
-      <tr *ngIf="!(datePicker.onlyCurrentMonth && rowz[0].secondary && rowz[6].secondary)">
-        <td *ngIf="datePicker.showWeeks" class="h6" class="text-center">
-          <em>{{ weekNumbers[index] }}</em>
-        </td>
-        <td *ngFor="let dtz of rowz" class="text-center" role="gridcell" [id]="dtz.uid">
-          <button type="button" style="min-width:100%;" class="btn btn-sm {{dtz.customClass}}"
-                  *ngIf="!(datePicker.onlyCurrentMonth && dtz.secondary)"
-                  [ngClass]="{'btn-secondary': isBs4 && !dtz.selected && !datePicker.isActive(dtz), 'btn-info': dtz.selected, disabled: dtz.disabled, active: !isBs4 && datePicker.isActive(dtz), 'btn-default': !isBs4}"
-                  [disabled]="dtz.disabled"
-                  (click)="datePicker.select(dtz.date)" tabindex="-1">
-            <span [ngClass]="{'text-muted': dtz.secondary || dtz.current, 'text-info': !isBs4 && dtz.current}">{{ dtz.label }}</span>
-          </button>
-        </td>
-      </tr>
-    </ng-template>
-  </tbody>
-</table>
-  `,
-                    styles: [
-                        `
-    :host .btn-secondary {
-      color: #292b2c;
-      background-color: #fff;
-      border-color: #ccc;
-    }
-    :host .btn-info .text-muted {
-      color: #292b2c !important;
-    }
-  `
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: DatePickerInnerComponent }]; } });
-
-// @deprecated
-class MonthPickerComponent {
-    constructor(datePicker) {
-        this.rows = [];
-        this.datePicker = datePicker;
-    }
-    get isBs4() {
-        return !isBs3();
-    }
-    ngOnInit() {
-        // eslint-disable-next-line @typescript-eslint/no-this-alias
-        const self = this;
-        this.datePicker.stepMonth = { years: 1 };
-        this.datePicker.setRefreshViewHandler(function () {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            // eslint-disable-next-line @typescript-eslint/no-this-alias
-            const that = this;
-            const months = new Array(12);
-            const year = that.activeDate.getFullYear();
-            let date;
-            for (let i = 0; i < 12; i++) {
-                date = new Date(year, i, 1);
-                date = that.fixTimeZone(date);
-                months[i] = that.createDateObject(date, that.formatMonth);
-                months[i].uid = that.uniqueId + '-' + i;
-            }
-            self.title = that.dateFilter(that.activeDate, that.formatMonthTitle);
-            self.rows = that.split(months, self.datePicker.monthColLimit);
-        }, 'month');
-        this.datePicker.setCompareHandler(function (date1, date2) {
-            const d1 = new Date(date1.getFullYear(), date1.getMonth());
-            const d2 = new Date(date2.getFullYear(), date2.getMonth());
-            return d1.getTime() - d2.getTime();
-        }, 'month');
-        this.datePicker.refreshView();
-    }
-}
-MonthPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonthPickerComponent, deps: [{ token: DatePickerInnerComponent }], target: i0.ɵɵFactoryTarget.Component });
-MonthPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MonthPickerComponent, selector: "monthpicker", ngImport: i0, template: `
-<table *ngIf="datePicker.datepickerMode==='month'" role="grid">
-  <thead>
-    <tr>
-      <th>
-        <button type="button" class="btn btn-default btn-sm pull-left float-left"
-                (click)="datePicker.move(-1)" tabindex="-1">‹</button></th>
-      <th [attr.colspan]="((datePicker.monthColLimit - 2) <= 0) ? 1 : datePicker.monthColLimit - 2">
-        <button [id]="datePicker.uniqueId + '-title'"
-                type="button" class="btn btn-default btn-sm"
-                (click)="datePicker.toggleMode(0)"
-                [disabled]="datePicker.datepickerMode === maxMode"
-                [ngClass]="{disabled: datePicker.datepickerMode === maxMode}" tabindex="-1" style="width:100%;">
-          <strong>{{ title }}</strong>
-        </button>
-      </th>
-      <th>
-        <button type="button" class="btn btn-default btn-sm pull-right float-right"
-                (click)="datePicker.move(1)" tabindex="-1">›</button>
-      </th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr *ngFor="let rowz of rows">
-      <td *ngFor="let dtz of rowz" class="text-center" role="gridcell" [attr.id]="dtz.uid" [ngClass]="dtz.customClass">
-        <button type="button" style="min-width:100%;" class="btn btn-default"
-                [ngClass]="{'btn-link': isBs4 && !dtz.selected && !datePicker.isActive(dtz), 'btn-info': dtz.selected || (isBs4 && !dtz.selected && datePicker.isActive(dtz)), disabled: dtz.disabled, active: !isBs4 && datePicker.isActive(dtz)}"
-                [disabled]="dtz.disabled"
-                (click)="datePicker.select(dtz.date)" tabindex="-1">
-          <span [ngClass]="{'text-success': isBs4 && dtz.current, 'text-info': !isBs4 && dtz.current}">{{ dtz.label }}</span>
-        </button>
-      </td>
-    </tr>
-  </tbody>
-</table>
-  `, isInline: true, styles: [":host .btn-info .text-success{color:#fff!important}\n"], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonthPickerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'monthpicker',
-                    template: `
-<table *ngIf="datePicker.datepickerMode==='month'" role="grid">
-  <thead>
-    <tr>
-      <th>
-        <button type="button" class="btn btn-default btn-sm pull-left float-left"
-                (click)="datePicker.move(-1)" tabindex="-1">‹</button></th>
-      <th [attr.colspan]="((datePicker.monthColLimit - 2) <= 0) ? 1 : datePicker.monthColLimit - 2">
-        <button [id]="datePicker.uniqueId + '-title'"
-                type="button" class="btn btn-default btn-sm"
-                (click)="datePicker.toggleMode(0)"
-                [disabled]="datePicker.datepickerMode === maxMode"
-                [ngClass]="{disabled: datePicker.datepickerMode === maxMode}" tabindex="-1" style="width:100%;">
-          <strong>{{ title }}</strong>
-        </button>
-      </th>
-      <th>
-        <button type="button" class="btn btn-default btn-sm pull-right float-right"
-                (click)="datePicker.move(1)" tabindex="-1">›</button>
-      </th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr *ngFor="let rowz of rows">
-      <td *ngFor="let dtz of rowz" class="text-center" role="gridcell" [attr.id]="dtz.uid" [ngClass]="dtz.customClass">
-        <button type="button" style="min-width:100%;" class="btn btn-default"
-                [ngClass]="{'btn-link': isBs4 && !dtz.selected && !datePicker.isActive(dtz), 'btn-info': dtz.selected || (isBs4 && !dtz.selected && datePicker.isActive(dtz)), disabled: dtz.disabled, active: !isBs4 && datePicker.isActive(dtz)}"
-                [disabled]="dtz.disabled"
-                (click)="datePicker.select(dtz.date)" tabindex="-1">
-          <span [ngClass]="{'text-success': isBs4 && dtz.current, 'text-info': !isBs4 && dtz.current}">{{ dtz.label }}</span>
-        </button>
-      </td>
-    </tr>
-  </tbody>
-</table>
-  `,
-                    styles: [
-                        `
-    :host .btn-info .text-success {
-      color: #fff !important;
-    }
-  `
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: DatePickerInnerComponent }]; } });
-
-// @deprecated
-class YearPickerComponent {
-    constructor(datePicker) {
-        this.rows = [];
-        this.datePicker = datePicker;
-    }
-    get isBs4() {
-        return !isBs3();
-    }
-    ngOnInit() {
-        // eslint-disable-next-line @typescript-eslint/no-this-alias
-        const self = this;
-        this.datePicker.stepYear = { years: this.datePicker.yearRange };
-        this.datePicker.setRefreshViewHandler(function () {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            // eslint-disable-next-line @typescript-eslint/no-this-alias
-            const that = this;
-            const years = new Array(that.yearRange);
-            let date;
-            const start = self.getStartingYear(that.activeDate.getFullYear()) || 0;
-            for (let i = 0; i < that.yearRange; i++) {
-                date = new Date(start + i, 0, 1);
-                date = that.fixTimeZone(date);
-                years[i] = that.createDateObject(date, that.formatYear);
-                years[i].uid = that.uniqueId + '-' + i;
-            }
-            self.title = [years[0].label, years[that.yearRange - 1].label].join(' - ');
-            self.rows = that.split(years, self.datePicker.yearColLimit);
-        }, 'year');
-        this.datePicker.setCompareHandler(function (date1, date2) {
-            return date1.getFullYear() - date2.getFullYear();
-        }, 'year');
-        this.datePicker.refreshView();
-    }
-    getStartingYear(year) {
-        // todo: parseInt
-        if (this.datePicker && this.datePicker.yearRange) {
-            return ((year - 1) / this.datePicker.yearRange * this.datePicker.yearRange + 1);
-        }
-        return undefined;
-    }
-}
-YearPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: YearPickerComponent, deps: [{ token: DatePickerInnerComponent }], target: i0.ɵɵFactoryTarget.Component });
-YearPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: YearPickerComponent, selector: "yearpicker", ngImport: i0, template: `
-    <table *ngIf="datePicker.datepickerMode==='year'" role='grid'>
-      <thead>
-      <tr>
-        <th>
-          <button type='button' class='btn btn-default btn-sm pull-left float-left'
-                  (click)='datePicker.move(-1)' tabindex='-1'>‹
-          </button>
-        </th>
-        <th [attr.colspan]='((datePicker.yearColLimit - 2) <= 0) ? 1 : datePicker.yearColLimit - 2'>
-          <button [id]="datePicker.uniqueId + '-title'" role='heading'
-                  type='button' class='btn btn-default btn-sm'
-                  (click)='datePicker.toggleMode(0)'
-                  [disabled]='datePicker.datepickerMode === datePicker.maxMode'
-                  [ngClass]='{disabled: datePicker.datepickerMode === datePicker.maxMode}' tabindex='-1'
-                  style='width:100%;'>
-            <strong>{{ title }}</strong>
-          </button>
-        </th>
-        <th>
-          <button type='button' class='btn btn-default btn-sm pull-right float-right'
-                  (click)='datePicker.move(1)' tabindex='-1'>›
-          </button>
-        </th>
-      </tr>
-      </thead>
-      <tbody>
-      <tr *ngFor='let rowz of rows'>
-        <td *ngFor='let dtz of rowz' class='text-center' role='gridcell' [attr.id]='dtz.uid'>
-          <button type='button' style='min-width:100%;' class='btn btn-default'
-                  [ngClass]="{'btn-link': isBs4 && !dtz.selected && !datePicker.isActive(dtz), 'btn-info': dtz.selected || (isBs4 && !dtz.selected && datePicker.isActive(dtz)), disabled: dtz.disabled, active: !isBs4 && datePicker.isActive(dtz)}"
-                  [disabled]='dtz.disabled'
-                  (click)='datePicker.select(dtz.date)' tabindex='-1'>
-            <span
-              [ngClass]="{'text-success': isBs4 && dtz.current, 'text-info': !isBs4 && dtz.current}">{{ dtz.label }}</span>
-          </button>
-        </td>
-      </tr>
-      </tbody>
-    </table>
-  `, isInline: true, styles: [":host .btn-info .text-success{color:#fff!important}\n"], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: YearPickerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'yearpicker',
-                    template: `
-    <table *ngIf="datePicker.datepickerMode==='year'" role='grid'>
-      <thead>
-      <tr>
-        <th>
-          <button type='button' class='btn btn-default btn-sm pull-left float-left'
-                  (click)='datePicker.move(-1)' tabindex='-1'>‹
-          </button>
-        </th>
-        <th [attr.colspan]='((datePicker.yearColLimit - 2) <= 0) ? 1 : datePicker.yearColLimit - 2'>
-          <button [id]="datePicker.uniqueId + '-title'" role='heading'
-                  type='button' class='btn btn-default btn-sm'
-                  (click)='datePicker.toggleMode(0)'
-                  [disabled]='datePicker.datepickerMode === datePicker.maxMode'
-                  [ngClass]='{disabled: datePicker.datepickerMode === datePicker.maxMode}' tabindex='-1'
-                  style='width:100%;'>
-            <strong>{{ title }}</strong>
-          </button>
-        </th>
-        <th>
-          <button type='button' class='btn btn-default btn-sm pull-right float-right'
-                  (click)='datePicker.move(1)' tabindex='-1'>›
-          </button>
-        </th>
-      </tr>
-      </thead>
-      <tbody>
-      <tr *ngFor='let rowz of rows'>
-        <td *ngFor='let dtz of rowz' class='text-center' role='gridcell' [attr.id]='dtz.uid'>
-          <button type='button' style='min-width:100%;' class='btn btn-default'
-                  [ngClass]="{'btn-link': isBs4 && !dtz.selected && !datePicker.isActive(dtz), 'btn-info': dtz.selected || (isBs4 && !dtz.selected && datePicker.isActive(dtz)), disabled: dtz.disabled, active: !isBs4 && datePicker.isActive(dtz)}"
-                  [disabled]='dtz.disabled'
-                  (click)='datePicker.select(dtz.date)' tabindex='-1'>
-            <span
-              [ngClass]="{'text-success': isBs4 && dtz.current, 'text-info': !isBs4 && dtz.current}">{{ dtz.label }}</span>
-          </button>
-        </td>
-      </tr>
-      </tbody>
-    </table>
-  `,
-                    styles: [
-                        `
-      :host .btn-info .text-success {
-        color: #fff !important;
-      }
-    `
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: DatePickerInnerComponent }]; } });
-
-const DATEPICKER_CONTROL_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => DatePickerComponent),
-    multi: true
-};
-class DatePickerComponent {
-    constructor(config) {
-        /** sets datepicker mode, supports: `day`, `month`, `year` */
-        this.datepickerMode = 'day';
-        /** if false week numbers will be hidden */
-        this.showWeeks = true;
-        /** number of months displayed in a single row of month picker */
-        this.monthColLimit = 3;
-        /** number of years displayed in a single row of year picker */
-        this.yearColLimit = 5;
-        this.selectionDone = new EventEmitter(undefined);
-        /** callback to invoke when the activeDate is changed. */
-        this.activeDateChange = new EventEmitter(undefined);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.onChange = Function.prototype;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.onTouched = Function.prototype;
-        this._now = new Date();
-        this.config = config;
-        this.configureOptions();
-    }
-    /** currently active date */
-    get activeDate() {
-        return this._activeDate || this._now;
-    }
-    set activeDate(value) {
-        this._activeDate = value;
-    }
-    configureOptions() {
-        Object.assign(this, this.config);
-    }
-    onUpdate(event) {
-        this.activeDate = event;
-        this.onChange(event);
-    }
-    onSelectionDone(event) {
-        this.selectionDone.emit(event);
-    }
-    onActiveDateChange(event) {
-        this.activeDateChange.emit(event);
-    }
-    // todo: support null value
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    writeValue(value) {
-        var _a, _b;
-        if (((_a = this._datePicker) === null || _a === void 0 ? void 0 : _a.compare(value, this._activeDate)) === 0) {
-            return;
-        }
-        if (value && value instanceof Date) {
-            this.activeDate = value;
-            (_b = this._datePicker) === null || _b === void 0 ? void 0 : _b.select(value, false);
-            return;
-        }
-        this.activeDate = value ? new Date(value) : void 0;
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-}
-DatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DatePickerComponent, deps: [{ token: DatepickerConfig }], target: i0.ɵɵFactoryTarget.Component });
-DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: DatePickerComponent, selector: "datepicker", inputs: { datepickerMode: "datepickerMode", initDate: "initDate", minDate: "minDate", maxDate: "maxDate", minMode: "minMode", maxMode: "maxMode", showWeeks: "showWeeks", formatDay: "formatDay", formatMonth: "formatMonth", formatYear: "formatYear", formatDayHeader: "formatDayHeader", formatDayTitle: "formatDayTitle", formatMonthTitle: "formatMonthTitle", startingDay: "startingDay", yearRange: "yearRange", onlyCurrentMonth: "onlyCurrentMonth", shortcutPropagation: "shortcutPropagation", monthColLimit: "monthColLimit", yearColLimit: "yearColLimit", customClass: "customClass", dateDisabled: "dateDisabled", dayDisabled: "dayDisabled", activeDate: "activeDate" }, outputs: { selectionDone: "selectionDone", activeDateChange: "activeDateChange" }, providers: [DATEPICKER_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "_datePicker", first: true, predicate: DatePickerInnerComponent, descendants: true, static: true }], ngImport: i0, template: `
-    <datepicker-inner [activeDate]="activeDate"
-                      (update)="onUpdate($event)"
-                      [locale]="config.locale"
-                      [datepickerMode]="datepickerMode"
-                      [initDate]="initDate"
-                      [minDate]="minDate"
-                      [maxDate]="maxDate"
-                      [minMode]="minMode"
-                      [maxMode]="maxMode"
-                      [showWeeks]="showWeeks"
-                      [formatDay]="formatDay"
-                      [formatMonth]="formatMonth"
-                      [formatYear]="formatYear"
-                      [formatDayHeader]="formatDayHeader"
-                      [formatDayTitle]="formatDayTitle"
-                      [formatMonthTitle]="formatMonthTitle"
-                      [startingDay]="startingDay"
-                      [yearRange]="yearRange"
-                      [customClass]="customClass"
-                      [dateDisabled]="dateDisabled"
-                      [dayDisabled]="dayDisabled"
-                      [onlyCurrentMonth]="onlyCurrentMonth"
-                      [shortcutPropagation]="shortcutPropagation"
-                      [monthColLimit]="monthColLimit"
-                      [yearColLimit]="yearColLimit"
-                      (selectionDone)="onSelectionDone($event)"
-                      (activeDateChange)="onActiveDateChange($event)">
-      <daypicker tabindex="0"></daypicker>
-      <monthpicker tabindex="0"></monthpicker>
-      <yearpicker tabindex="0"></yearpicker>
-    </datepicker-inner>
-    `, isInline: true, components: [{ type: DatePickerInnerComponent, selector: "datepicker-inner", inputs: ["locale", "datepickerMode", "startingDay", "yearRange", "minDate", "maxDate", "minMode", "maxMode", "showWeeks", "formatDay", "formatMonth", "formatYear", "formatDayHeader", "formatDayTitle", "formatMonthTitle", "onlyCurrentMonth", "shortcutPropagation", "customClass", "monthColLimit", "yearColLimit", "dateDisabled", "dayDisabled", "initDate", "activeDate"], outputs: ["selectionDone", "update", "activeDateChange"] }, { type: DayPickerComponent, selector: "daypicker" }, { type: MonthPickerComponent, selector: "monthpicker" }, { type: YearPickerComponent, selector: "yearpicker" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DatePickerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'datepicker',
-                    template: `
-    <datepicker-inner [activeDate]="activeDate"
-                      (update)="onUpdate($event)"
-                      [locale]="config.locale"
-                      [datepickerMode]="datepickerMode"
-                      [initDate]="initDate"
-                      [minDate]="minDate"
-                      [maxDate]="maxDate"
-                      [minMode]="minMode"
-                      [maxMode]="maxMode"
-                      [showWeeks]="showWeeks"
-                      [formatDay]="formatDay"
-                      [formatMonth]="formatMonth"
-                      [formatYear]="formatYear"
-                      [formatDayHeader]="formatDayHeader"
-                      [formatDayTitle]="formatDayTitle"
-                      [formatMonthTitle]="formatMonthTitle"
-                      [startingDay]="startingDay"
-                      [yearRange]="yearRange"
-                      [customClass]="customClass"
-                      [dateDisabled]="dateDisabled"
-                      [dayDisabled]="dayDisabled"
-                      [onlyCurrentMonth]="onlyCurrentMonth"
-                      [shortcutPropagation]="shortcutPropagation"
-                      [monthColLimit]="monthColLimit"
-                      [yearColLimit]="yearColLimit"
-                      (selectionDone)="onSelectionDone($event)"
-                      (activeDateChange)="onActiveDateChange($event)">
-      <daypicker tabindex="0"></daypicker>
-      <monthpicker tabindex="0"></monthpicker>
-      <yearpicker tabindex="0"></yearpicker>
-    </datepicker-inner>
-    `,
-                    providers: [DATEPICKER_CONTROL_VALUE_ACCESSOR]
-                }]
-        }], ctorParameters: function () { return [{ type: DatepickerConfig }]; }, propDecorators: { datepickerMode: [{
-                type: Input
-            }], initDate: [{
-                type: Input
-            }], minDate: [{
-                type: Input
-            }], maxDate: [{
-                type: Input
-            }], minMode: [{
-                type: Input
-            }], maxMode: [{
-                type: Input
-            }], showWeeks: [{
-                type: Input
-            }], formatDay: [{
-                type: Input
-            }], formatMonth: [{
-                type: Input
-            }], formatYear: [{
-                type: Input
-            }], formatDayHeader: [{
-                type: Input
-            }], formatDayTitle: [{
-                type: Input
-            }], formatMonthTitle: [{
-                type: Input
-            }], startingDay: [{
-                type: Input
-            }], yearRange: [{
-                type: Input
-            }], onlyCurrentMonth: [{
-                type: Input
-            }], shortcutPropagation: [{
-                type: Input
-            }], monthColLimit: [{
-                type: Input
-            }], yearColLimit: [{
-                type: Input
-            }], customClass: [{
-                type: Input
-            }], dateDisabled: [{
-                type: Input
-            }], dayDisabled: [{
-                type: Input
-            }], activeDate: [{
-                type: Input
-            }], selectionDone: [{
-                type: Output
-            }], activeDateChange: [{
-                type: Output
-            }], _datePicker: [{
-                type: ViewChild,
-                args: [DatePickerInnerComponent, { static: true }]
-            }] } });
-
 class BsDatepickerModule {
     static forRoot() {
         return {
@@ -4802,47 +3732,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                 }]
         }] });
 
-class DatepickerModule {
-    static forRoot() {
-        return { ngModule: DatepickerModule, providers: [DatepickerConfig] };
-    }
-}
-DatepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DatepickerModule, declarations: [DatePickerComponent,
-        DatePickerInnerComponent,
-        DayPickerComponent,
-        MonthPickerComponent,
-        YearPickerComponent], imports: [CommonModule, FormsModule], exports: [DatePickerComponent,
-        DatePickerInnerComponent,
-        DayPickerComponent,
-        MonthPickerComponent,
-        YearPickerComponent] });
-DatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DatepickerModule, imports: [[CommonModule, FormsModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DatepickerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, FormsModule],
-                    declarations: [
-                        DatePickerComponent,
-                        DatePickerInnerComponent,
-                        DayPickerComponent,
-                        MonthPickerComponent,
-                        YearPickerComponent
-                    ],
-                    exports: [
-                        DatePickerComponent,
-                        DatePickerInnerComponent,
-                        DayPickerComponent,
-                        MonthPickerComponent,
-                        YearPickerComponent
-                    ],
-                    entryComponents: [DatePickerComponent]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BsDatepickerConfig, BsDatepickerContainerComponent, BsDatepickerDirective, BsDatepickerInlineConfig, BsDatepickerInlineContainerComponent, BsDatepickerInlineDirective, BsDatepickerInputDirective, BsDatepickerModule, BsDaterangepickerConfig, BsDaterangepickerContainerComponent, BsDaterangepickerDirective, BsDaterangepickerInlineConfig, BsDaterangepickerInlineContainerComponent, BsDaterangepickerInlineDirective, BsDaterangepickerInputDirective, BsLocaleService, DateFormatter, DatePickerComponent, DatePickerInnerComponent, DatepickerConfig, DatepickerModule, DayPickerComponent, MonthPickerComponent, YearPickerComponent };
+export { BsDatepickerConfig, BsDatepickerContainerComponent, BsDatepickerDirective, BsDatepickerInlineConfig, BsDatepickerInlineContainerComponent, BsDatepickerInlineDirective, BsDatepickerInputDirective, BsDatepickerModule, BsDaterangepickerConfig, BsDaterangepickerContainerComponent, BsDaterangepickerDirective, BsDaterangepickerInlineConfig, BsDaterangepickerInlineContainerComponent, BsDaterangepickerInlineDirective, BsDaterangepickerInputDirective, BsLocaleService };
 //# sourceMappingURL=ngx-bootstrap-datepicker.mjs.map