ngx-bootstrap 5.4.0 → 5.6.2

package/datepicker/fesm5/ngx-bootstrap-datepicker.js

@@ -1,8 +1,8 @@
 import { Injectable, EventEmitter, Component, Renderer2, ElementRef, Directive, ViewContainerRef, Input, Output, forwardRef, Host, ChangeDetectorRef, ChangeDetectionStrategy, NgModule, ViewChild } from '@angular/core';
 import { __values, __spread, __extends } from 'tslib';
-import { filter, map, take } from 'rxjs/operators';
-import { getMonth, getFullYear, isFirstDayOfWeek, getDay, shiftDate, isBefore, endOf, isAfter, startOf, isSame, getFirstDayOfMonth, formatDate, getLocale, isSameMonth, isSameDay, isDisabledDay, isSameYear, setFullDate, isDateValid, isArray, isDate, parseDate, utcAsLocal } from 'ngx-bootstrap/chronos';
-import { BehaviorSubject } from 'rxjs';
+import { filter, map, take, takeUntil } from 'rxjs/operators';
+import { getMonth, getFullYear, isFirstDayOfWeek, getDay, shiftDate, isBefore, endOf, isAfter, startOf, isArray, isSame, getFirstDayOfMonth, formatDate, getLocale, isSameMonth, isSameDay, isDisabledDay, isSameYear, isDateValid, setFullDate, isDate, parseDate, utcAsLocal } from 'ngx-bootstrap/chronos';
+import { BehaviorSubject, Subject } from 'rxjs';
 import { MiniState, MiniStore } from 'ngx-bootstrap/mini-ngrx';
 import { PositioningService } from 'ngx-bootstrap/positioning';
 import { trigger, state, style, transition, animate } from '@angular/animations';
@@ -33,6 +33,10 @@ var BsDatepickerConfig = /** @class */ (function () {
          * turn on/off animation
          */
         this.isAnimated = false;
+        /**
+         * If true, returns focus to the datepicker / daterangepicker input after date selection
+         */
+        this.returnFocusToInput = false;
         /**
          * CSS class which will be applied to datepicker container,
          * usually used to set color theme
@@ -64,6 +68,138 @@ var BsDatepickerConfig = /** @class */ (function () {
     ];
     return BsDatepickerConfig;
 }());
+if (false) {
+    /**
+     * sets use adaptive position
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.adaptivePosition;
+    /**
+     * sets use UTC date time format
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.useUtc;
+    /**
+     * turn on/off animation
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.isAnimated;
+    /** @type {?} */
+    BsDatepickerConfig.prototype.value;
+    /** @type {?} */
+    BsDatepickerConfig.prototype.isDisabled;
+    /**
+     * Default min date for all date/range pickers
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.minDate;
+    /**
+     * Default max date for all date/range pickers
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.maxDate;
+    /**
+     * Default date custom classes for all date/range pickers
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.dateCustomClasses;
+    /**
+     * Disable specific days, e.g. [0,6] will disable all Saturdays and Sundays
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.daysDisabled;
+    /**
+     * Disable specific dates
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.datesDisabled;
+    /**
+     * Show one months for special cases (only for dateRangePicker)
+     * 1. maxDate is equal to today's date
+     * 2. minDate's month is equal to maxDate's month
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.displayOneMonthRange;
+    /**
+     * Enable specific dates
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.datesEnabled;
+    /**
+     * Makes dates from other months active
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.selectFromOtherMonth;
+    /**
+     * Allows select first date of the week by click on week number
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.selectWeek;
+    /**
+     * Allows select daterange as first and last day of week by click on week number (dateRangePicker only)
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.selectWeekDateRange;
+    /**
+     * Shows previous and current month, instead of current and next (dateRangePicker only)
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.showPreviousMonth;
+    /**
+     * Add class to current day
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.customTodayClass;
+    /**
+     * Default mode for all date pickers
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.minMode;
+    /**
+     * If true, returns focus to the datepicker / daterangepicker input after date selection
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.returnFocusToInput;
+    /**
+     * CSS class which will be applied to datepicker container,
+     * usually used to set color theme
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.containerClass;
+    /** @type {?} */
+    BsDatepickerConfig.prototype.displayMonths;
+    /**
+     * Allows to hide week numbers in datepicker
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.showWeekNumbers;
+    /** @type {?} */
+    BsDatepickerConfig.prototype.dateInputFormat;
+    /** @type {?} */
+    BsDatepickerConfig.prototype.rangeSeparator;
+    /**
+     * Date format for date range input field
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.rangeInputFormat;
+    /**
+     * Predefined ranges
+     * @type {?}
+     */
+    BsDatepickerConfig.prototype.ranges;
+    /** @type {?} */
+    BsDatepickerConfig.prototype.monthTitle;
+    /** @type {?} */
+    BsDatepickerConfig.prototype.yearTitle;
+    /** @type {?} */
+    BsDatepickerConfig.prototype.dayLabel;
+    /** @type {?} */
+    BsDatepickerConfig.prototype.monthLabel;
+    /** @type {?} */
+    BsDatepickerConfig.prototype.yearLabel;
+    /** @type {?} */
+    BsDatepickerConfig.prototype.weekNumbers;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -77,7 +213,8 @@ var  /**
  */
 BsDatepickerAbstractComponent = /** @class */ (function () {
     function BsDatepickerAbstractComponent() {
-        this._customRangesFish = [];
+        this.customRanges = [];
+        this.chosenRange = [];
     }
     Object.defineProperty(BsDatepickerAbstractComponent.prototype, "minDate", {
         set: /**
@@ -123,6 +260,17 @@ BsDatepickerAbstractComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(BsDatepickerAbstractComponent.prototype, "datesEnabled", {
+        set: /**
+         * @param {?} value
+         * @return {?}
+         */
+        function (value) {
+            this._effects.setDatesEnabled(value);
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(BsDatepickerAbstractComponent.prototype, "isDisabled", {
         set: /**
          * @param {?} value
@@ -226,6 +374,15 @@ BsDatepickerAbstractComponent = /** @class */ (function () {
      * @return {?}
      */
     function (event) { };
+    /**
+     * @param {?} dates
+     * @return {?}
+     */
+    BsDatepickerAbstractComponent.prototype.setRangeOnCalendar = /**
+     * @param {?} dates
+     * @return {?}
+     */
+    function (dates) { };
     /* tslint:disable-next-line: no-any */
     /* tslint:disable-next-line: no-any */
     /**
@@ -242,6 +399,28 @@ BsDatepickerAbstractComponent = /** @class */ (function () {
     };
     return BsDatepickerAbstractComponent;
 }());
+if (false) {
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype.containerClass;
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype.isOtherMonthsActive;
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype._effects;
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype.customRanges;
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype.chosenRange;
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype.viewMode;
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype.daysCalendar;
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype.monthsCalendar;
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype.yearsCalendar;
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype.options;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -435,6 +614,20 @@ var BsDatepickerActions = /** @class */ (function () {
             payload: dates
         };
     };
+    /**
+     * @param {?} dates
+     * @return {?}
+     */
+    BsDatepickerActions.prototype.datesEnabled = /**
+     * @param {?} dates
+     * @return {?}
+     */
+    function (dates) {
+        return {
+            type: BsDatepickerActions.SET_DATESENABLED,
+            payload: dates
+        };
+    };
     /**
      * @param {?} value
      * @return {?}
@@ -490,6 +683,7 @@ var BsDatepickerActions = /** @class */ (function () {
     BsDatepickerActions.SET_MAX_DATE = '[datepicker] set max date';
     BsDatepickerActions.SET_DAYSDISABLED = '[datepicker] set days disabled';
     BsDatepickerActions.SET_DATESDISABLED = '[datepicker] set dates disabled';
+    BsDatepickerActions.SET_DATESENABLED = '[datepicker] set dates enabled';
     BsDatepickerActions.SET_IS_DISABLED = '[datepicker] set is disabled';
     BsDatepickerActions.SET_DATE_CUSTOM_CLASSES = '[datepicker] set date custom classes';
     BsDatepickerActions.SET_LOCALE = '[datepicker] set datepicker locale';
@@ -499,6 +693,44 @@ var BsDatepickerActions = /** @class */ (function () {
     ];
     return BsDatepickerActions;
 }());
+if (false) {
+    /** @type {?} */
+    BsDatepickerActions.CALCULATE;
+    /** @type {?} */
+    BsDatepickerActions.FORMAT;
+    /** @type {?} */
+    BsDatepickerActions.FLAG;
+    /** @type {?} */
+    BsDatepickerActions.SELECT;
+    /** @type {?} */
+    BsDatepickerActions.NAVIGATE_OFFSET;
+    /** @type {?} */
+    BsDatepickerActions.NAVIGATE_TO;
+    /** @type {?} */
+    BsDatepickerActions.SET_OPTIONS;
+    /** @type {?} */
+    BsDatepickerActions.HOVER;
+    /** @type {?} */
+    BsDatepickerActions.CHANGE_VIEWMODE;
+    /** @type {?} */
+    BsDatepickerActions.SET_MIN_DATE;
+    /** @type {?} */
+    BsDatepickerActions.SET_MAX_DATE;
+    /** @type {?} */
+    BsDatepickerActions.SET_DAYSDISABLED;
+    /** @type {?} */
+    BsDatepickerActions.SET_DATESDISABLED;
+    /** @type {?} */
+    BsDatepickerActions.SET_DATESENABLED;
+    /** @type {?} */
+    BsDatepickerActions.SET_IS_DISABLED;
+    /** @type {?} */
+    BsDatepickerActions.SET_DATE_CUSTOM_CLASSES;
+    /** @type {?} */
+    BsDatepickerActions.SET_LOCALE;
+    /** @type {?} */
+    BsDatepickerActions.SELECT_RANGE;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -559,6 +791,23 @@ var BsLocaleService = /** @class */ (function () {
     ];
     return BsLocaleService;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    BsLocaleService.prototype._defaultLocale;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsLocaleService.prototype._locale;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsLocaleService.prototype._localeChange;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -632,36 +881,40 @@ var BsDatepickerEffects = /** @class */ (function () {
         return this;
     };
     /**
-     * @template THIS
-     * @this {THIS}
      * @param {?} value
-     * @return {THIS}
+     * @return {?}
      */
     BsDatepickerEffects.prototype.setDaysDisabled = /**
-     * @template THIS
-     * @this {THIS}
      * @param {?} value
-     * @return {THIS}
+     * @return {?}
      */
     function (value) {
-        (/** @type {?} */ (this))._store.dispatch((/** @type {?} */ (this))._actions.daysDisabled(value));
-        return (/** @type {?} */ (this));
+        this._store.dispatch(this._actions.daysDisabled(value));
+        return this;
     };
     /**
-     * @template THIS
-     * @this {THIS}
      * @param {?} value
-     * @return {THIS}
+     * @return {?}
      */
     BsDatepickerEffects.prototype.setDatesDisabled = /**
-     * @template THIS
-     * @this {THIS}
      * @param {?} value
-     * @return {THIS}
+     * @return {?}
+     */
+    function (value) {
+        this._store.dispatch(this._actions.datesDisabled(value));
+        return this;
+    };
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    BsDatepickerEffects.prototype.setDatesEnabled = /**
+     * @param {?} value
+     * @return {?}
      */
     function (value) {
-        (/** @type {?} */ (this))._store.dispatch((/** @type {?} */ (this))._actions.datesDisabled(value));
-        return (/** @type {?} */ (this));
+        this._store.dispatch(this._actions.datesEnabled(value));
+        return this;
     };
     /**
      * @param {?} value
@@ -1045,6 +1298,38 @@ var BsDatepickerEffects = /** @class */ (function () {
     ]; };
     return BsDatepickerEffects;
 }());
+if (false) {
+    /** @type {?} */
+    BsDatepickerEffects.prototype.viewMode;
+    /** @type {?} */
+    BsDatepickerEffects.prototype.daysCalendar;
+    /** @type {?} */
+    BsDatepickerEffects.prototype.monthsCalendar;
+    /** @type {?} */
+    BsDatepickerEffects.prototype.yearsCalendar;
+    /** @type {?} */
+    BsDatepickerEffects.prototype.options;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerEffects.prototype._store;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerEffects.prototype._subs;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerEffects.prototype._actions;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerEffects.prototype._localeService;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1060,6 +1345,91 @@ var defaultMonthOptions = {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
+/**
+ * @record
+ */
+function BsDatepickerViewState() { }
+if (false) {
+    /** @type {?} */
+    BsDatepickerViewState.prototype.date;
+    /** @type {?} */
+    BsDatepickerViewState.prototype.mode;
+}
+var BsDatepickerState = /** @class */ (function () {
+    function BsDatepickerState() {
+    }
+    return BsDatepickerState;
+}());
+if (false) {
+    /** @type {?} */
+    BsDatepickerState.prototype.selectedDate;
+    /** @type {?} */
+    BsDatepickerState.prototype.selectedRange;
+    /** @type {?} */
+    BsDatepickerState.prototype.view;
+    /** @type {?} */
+    BsDatepickerState.prototype.isDisabled;
+    /** @type {?} */
+    BsDatepickerState.prototype.minDate;
+    /** @type {?} */
+    BsDatepickerState.prototype.maxDate;
+    /** @type {?} */
+    BsDatepickerState.prototype.daysDisabled;
+    /** @type {?} */
+    BsDatepickerState.prototype.datesDisabled;
+    /** @type {?} */
+    BsDatepickerState.prototype.datesEnabled;
+    /** @type {?} */
+    BsDatepickerState.prototype.minMode;
+    /** @type {?} */
+    BsDatepickerState.prototype.dateCustomClasses;
+    /** @type {?} */
+    BsDatepickerState.prototype.hoveredDate;
+    /** @type {?} */
+    BsDatepickerState.prototype.hoveredMonth;
+    /** @type {?} */
+    BsDatepickerState.prototype.hoveredYear;
+    /** @type {?} */
+    BsDatepickerState.prototype.monthsModel;
+    /** @type {?} */
+    BsDatepickerState.prototype.formattedMonths;
+    /** @type {?} */
+    BsDatepickerState.prototype.flaggedMonths;
+    /** @type {?} */
+    BsDatepickerState.prototype.selectFromOtherMonth;
+    /** @type {?} */
+    BsDatepickerState.prototype.showPreviousMonth;
+    /** @type {?} */
+    BsDatepickerState.prototype.displayOneMonthRange;
+    /** @type {?} */
+    BsDatepickerState.prototype.monthsCalendar;
+    /** @type {?} */
+    BsDatepickerState.prototype.flaggedMonthsCalendar;
+    /** @type {?} */
+    BsDatepickerState.prototype.yearsCalendarModel;
+    /** @type {?} */
+    BsDatepickerState.prototype.yearsCalendarFlagged;
+    /** @type {?} */
+    BsDatepickerState.prototype.monthViewOptions;
+    /** @type {?} */
+    BsDatepickerState.prototype.showWeekNumbers;
+    /** @type {?} */
+    BsDatepickerState.prototype.displayMonths;
+    /** @type {?} */
+    BsDatepickerState.prototype.locale;
+    /** @type {?} */
+    BsDatepickerState.prototype.monthTitle;
+    /** @type {?} */
+    BsDatepickerState.prototype.yearTitle;
+    /** @type {?} */
+    BsDatepickerState.prototype.dayLabel;
+    /** @type {?} */
+    BsDatepickerState.prototype.monthLabel;
+    /** @type {?} */
+    BsDatepickerState.prototype.yearLabel;
+    /** @type {?} */
+    BsDatepickerState.prototype.weekNumbers;
+}
 /** @type {?} */
 var _initialView = { date: new Date(), mode: 'day' };
 /** @type {?} */
@@ -1134,7 +1504,7 @@ function isYearDisabled(date, min, max) {
  * @return {?}
  */
 function isDisabledDate(date, datesDisabled) {
-    if (datesDisabled === undefined || !datesDisabled || !datesDisabled.length) {
+    if (!datesDisabled || !isArray(datesDisabled) || !datesDisabled.length) {
         return false;
     }
     return datesDisabled.some((/**
@@ -1143,6 +1513,21 @@ function isDisabledDate(date, datesDisabled) {
      */
     function (dateDisabled) { return isSame(date, dateDisabled, 'date'); }));
 }
+/**
+ * @param {?} date
+ * @param {?} datesEnabled
+ * @return {?}
+ */
+function isEnabledDate(date, datesEnabled) {
+    if (!datesEnabled || !isArray(datesEnabled) || !datesEnabled.length) {
+        return false;
+    }
+    return !datesEnabled.some((/**
+     * @param {?} enabledDate
+     * @return {?}
+     */
+    function (enabledDate) { return isSame(date, enabledDate, 'date'); }));
+}
 /**
  * @param {?} state
  * @param {?=} calendarIndex
@@ -1159,6 +1544,20 @@ function getYearsCalendarInitialDate(state, calendarIndex) {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
+/**
+ * @record
+ */
+function MatrixOptions() { }
+if (false) {
+    /** @type {?} */
+    MatrixOptions.prototype.height;
+    /** @type {?} */
+    MatrixOptions.prototype.width;
+    /** @type {?} */
+    MatrixOptions.prototype.initialDate;
+    /** @type {?} */
+    MatrixOptions.prototype.shift;
+}
 /**
  * @template T
  * @param {?} options
@@ -1282,6 +1681,36 @@ function getShiftedWeekdays(locale) {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
+/**
+ * @record
+ */
+function FlagDaysCalendarOptions() { }
+if (false) {
+    /** @type {?} */
+    FlagDaysCalendarOptions.prototype.isDisabled;
+    /** @type {?} */
+    FlagDaysCalendarOptions.prototype.minDate;
+    /** @type {?} */
+    FlagDaysCalendarOptions.prototype.maxDate;
+    /** @type {?} */
+    FlagDaysCalendarOptions.prototype.daysDisabled;
+    /** @type {?} */
+    FlagDaysCalendarOptions.prototype.datesDisabled;
+    /** @type {?} */
+    FlagDaysCalendarOptions.prototype.datesEnabled;
+    /** @type {?} */
+    FlagDaysCalendarOptions.prototype.hoveredDate;
+    /** @type {?} */
+    FlagDaysCalendarOptions.prototype.selectedDate;
+    /** @type {?} */
+    FlagDaysCalendarOptions.prototype.selectedRange;
+    /** @type {?} */
+    FlagDaysCalendarOptions.prototype.displayMonths;
+    /** @type {?} */
+    FlagDaysCalendarOptions.prototype.monthIndex;
+    /** @type {?} */
+    FlagDaysCalendarOptions.prototype.dateCustomClasses;
+}
 /**
  * @param {?} formattedMonth
  * @param {?} options
@@ -1327,7 +1756,8 @@ function flagDaysCalendar(formattedMonth, options) {
                 isBefore(day.date, options.minDate, 'day') ||
                 isAfter(day.date, options.maxDate, 'day') ||
                 isDisabledDay(day.date, options.daysDisabled) ||
-                isDisabledDate(day.date, options.datesDisabled);
+                isDisabledDate(day.date, options.datesDisabled) ||
+                isEnabledDate(day.date, options.datesEnabled);
             /** @type {?} */
             var currentDate = new Date();
             /** @type {?} */
@@ -1456,6 +1886,26 @@ function formatMonthsCalendar(viewDate, formatOptions) {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
+/**
+ * @record
+ */
+function FlagMonthCalendarOptions() { }
+if (false) {
+    /** @type {?} */
+    FlagMonthCalendarOptions.prototype.isDisabled;
+    /** @type {?} */
+    FlagMonthCalendarOptions.prototype.minDate;
+    /** @type {?} */
+    FlagMonthCalendarOptions.prototype.maxDate;
+    /** @type {?} */
+    FlagMonthCalendarOptions.prototype.hoveredMonth;
+    /** @type {?} */
+    FlagMonthCalendarOptions.prototype.selectedDate;
+    /** @type {?} */
+    FlagMonthCalendarOptions.prototype.displayMonths;
+    /** @type {?} */
+    FlagMonthCalendarOptions.prototype.monthIndex;
+}
 /**
  * @param {?} monthCalendar
  * @param {?} options
@@ -1577,6 +2027,26 @@ function formatYearRangeTitle(yearsMatrix, formatOptions) {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
+/**
+ * @record
+ */
+function FlagYearsCalendarOptions() { }
+if (false) {
+    /** @type {?} */
+    FlagYearsCalendarOptions.prototype.isDisabled;
+    /** @type {?} */
+    FlagYearsCalendarOptions.prototype.minDate;
+    /** @type {?} */
+    FlagYearsCalendarOptions.prototype.maxDate;
+    /** @type {?} */
+    FlagYearsCalendarOptions.prototype.hoveredYear;
+    /** @type {?} */
+    FlagYearsCalendarOptions.prototype.selectedDate;
+    /** @type {?} */
+    FlagYearsCalendarOptions.prototype.displayMonths;
+    /** @type {?} */
+    FlagYearsCalendarOptions.prototype.yearIndex;
+}
 /**
  * @param {?} yearsCalendar
  * @param {?} options
@@ -1643,10 +2113,10 @@ function bsDatepickerReducer(state, action) {
             return calculateReducer(state);
         }
         case BsDatepickerActions.FORMAT: {
-            return formatReducer(state);
+            return formatReducer(state, action);
         }
         case BsDatepickerActions.FLAG: {
-            return flagReducer(state);
+            return flagReducer(state, action);
         }
         case BsDatepickerActions.NAVIGATE_OFFSET: {
             return navigateOffsetReducer(state, action);
@@ -1775,7 +2245,8 @@ function bsDatepickerReducer(state, action) {
 function calculateReducer(state) {
     // how many calendars
     /** @type {?} */
-    var displayMonths = state.displayMonths;
+    var displayMonths = (state.displayOneMonthRange &&
+        isDisplayOneMonth(state.view.date, state.minDate, state.maxDate)) ? 1 : state.displayMonths;
     // use selected date on initial rendering if set
     /** @type {?} */
     var viewDate = state.view.date;
@@ -1868,6 +2339,8 @@ function formatReducer(state, action) {
  * @return {?}
  */
 function flagReducer(state, action) {
+    /** @type {?} */
+    var displayMonths = isDisplayOneMonth(state.view.date, state.minDate, state.maxDate) ? 1 : state.displayMonths;
     if (state.view.mode === 'day') {
         /** @type {?} */
         var flaggedMonths = state.formattedMonths.map((/**
@@ -1882,10 +2355,11 @@ function flagReducer(state, action) {
                 maxDate: state.maxDate,
                 daysDisabled: state.daysDisabled,
                 datesDisabled: state.datesDisabled,
+                datesEnabled: state.datesEnabled,
                 hoveredDate: state.hoveredDate,
                 selectedDate: state.selectedDate,
                 selectedRange: state.selectedRange,
-                displayMonths: state.displayMonths,
+                displayMonths: displayMonths,
                 dateCustomClasses: state.dateCustomClasses,
                 monthIndex: monthIndex
             });
@@ -1906,7 +2380,7 @@ function flagReducer(state, action) {
                 maxDate: state.maxDate,
                 hoveredMonth: state.hoveredMonth,
                 selectedDate: state.selectedDate,
-                displayMonths: state.displayMonths,
+                displayMonths: displayMonths,
                 monthIndex: monthIndex
             });
         }));
@@ -1926,7 +2400,7 @@ function flagReducer(state, action) {
                 maxDate: state.maxDate,
                 hoveredYear: state.hoveredYear,
                 selectedDate: state.selectedDate,
-                displayMonths: state.displayMonths,
+                displayMonths: displayMonths,
                 yearIndex: yearIndex
             });
         }));
@@ -2000,6 +2474,21 @@ function getViewDate(viewDate, minDate, maxDate) {
     }
     return _date;
 }
+/**
+ * @param {?} viewDate
+ * @param {?} minDate
+ * @param {?} maxDate
+ * @return {?}
+ */
+function isDisplayOneMonth(viewDate, minDate, maxDate) {
+    if (maxDate && isSame(maxDate, viewDate, 'day')) {
+        return true;
+    }
+    if (minDate && maxDate && minDate.getMonth() === maxDate.getMonth()) {
+        return true;
+    }
+    return false;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -2159,6 +2648,9 @@ var BsDatepickerContainerComponent = /** @class */ (function (_super) {
      * @return {?}
      */
     function (day) {
+        if (!day) {
+            return;
+        }
         /** @type {?} */
         var isDisabled = this.isOtherMonthsActive ? day.isDisabled : (day.isOtherMonth || day.isDisabled);
         if (isDisabled) {
@@ -2193,7 +2685,7 @@ var BsDatepickerContainerComponent = /** @class */ (function (_super) {
         { type: Component, args: [{
                     selector: 'bs-datepicker-container',
                     providers: [BsDatepickerStore, BsDatepickerEffects],
-                    template: "<!-- days calendar view mode -->\n<div class=\"bs-datepicker\" [ngClass]=\"containerClass\" *ngIf=\"viewMode | async\">\n  <div class=\"bs-datepicker-container\"\n    [@datepickerAnimation]=\"animationState\"\n    (@datepickerAnimation.done)=\"positionServiceEnable()\">\n    <!--calendars-->\n    <div class=\"bs-calendar-container\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n      <!--days calendar-->\n      <div *ngSwitchCase=\"'day'\" class=\"bs-media-container\">\n        <bs-days-calendar-view\n          *ngFor=\"let calendar of daysCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          [options]=\"options | async\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"dayHoverHandler($event)\"\n          (onHoverWeek)=\"weekHoverHandler($event)\"\n          (onSelect)=\"daySelectHandler($event)\">\n        </bs-days-calendar-view>\n      </div>\n\n      <!--months calendar-->\n      <div *ngSwitchCase=\"'month'\" class=\"bs-media-container\">\n        <bs-month-calendar-view\n          *ngFor=\"let calendar of monthsCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"monthHoverHandler($event)\"\n          (onSelect)=\"monthSelectHandler($event)\">\n        </bs-month-calendar-view>\n      </div>\n\n      <!--years calendar-->\n      <div *ngSwitchCase=\"'year'\" class=\"bs-media-container\">\n        <bs-years-calendar-view\n          *ngFor=\"let calendar of yearsCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"yearHoverHandler($event)\"\n          (onSelect)=\"yearSelectHandler($event)\">\n        </bs-years-calendar-view>\n      </div>\n    </div>\n\n    <!--applycancel buttons-->\n    <div class=\"bs-datepicker-buttons\" *ngIf=\"false\">\n      <button class=\"btn btn-success\" type=\"button\">Apply</button>\n      <button class=\"btn btn-default\" type=\"button\">Cancel</button>\n    </div>\n  </div>\n\n  <!--custom dates or date ranges picker-->\n  <div class=\"bs-datepicker-custom-range\" *ngIf=\"false\">\n    <bs-custom-date-view [ranges]=\"_customRangesFish\"></bs-custom-date-view>\n  </div>\n</div>\n",
+                    template: "<!-- days calendar view mode -->\n<div class=\"bs-datepicker\" [ngClass]=\"containerClass\" *ngIf=\"viewMode | async\">\n  <div class=\"bs-datepicker-container\"\n    [@datepickerAnimation]=\"animationState\"\n    (@datepickerAnimation.done)=\"positionServiceEnable()\">\n    <!--calendars-->\n    <div class=\"bs-calendar-container\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n      <!--days calendar-->\n      <div *ngSwitchCase=\"'day'\" class=\"bs-media-container\">\n        <bs-days-calendar-view\n          *ngFor=\"let calendar of daysCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          [options]=\"options | async\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"dayHoverHandler($event)\"\n          (onHoverWeek)=\"weekHoverHandler($event)\"\n          (onSelect)=\"daySelectHandler($event)\">\n        </bs-days-calendar-view>\n      </div>\n\n      <!--months calendar-->\n      <div *ngSwitchCase=\"'month'\" class=\"bs-media-container\">\n        <bs-month-calendar-view\n          *ngFor=\"let calendar of monthsCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"monthHoverHandler($event)\"\n          (onSelect)=\"monthSelectHandler($event)\">\n        </bs-month-calendar-view>\n      </div>\n\n      <!--years calendar-->\n      <div *ngSwitchCase=\"'year'\" class=\"bs-media-container\">\n        <bs-years-calendar-view\n          *ngFor=\"let calendar of yearsCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"yearHoverHandler($event)\"\n          (onSelect)=\"yearSelectHandler($event)\">\n        </bs-years-calendar-view>\n      </div>\n    </div>\n\n    <!--applycancel buttons-->\n    <div class=\"bs-datepicker-buttons\" *ngIf=\"false\">\n      <button class=\"btn btn-success\" type=\"button\">Apply</button>\n      <button class=\"btn btn-default\" type=\"button\">Cancel</button>\n    </div>\n  </div>\n\n  <!--custom dates or date ranges picker-->\n  <div class=\"bs-datepicker-custom-range\" *ngIf=\"customRanges?.length > 0\">\n    <bs-custom-date-view \n      [selectedRange]=\"chosenRange\" \n      [ranges]=\"customRanges\"\n      (onSelect)=\"setRangeOnCalendar($event)\">\n    </bs-custom-date-view>\n  </div>\n</div>\n",
                     host: {
                         class: 'bottom',
                         '(click)': '_stopPropagation($event)',
@@ -2215,6 +2707,39 @@ var BsDatepickerContainerComponent = /** @class */ (function (_super) {
     ]; };
     return BsDatepickerContainerComponent;
 }(BsDatepickerAbstractComponent));
+if (false) {
+    /** @type {?} */
+    BsDatepickerContainerComponent.prototype.valueChange;
+    /** @type {?} */
+    BsDatepickerContainerComponent.prototype.animationState;
+    /** @type {?} */
+    BsDatepickerContainerComponent.prototype._subs;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerContainerComponent.prototype._config;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerContainerComponent.prototype._store;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerContainerComponent.prototype._element;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerContainerComponent.prototype._actions;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerContainerComponent.prototype._positionService;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -2223,6 +2748,8 @@ var BsDatepickerContainerComponent = /** @class */ (function (_super) {
 var BsDatepickerDirective = /** @class */ (function () {
     function BsDatepickerDirective(_config, _elementRef, _renderer, _viewContainerRef, cis) {
         this._config = _config;
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
         /**
          * Placement of a datepicker. Accepts: "top", "bottom", "left", "right"
          */
@@ -2251,6 +2778,7 @@ var BsDatepickerDirective = /** @class */ (function () {
         this._datepicker = cis.createLoader(_elementRef, _viewContainerRef, _renderer);
         this.onShown = this._datepicker.onShown;
         this.onHidden = this._datepicker.onHidden;
+        this.isOpen$ = new BehaviorSubject(this.isOpen);
     }
     Object.defineProperty(BsDatepickerDirective.prototype, "isOpen", {
         /**
@@ -2268,12 +2796,7 @@ var BsDatepickerDirective = /** @class */ (function () {
          * @return {?}
          */
         function (value) {
-            if (value) {
-                this.show();
-            }
-            else {
-                this.hide();
-            }
+            this.isOpen$.next(value);
         },
         enumerable: true,
         configurable: true
@@ -2288,7 +2811,7 @@ var BsDatepickerDirective = /** @class */ (function () {
          * @return {?}
          */
         function (value) {
-            if (this._bsValue === value) {
+            if (this._bsValue && value && this._bsValue.getTime() === value.getTime()) {
                 return;
             }
             this._bsValue = value;
@@ -2305,6 +2828,7 @@ var BsDatepickerDirective = /** @class */ (function () {
      */
     function () {
         var _this = this;
+        this.isDestroy$ = new Subject();
         this._datepicker.listen({
             outsideClick: this.outsideClick,
             outsideEsc: this.outsideEsc,
@@ -2340,6 +2864,9 @@ var BsDatepickerDirective = /** @class */ (function () {
         if (changes.datesDisabled) {
             this._datepickerRef.instance.datesDisabled = this.datesDisabled;
         }
+        if (changes.datesEnabled) {
+            this._datepickerRef.instance.datesEnabled = this.datesEnabled;
+        }
         if (changes.isDisabled) {
             this._datepickerRef.instance.isDisabled = this.isDisabled;
         }
@@ -2347,6 +2874,24 @@ var BsDatepickerDirective = /** @class */ (function () {
             this._datepickerRef.instance.dateCustomClasses = this.dateCustomClasses;
         }
     };
+    /**
+     * @return {?}
+     */
+    BsDatepickerDirective.prototype.ngAfterViewInit = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        this.isOpen$.pipe(filter((/**
+         * @param {?} isOpen
+         * @return {?}
+         */
+        function (isOpen) { return isOpen !== _this.isOpen; })), takeUntil(this.isDestroy$))
+            .subscribe((/**
+         * @return {?}
+         */
+        function () { return _this.toggle(); }));
+    };
     /**
      * Opens an element’s datepicker. This is considered a “manual” triggering of
      * the datepicker.
@@ -2423,6 +2968,9 @@ var BsDatepickerDirective = /** @class */ (function () {
             }
             finally { if (e_1) throw e_1.error; }
         }
+        if (this._config.returnFocusToInput) {
+            this._renderer.selectRootElement(this._elementRef.nativeElement).focus();
+        }
     };
     /**
      * Toggles an element’s datepicker. This is considered a “manual” triggering
@@ -2464,6 +3012,7 @@ var BsDatepickerDirective = /** @class */ (function () {
             daysDisabled: this.daysDisabled || this.bsConfig && this.bsConfig.daysDisabled,
             dateCustomClasses: this.dateCustomClasses || this.bsConfig && this.bsConfig.dateCustomClasses,
             datesDisabled: this.datesDisabled || this.bsConfig && this.bsConfig.datesDisabled,
+            datesEnabled: this.datesEnabled || this.bsConfig && this.bsConfig.datesEnabled,
             minMode: this.minMode || this.bsConfig && this.bsConfig.minMode
         });
     };
@@ -2475,6 +3024,11 @@ var BsDatepickerDirective = /** @class */ (function () {
      */
     function () {
         this._datepicker.dispose();
+        this.isOpen$.next(false);
+        if (this.isDestroy$) {
+            this.isDestroy$.next();
+            this.isDestroy$.complete();
+        }
     };
     BsDatepickerDirective.decorators = [
         { type: Directive, args: [{
@@ -2507,11 +3061,130 @@ var BsDatepickerDirective = /** @class */ (function () {
         minMode: [{ type: Input }],
         daysDisabled: [{ type: Input }],
         datesDisabled: [{ type: Input }],
+        datesEnabled: [{ type: Input }],
         dateCustomClasses: [{ type: Input }],
         bsValueChange: [{ type: Output }]
     };
     return BsDatepickerDirective;
 }());
+if (false) {
+    /**
+     * Placement of a datepicker. Accepts: "top", "bottom", "left", "right"
+     * @type {?}
+     */
+    BsDatepickerDirective.prototype.placement;
+    /**
+     * Specifies events that should trigger. Supports a space separated list of
+     * event names.
+     * @type {?}
+     */
+    BsDatepickerDirective.prototype.triggers;
+    /**
+     * Close datepicker on outside click
+     * @type {?}
+     */
+    BsDatepickerDirective.prototype.outsideClick;
+    /**
+     * A selector specifying the element the datepicker should be appended to.
+     * @type {?}
+     */
+    BsDatepickerDirective.prototype.container;
+    /** @type {?} */
+    BsDatepickerDirective.prototype.outsideEsc;
+    /**
+     * Emits an event when the datepicker is shown
+     * @type {?}
+     */
+    BsDatepickerDirective.prototype.onShown;
+    /**
+     * Emits an event when the datepicker is hidden
+     * @type {?}
+     */
+    BsDatepickerDirective.prototype.onHidden;
+    /** @type {?} */
+    BsDatepickerDirective.prototype._bsValue;
+    /** @type {?} */
+    BsDatepickerDirective.prototype.isOpen$;
+    /** @type {?} */
+    BsDatepickerDirective.prototype.isDestroy$;
+    /**
+     * Config object for datepicker
+     * @type {?}
+     */
+    BsDatepickerDirective.prototype.bsConfig;
+    /**
+     * Indicates whether datepicker's content is enabled or not
+     * @type {?}
+     */
+    BsDatepickerDirective.prototype.isDisabled;
+    /**
+     * Minimum date which is available for selection
+     * @type {?}
+     */
+    BsDatepickerDirective.prototype.minDate;
+    /**
+     * Maximum date which is available for selection
+     * @type {?}
+     */
+    BsDatepickerDirective.prototype.maxDate;
+    /**
+     * Minimum view mode : day, month, or year
+     * @type {?}
+     */
+    BsDatepickerDirective.prototype.minMode;
+    /**
+     * Disable Certain days in the week
+     * @type {?}
+     */
+    BsDatepickerDirective.prototype.daysDisabled;
+    /**
+     * Disable specific dates
+     * @type {?}
+     */
+    BsDatepickerDirective.prototype.datesDisabled;
+    /**
+     * Enable specific dates
+     * @type {?}
+     */
+    BsDatepickerDirective.prototype.datesEnabled;
+    /**
+     * Date custom classes
+     * @type {?}
+     */
+    BsDatepickerDirective.prototype.dateCustomClasses;
+    /**
+     * Emits when datepicker value has been changed
+     * @type {?}
+     */
+    BsDatepickerDirective.prototype.bsValueChange;
+    /**
+     * @type {?}
+     * @protected
+     */
+    BsDatepickerDirective.prototype._subs;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerDirective.prototype._datepicker;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerDirective.prototype._datepickerRef;
+    /** @type {?} */
+    BsDatepickerDirective.prototype._config;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerDirective.prototype._elementRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerDirective.prototype._renderer;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -2544,7 +3217,7 @@ var BsDatepickerInlineContainerComponent = /** @class */ (function (_super) {
         { type: Component, args: [{
                     selector: 'bs-datepicker-inline-container',
                     providers: [BsDatepickerStore, BsDatepickerEffects],
-                    template: "<!-- days calendar view mode -->\n<div class=\"bs-datepicker\" [ngClass]=\"containerClass\" *ngIf=\"viewMode | async\">\n  <div class=\"bs-datepicker-container\"\n    [@datepickerAnimation]=\"animationState\"\n    (@datepickerAnimation.done)=\"positionServiceEnable()\">\n    <!--calendars-->\n    <div class=\"bs-calendar-container\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n      <!--days calendar-->\n      <div *ngSwitchCase=\"'day'\" class=\"bs-media-container\">\n        <bs-days-calendar-view\n          *ngFor=\"let calendar of daysCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          [options]=\"options | async\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"dayHoverHandler($event)\"\n          (onHoverWeek)=\"weekHoverHandler($event)\"\n          (onSelect)=\"daySelectHandler($event)\">\n        </bs-days-calendar-view>\n      </div>\n\n      <!--months calendar-->\n      <div *ngSwitchCase=\"'month'\" class=\"bs-media-container\">\n        <bs-month-calendar-view\n          *ngFor=\"let calendar of monthsCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"monthHoverHandler($event)\"\n          (onSelect)=\"monthSelectHandler($event)\">\n        </bs-month-calendar-view>\n      </div>\n\n      <!--years calendar-->\n      <div *ngSwitchCase=\"'year'\" class=\"bs-media-container\">\n        <bs-years-calendar-view\n          *ngFor=\"let calendar of yearsCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"yearHoverHandler($event)\"\n          (onSelect)=\"yearSelectHandler($event)\">\n        </bs-years-calendar-view>\n      </div>\n    </div>\n\n    <!--applycancel buttons-->\n    <div class=\"bs-datepicker-buttons\" *ngIf=\"false\">\n      <button class=\"btn btn-success\" type=\"button\">Apply</button>\n      <button class=\"btn btn-default\" type=\"button\">Cancel</button>\n    </div>\n  </div>\n\n  <!--custom dates or date ranges picker-->\n  <div class=\"bs-datepicker-custom-range\" *ngIf=\"false\">\n    <bs-custom-date-view [ranges]=\"_customRangesFish\"></bs-custom-date-view>\n  </div>\n</div>\n",
+                    template: "<!-- days calendar view mode -->\n<div class=\"bs-datepicker\" [ngClass]=\"containerClass\" *ngIf=\"viewMode | async\">\n  <div class=\"bs-datepicker-container\"\n    [@datepickerAnimation]=\"animationState\"\n    (@datepickerAnimation.done)=\"positionServiceEnable()\">\n    <!--calendars-->\n    <div class=\"bs-calendar-container\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n      <!--days calendar-->\n      <div *ngSwitchCase=\"'day'\" class=\"bs-media-container\">\n        <bs-days-calendar-view\n          *ngFor=\"let calendar of daysCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          [options]=\"options | async\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"dayHoverHandler($event)\"\n          (onHoverWeek)=\"weekHoverHandler($event)\"\n          (onSelect)=\"daySelectHandler($event)\">\n        </bs-days-calendar-view>\n      </div>\n\n      <!--months calendar-->\n      <div *ngSwitchCase=\"'month'\" class=\"bs-media-container\">\n        <bs-month-calendar-view\n          *ngFor=\"let calendar of monthsCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"monthHoverHandler($event)\"\n          (onSelect)=\"monthSelectHandler($event)\">\n        </bs-month-calendar-view>\n      </div>\n\n      <!--years calendar-->\n      <div *ngSwitchCase=\"'year'\" class=\"bs-media-container\">\n        <bs-years-calendar-view\n          *ngFor=\"let calendar of yearsCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"yearHoverHandler($event)\"\n          (onSelect)=\"yearSelectHandler($event)\">\n        </bs-years-calendar-view>\n      </div>\n    </div>\n\n    <!--applycancel buttons-->\n    <div class=\"bs-datepicker-buttons\" *ngIf=\"false\">\n      <button class=\"btn btn-success\" type=\"button\">Apply</button>\n      <button class=\"btn btn-default\" type=\"button\">Cancel</button>\n    </div>\n  </div>\n\n  <!--custom dates or date ranges picker-->\n  <div class=\"bs-datepicker-custom-range\" *ngIf=\"customRanges?.length > 0\">\n    <bs-custom-date-view \n      [selectedRange]=\"chosenRange\" \n      [ranges]=\"customRanges\"\n      (onSelect)=\"setRangeOnCalendar($event)\">\n    </bs-custom-date-view>\n  </div>\n</div>\n",
                     host: {
                         '(click)': '_stopPropagation($event)'
                     },
@@ -2609,11 +3282,6 @@ var BsDatepickerInlineDirective = /** @class */ (function () {
     function () {
         var _this = this;
         this.setConfig();
-        this._datepickerRef = this._datepicker
-            .provide({ provide: BsDatepickerConfig, useValue: this._config })
-            .attach(BsDatepickerInlineContainerComponent)
-            .to(this._elementRef)
-            .show();
         // if date changes from external source (model -> view)
         this._subs.push(this.bsValueChange.subscribe((/**
          * @param {?} value
@@ -2645,21 +3313,27 @@ var BsDatepickerInlineDirective = /** @class */ (function () {
         }
         if (changes.minDate) {
             this._datepickerRef.instance.minDate = this.minDate;
-            this._datepickerRef.instance.value = this._bsValue;
+            this.setConfig();
         }
         if (changes.maxDate) {
             this._datepickerRef.instance.maxDate = this.maxDate;
-            this._datepickerRef.instance.value = this._bsValue;
+            this.setConfig();
         }
         if (changes.datesDisabled) {
             this._datepickerRef.instance.datesDisabled = this.datesDisabled;
+            this.setConfig();
+        }
+        if (changes.datesEnabled) {
+            this._datepickerRef.instance.datesEnabled = this.datesEnabled;
             this._datepickerRef.instance.value = this._bsValue;
         }
         if (changes.isDisabled) {
             this._datepickerRef.instance.isDisabled = this.isDisabled;
+            this.setConfig();
         }
         if (changes.dateCustomClasses) {
             this._datepickerRef.instance.dateCustomClasses = this.dateCustomClasses;
+            this.setConfig();
         }
     };
     /**
@@ -2674,14 +3348,23 @@ var BsDatepickerInlineDirective = /** @class */ (function () {
      * @return {?}
      */
     function () {
+        if (this._datepicker) {
+            this._datepicker.hide();
+        }
         this._config = Object.assign({}, this._config, this.bsConfig, {
             value: this._bsValue,
             isDisabled: this.isDisabled,
             minDate: this.minDate || this.bsConfig && this.bsConfig.minDate,
             maxDate: this.maxDate || this.bsConfig && this.bsConfig.maxDate,
             dateCustomClasses: this.dateCustomClasses || this.bsConfig && this.bsConfig.dateCustomClasses,
-            datesDisabled: this.datesDisabled || this.bsConfig && this.bsConfig.datesDisabled
+            datesDisabled: this.datesDisabled || this.bsConfig && this.bsConfig.datesDisabled,
+            datesEnabled: this.datesEnabled || this.bsConfig && this.bsConfig.datesEnabled
         });
+        this._datepickerRef = this._datepicker
+            .provide({ provide: BsDatepickerConfig, useValue: this._config })
+            .attach(BsDatepickerInlineContainerComponent)
+            .to(this._elementRef)
+            .show();
     };
     /**
      * @return {?}
@@ -2713,11 +3396,78 @@ var BsDatepickerInlineDirective = /** @class */ (function () {
         minDate: [{ type: Input }],
         maxDate: [{ type: Input }],
         dateCustomClasses: [{ type: Input }],
+        datesEnabled: [{ type: Input }],
         datesDisabled: [{ type: Input }],
         bsValueChange: [{ type: Output }]
     };
     return BsDatepickerInlineDirective;
 }());
+if (false) {
+    /** @type {?} */
+    BsDatepickerInlineDirective.prototype._bsValue;
+    /**
+     * Config object for datepicker
+     * @type {?}
+     */
+    BsDatepickerInlineDirective.prototype.bsConfig;
+    /**
+     * Indicates whether datepicker is enabled or not
+     * @type {?}
+     */
+    BsDatepickerInlineDirective.prototype.isDisabled;
+    /**
+     * Minimum date which is available for selection
+     * @type {?}
+     */
+    BsDatepickerInlineDirective.prototype.minDate;
+    /**
+     * Maximum date which is available for selection
+     * @type {?}
+     */
+    BsDatepickerInlineDirective.prototype.maxDate;
+    /**
+     * Date custom classes
+     * @type {?}
+     */
+    BsDatepickerInlineDirective.prototype.dateCustomClasses;
+    /**
+     * Disable specific dates
+     * @type {?}
+     */
+    BsDatepickerInlineDirective.prototype.datesEnabled;
+    /**
+     * Enable specific dates
+     * @type {?}
+     */
+    BsDatepickerInlineDirective.prototype.datesDisabled;
+    /**
+     * Emits when datepicker value has been changed
+     * @type {?}
+     */
+    BsDatepickerInlineDirective.prototype.bsValueChange;
+    /**
+     * @type {?}
+     * @protected
+     */
+    BsDatepickerInlineDirective.prototype._subs;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerInlineDirective.prototype._datepicker;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerInlineDirective.prototype._datepickerRef;
+    /** @type {?} */
+    BsDatepickerInlineDirective.prototype._config;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerInlineDirective.prototype._elementRef;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -2740,6 +3490,15 @@ var BsDaterangepickerInlineConfig = /** @class */ (function (_super) {
     ];
     return BsDaterangepickerInlineConfig;
 }(BsDatepickerConfig));
+if (false) {
+    /** @type {?} */
+    BsDaterangepickerInlineConfig.prototype.displayMonths;
+    /**
+     * turn on/off animation
+     * @type {?}
+     */
+    BsDaterangepickerInlineConfig.prototype.isAnimated;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -2757,8 +3516,10 @@ var BsDaterangepickerContainerComponent = /** @class */ (function (_super) {
         _this.valueChange = new EventEmitter();
         _this.animationState = 'void';
         _this._rangeStack = [];
+        _this.chosenRange = [];
         _this._subs = [];
         _this._effects = _effects;
+        _this.customRanges = _this._config.ranges;
         _renderer.setStyle(_element.nativeElement, 'display', 'block');
         _renderer.setStyle(_element.nativeElement, 'position', 'absolute');
         return _this;
@@ -2823,7 +3584,10 @@ var BsDaterangepickerContainerComponent = /** @class */ (function (_super) {
          * @param {?} date
          * @return {?}
          */
-        function (date) { return _this.valueChange.emit(date); })));
+        function (date) {
+            _this.valueChange.emit(date);
+            _this.chosenRange = date;
+        })));
     };
     Object.defineProperty(BsDaterangepickerContainerComponent.prototype, "isTopPosition", {
         get: /**
@@ -2853,6 +3617,9 @@ var BsDaterangepickerContainerComponent = /** @class */ (function (_super) {
      * @return {?}
      */
     function (day) {
+        if (!day) {
+            return;
+        }
         /** @type {?} */
         var isDisabled = this.isOtherMonthsActive ? day.isDisabled : (day.isOtherMonth || day.isDisabled);
         if (isDisabled) {
@@ -2900,11 +3667,23 @@ var BsDaterangepickerContainerComponent = /** @class */ (function (_super) {
         }
         this._effects.destroy();
     };
+    /**
+     * @param {?} dates
+     * @return {?}
+     */
+    BsDaterangepickerContainerComponent.prototype.setRangeOnCalendar = /**
+     * @param {?} dates
+     * @return {?}
+     */
+    function (dates) {
+        this._rangeStack = (dates === null) ? [] : (dates.value instanceof Date ? [dates.value] : dates.value);
+        this._store.dispatch(this._actions.selectRange(this._rangeStack));
+    };
     BsDaterangepickerContainerComponent.decorators = [
         { type: Component, args: [{
                     selector: 'bs-daterangepicker-container',
                     providers: [BsDatepickerStore, BsDatepickerEffects],
-                    template: "<!-- days calendar view mode -->\n<div class=\"bs-datepicker\" [ngClass]=\"containerClass\" *ngIf=\"viewMode | async\">\n  <div class=\"bs-datepicker-container\"\n    [@datepickerAnimation]=\"animationState\"\n    (@datepickerAnimation.done)=\"positionServiceEnable()\">\n    <!--calendars-->\n    <div class=\"bs-calendar-container\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n      <!--days calendar-->\n      <div *ngSwitchCase=\"'day'\" class=\"bs-media-container\">\n        <bs-days-calendar-view\n          *ngFor=\"let calendar of daysCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          [options]=\"options | async\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"dayHoverHandler($event)\"\n          (onHoverWeek)=\"weekHoverHandler($event)\"\n          (onSelect)=\"daySelectHandler($event)\">\n        </bs-days-calendar-view>\n      </div>\n\n      <!--months calendar-->\n      <div *ngSwitchCase=\"'month'\" class=\"bs-media-container\">\n        <bs-month-calendar-view\n          *ngFor=\"let calendar of monthsCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"monthHoverHandler($event)\"\n          (onSelect)=\"monthSelectHandler($event)\">\n        </bs-month-calendar-view>\n      </div>\n\n      <!--years calendar-->\n      <div *ngSwitchCase=\"'year'\" class=\"bs-media-container\">\n        <bs-years-calendar-view\n          *ngFor=\"let calendar of yearsCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"yearHoverHandler($event)\"\n          (onSelect)=\"yearSelectHandler($event)\">\n        </bs-years-calendar-view>\n      </div>\n    </div>\n\n    <!--applycancel buttons-->\n    <div class=\"bs-datepicker-buttons\" *ngIf=\"false\">\n      <button class=\"btn btn-success\" type=\"button\">Apply</button>\n      <button class=\"btn btn-default\" type=\"button\">Cancel</button>\n    </div>\n  </div>\n\n  <!--custom dates or date ranges picker-->\n  <div class=\"bs-datepicker-custom-range\" *ngIf=\"false\">\n    <bs-custom-date-view [ranges]=\"_customRangesFish\"></bs-custom-date-view>\n  </div>\n</div>\n",
+                    template: "<!-- days calendar view mode -->\n<div class=\"bs-datepicker\" [ngClass]=\"containerClass\" *ngIf=\"viewMode | async\">\n  <div class=\"bs-datepicker-container\"\n    [@datepickerAnimation]=\"animationState\"\n    (@datepickerAnimation.done)=\"positionServiceEnable()\">\n    <!--calendars-->\n    <div class=\"bs-calendar-container\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n      <!--days calendar-->\n      <div *ngSwitchCase=\"'day'\" class=\"bs-media-container\">\n        <bs-days-calendar-view\n          *ngFor=\"let calendar of daysCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          [options]=\"options | async\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"dayHoverHandler($event)\"\n          (onHoverWeek)=\"weekHoverHandler($event)\"\n          (onSelect)=\"daySelectHandler($event)\">\n        </bs-days-calendar-view>\n      </div>\n\n      <!--months calendar-->\n      <div *ngSwitchCase=\"'month'\" class=\"bs-media-container\">\n        <bs-month-calendar-view\n          *ngFor=\"let calendar of monthsCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"monthHoverHandler($event)\"\n          (onSelect)=\"monthSelectHandler($event)\">\n        </bs-month-calendar-view>\n      </div>\n\n      <!--years calendar-->\n      <div *ngSwitchCase=\"'year'\" class=\"bs-media-container\">\n        <bs-years-calendar-view\n          *ngFor=\"let calendar of yearsCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"yearHoverHandler($event)\"\n          (onSelect)=\"yearSelectHandler($event)\">\n        </bs-years-calendar-view>\n      </div>\n    </div>\n\n    <!--applycancel buttons-->\n    <div class=\"bs-datepicker-buttons\" *ngIf=\"false\">\n      <button class=\"btn btn-success\" type=\"button\">Apply</button>\n      <button class=\"btn btn-default\" type=\"button\">Cancel</button>\n    </div>\n  </div>\n\n  <!--custom dates or date ranges picker-->\n  <div class=\"bs-datepicker-custom-range\" *ngIf=\"customRanges?.length > 0\">\n    <bs-custom-date-view \n      [selectedRange]=\"chosenRange\" \n      [ranges]=\"customRanges\"\n      (onSelect)=\"setRangeOnCalendar($event)\">\n    </bs-custom-date-view>\n  </div>\n</div>\n",
                     host: {
                         class: 'bottom',
                         '(click)': '_stopPropagation($event)',
@@ -2926,6 +3705,43 @@ var BsDaterangepickerContainerComponent = /** @class */ (function (_super) {
     ]; };
     return BsDaterangepickerContainerComponent;
 }(BsDatepickerAbstractComponent));
+if (false) {
+    /** @type {?} */
+    BsDaterangepickerContainerComponent.prototype.valueChange;
+    /** @type {?} */
+    BsDaterangepickerContainerComponent.prototype.animationState;
+    /** @type {?} */
+    BsDaterangepickerContainerComponent.prototype._rangeStack;
+    /** @type {?} */
+    BsDaterangepickerContainerComponent.prototype.chosenRange;
+    /** @type {?} */
+    BsDaterangepickerContainerComponent.prototype._subs;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerContainerComponent.prototype._config;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerContainerComponent.prototype._store;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerContainerComponent.prototype._element;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerContainerComponent.prototype._actions;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerContainerComponent.prototype._positionService;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -2943,7 +3759,7 @@ var BsDaterangepickerInlineContainerComponent = /** @class */ (function (_super)
         { type: Component, args: [{
                     selector: 'bs-daterangepicker-inline-container',
                     providers: [BsDatepickerStore, BsDatepickerEffects],
-                    template: "<!-- days calendar view mode -->\n<div class=\"bs-datepicker\" [ngClass]=\"containerClass\" *ngIf=\"viewMode | async\">\n  <div class=\"bs-datepicker-container\"\n    [@datepickerAnimation]=\"animationState\"\n    (@datepickerAnimation.done)=\"positionServiceEnable()\">\n    <!--calendars-->\n    <div class=\"bs-calendar-container\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n      <!--days calendar-->\n      <div *ngSwitchCase=\"'day'\" class=\"bs-media-container\">\n        <bs-days-calendar-view\n          *ngFor=\"let calendar of daysCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          [options]=\"options | async\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"dayHoverHandler($event)\"\n          (onHoverWeek)=\"weekHoverHandler($event)\"\n          (onSelect)=\"daySelectHandler($event)\">\n        </bs-days-calendar-view>\n      </div>\n\n      <!--months calendar-->\n      <div *ngSwitchCase=\"'month'\" class=\"bs-media-container\">\n        <bs-month-calendar-view\n          *ngFor=\"let calendar of monthsCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"monthHoverHandler($event)\"\n          (onSelect)=\"monthSelectHandler($event)\">\n        </bs-month-calendar-view>\n      </div>\n\n      <!--years calendar-->\n      <div *ngSwitchCase=\"'year'\" class=\"bs-media-container\">\n        <bs-years-calendar-view\n          *ngFor=\"let calendar of yearsCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"yearHoverHandler($event)\"\n          (onSelect)=\"yearSelectHandler($event)\">\n        </bs-years-calendar-view>\n      </div>\n    </div>\n\n    <!--applycancel buttons-->\n    <div class=\"bs-datepicker-buttons\" *ngIf=\"false\">\n      <button class=\"btn btn-success\" type=\"button\">Apply</button>\n      <button class=\"btn btn-default\" type=\"button\">Cancel</button>\n    </div>\n  </div>\n\n  <!--custom dates or date ranges picker-->\n  <div class=\"bs-datepicker-custom-range\" *ngIf=\"false\">\n    <bs-custom-date-view [ranges]=\"_customRangesFish\"></bs-custom-date-view>\n  </div>\n</div>\n",
+                    template: "<!-- days calendar view mode -->\n<div class=\"bs-datepicker\" [ngClass]=\"containerClass\" *ngIf=\"viewMode | async\">\n  <div class=\"bs-datepicker-container\"\n    [@datepickerAnimation]=\"animationState\"\n    (@datepickerAnimation.done)=\"positionServiceEnable()\">\n    <!--calendars-->\n    <div class=\"bs-calendar-container\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n      <!--days calendar-->\n      <div *ngSwitchCase=\"'day'\" class=\"bs-media-container\">\n        <bs-days-calendar-view\n          *ngFor=\"let calendar of daysCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          [options]=\"options | async\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"dayHoverHandler($event)\"\n          (onHoverWeek)=\"weekHoverHandler($event)\"\n          (onSelect)=\"daySelectHandler($event)\">\n        </bs-days-calendar-view>\n      </div>\n\n      <!--months calendar-->\n      <div *ngSwitchCase=\"'month'\" class=\"bs-media-container\">\n        <bs-month-calendar-view\n          *ngFor=\"let calendar of monthsCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"monthHoverHandler($event)\"\n          (onSelect)=\"monthSelectHandler($event)\">\n        </bs-month-calendar-view>\n      </div>\n\n      <!--years calendar-->\n      <div *ngSwitchCase=\"'year'\" class=\"bs-media-container\">\n        <bs-years-calendar-view\n          *ngFor=\"let calendar of yearsCalendar | async\"\n          [class.bs-datepicker-multiple]=\"(daysCalendar | async)?.length > 1\"\n          [calendar]=\"calendar\"\n          (onNavigate)=\"navigateTo($event)\"\n          (onViewMode)=\"setViewMode($event)\"\n          (onHover)=\"yearHoverHandler($event)\"\n          (onSelect)=\"yearSelectHandler($event)\">\n        </bs-years-calendar-view>\n      </div>\n    </div>\n\n    <!--applycancel buttons-->\n    <div class=\"bs-datepicker-buttons\" *ngIf=\"false\">\n      <button class=\"btn btn-success\" type=\"button\">Apply</button>\n      <button class=\"btn btn-default\" type=\"button\">Cancel</button>\n    </div>\n  </div>\n\n  <!--custom dates or date ranges picker-->\n  <div class=\"bs-datepicker-custom-range\" *ngIf=\"customRanges?.length > 0\">\n    <bs-custom-date-view \n      [selectedRange]=\"chosenRange\" \n      [ranges]=\"customRanges\"\n      (onSelect)=\"setRangeOnCalendar($event)\">\n    </bs-custom-date-view>\n  </div>\n</div>\n",
                     host: {
                         '(click)': '_stopPropagation($event)'
                     },
@@ -3008,11 +3824,6 @@ var BsDaterangepickerInlineDirective = /** @class */ (function () {
     function () {
         var _this = this;
         this.setConfig();
-        this._datepickerRef = this._datepicker
-            .provide({ provide: BsDatepickerConfig, useValue: this._config })
-            .attach(BsDaterangepickerInlineContainerComponent)
-            .to(this._elementRef)
-            .show();
         // if date changes from external source (model -> view)
         this._subs.push(this.bsValueChange.subscribe((/**
          * @param {?} value
@@ -3050,18 +3861,30 @@ var BsDaterangepickerInlineDirective = /** @class */ (function () {
         }
         if (changes.minDate) {
             this._datepickerRef.instance.minDate = this.minDate;
+            this.setConfig();
         }
         if (changes.maxDate) {
             this._datepickerRef.instance.maxDate = this.maxDate;
+            this.setConfig();
+        }
+        if (changes.datesEnabled) {
+            this._datepickerRef.instance.datesEnabled = this.datesEnabled;
         }
         if (changes.datesDisabled) {
             this._datepickerRef.instance.datesDisabled = this.datesDisabled;
+            this.setConfig();
+        }
+        if (changes.daysDisabled) {
+            this._datepickerRef.instance.daysDisabled = this.daysDisabled;
+            this.setConfig();
         }
         if (changes.isDisabled) {
             this._datepickerRef.instance.isDisabled = this.isDisabled;
+            this.setConfig();
         }
         if (changes.dateCustomClasses) {
             this._datepickerRef.instance.dateCustomClasses = this.dateCustomClasses;
+            this.setConfig();
         }
     };
     /**
@@ -3076,14 +3899,25 @@ var BsDaterangepickerInlineDirective = /** @class */ (function () {
      * @return {?}
      */
     function () {
+        if (this._datepicker) {
+            this._datepicker.hide();
+        }
         this._config = Object.assign({}, this._config, this.bsConfig, {
             value: this._bsValue,
             isDisabled: this.isDisabled,
             minDate: this.minDate || this.bsConfig && this.bsConfig.minDate,
             maxDate: this.maxDate || this.bsConfig && this.bsConfig.maxDate,
+            daysDisabled: this.daysDisabled || this.bsConfig && this.bsConfig.daysDisabled,
             dateCustomClasses: this.dateCustomClasses || this.bsConfig && this.bsConfig.dateCustomClasses,
-            datesDisabled: this.datesDisabled || this.bsConfig && this.bsConfig.datesDisabled
+            datesDisabled: this.datesDisabled || this.bsConfig && this.bsConfig.datesDisabled,
+            datesEnabled: this.datesEnabled || this.bsConfig && this.bsConfig.datesEnabled,
+            ranges: this.bsConfig && this.bsConfig.ranges
         });
+        this._datepickerRef = this._datepicker
+            .provide({ provide: BsDatepickerConfig, useValue: this._config })
+            .attach(BsDaterangepickerInlineContainerComponent)
+            .to(this._elementRef)
+            .show();
     };
     /**
      * @return {?}
@@ -3115,11 +3949,84 @@ var BsDaterangepickerInlineDirective = /** @class */ (function () {
         minDate: [{ type: Input }],
         maxDate: [{ type: Input }],
         dateCustomClasses: [{ type: Input }],
+        daysDisabled: [{ type: Input }],
         datesDisabled: [{ type: Input }],
+        datesEnabled: [{ type: Input }],
         bsValueChange: [{ type: Output }]
     };
     return BsDaterangepickerInlineDirective;
 }());
+if (false) {
+    /** @type {?} */
+    BsDaterangepickerInlineDirective.prototype._bsValue;
+    /**
+     * Config object for datepicker
+     * @type {?}
+     */
+    BsDaterangepickerInlineDirective.prototype.bsConfig;
+    /**
+     * Indicates whether datepicker is enabled or not
+     * @type {?}
+     */
+    BsDaterangepickerInlineDirective.prototype.isDisabled;
+    /**
+     * Minimum date which is available for selection
+     * @type {?}
+     */
+    BsDaterangepickerInlineDirective.prototype.minDate;
+    /**
+     * Maximum date which is available for selection
+     * @type {?}
+     */
+    BsDaterangepickerInlineDirective.prototype.maxDate;
+    /**
+     * Date custom classes
+     * @type {?}
+     */
+    BsDaterangepickerInlineDirective.prototype.dateCustomClasses;
+    /**
+     * Disable specific days, e.g. [0,6] will disable all Saturdays and Sundays
+     * @type {?}
+     */
+    BsDaterangepickerInlineDirective.prototype.daysDisabled;
+    /**
+     * Disable specific dates
+     * @type {?}
+     */
+    BsDaterangepickerInlineDirective.prototype.datesDisabled;
+    /**
+     * Disable specific dates
+     * @type {?}
+     */
+    BsDaterangepickerInlineDirective.prototype.datesEnabled;
+    /**
+     * Emits when daterangepicker value has been changed
+     * @type {?}
+     */
+    BsDaterangepickerInlineDirective.prototype.bsValueChange;
+    /**
+     * @type {?}
+     * @protected
+     */
+    BsDaterangepickerInlineDirective.prototype._subs;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerInlineDirective.prototype._datepicker;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerInlineDirective.prototype._datepickerRef;
+    /** @type {?} */
+    BsDaterangepickerInlineDirective.prototype._config;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerInlineDirective.prototype._elementRef;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -3179,6 +4086,19 @@ var BsDatepickerInputDirective = /** @class */ (function () {
             _this._setInputValue(_this._value);
         }));
     }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    BsDatepickerInputDirective.prototype.onKeydownEvent = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        if (event.keyCode === 13 || event.code === 'Enter') {
+            this.hide();
+        }
+    };
     /**
      * @param {?} value
      * @return {?}
@@ -3205,6 +4125,9 @@ var BsDatepickerInputDirective = /** @class */ (function () {
         /* tslint:disable-next-line: no-any*/
         this.writeValue(((/** @type {?} */ (event.target))).value);
         this._onChange(this._value);
+        if (this._picker._config.returnFocusToInput) {
+            this._renderer.selectRootElement(this._elRef.nativeElement).focus();
+        }
         this._onTouched();
     };
     /**
@@ -3229,9 +4152,11 @@ var BsDatepickerInputDirective = /** @class */ (function () {
                 return { bsDate: { invalid: _value } };
             }
             if (this._picker && this._picker.minDate && isBefore(_value, this._picker.minDate, 'date')) {
+                this.writeValue(this._picker.minDate);
                 return { bsDate: { minDate: this._picker.minDate } };
             }
             if (this._picker && this._picker.maxDate && isAfter(_value, this._picker.maxDate, 'date')) {
+                this.writeValue(this._picker.maxDate);
                 return { bsDate: { maxDate: this._picker.maxDate } };
             }
         }
@@ -3330,6 +4255,9 @@ var BsDatepickerInputDirective = /** @class */ (function () {
     function () {
         this._picker.hide();
         this._renderer.selectRootElement(this._elRef.nativeElement).blur();
+        if (this._picker._config.returnFocusToInput) {
+            this._renderer.selectRootElement(this._elRef.nativeElement).focus();
+        }
     };
     BsDatepickerInputDirective.decorators = [
         { type: Directive, args: [{
@@ -3337,6 +4265,7 @@ var BsDatepickerInputDirective = /** @class */ (function () {
                     host: {
                         '(change)': 'onChange($event)',
                         '(keyup.esc)': 'hide()',
+                        '(keydown)': 'onKeydownEvent($event)',
                         '(blur)': 'onBlur()'
                     },
                     providers: [BS_DATEPICKER_VALUE_ACCESSOR, BS_DATEPICKER_VALIDATOR]
@@ -3352,6 +4281,53 @@ var BsDatepickerInputDirective = /** @class */ (function () {
     ]; };
     return BsDatepickerInputDirective;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerInputDirective.prototype._onChange;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerInputDirective.prototype._onTouched;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerInputDirective.prototype._validatorChange;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerInputDirective.prototype._value;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerInputDirective.prototype._picker;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerInputDirective.prototype._localeService;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerInputDirective.prototype._renderer;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerInputDirective.prototype._elRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerInputDirective.prototype.changeDetection;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -3370,6 +4346,10 @@ var BsDaterangepickerConfig = /** @class */ (function (_super) {
     ];
     return BsDaterangepickerConfig;
 }(BsDatepickerConfig));
+if (false) {
+    /** @type {?} */
+    BsDaterangepickerConfig.prototype.displayMonths;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -3378,6 +4358,8 @@ var BsDaterangepickerConfig = /** @class */ (function (_super) {
 var BsDaterangepickerDirective = /** @class */ (function () {
     function BsDaterangepickerDirective(_config, _elementRef, _renderer, _viewContainerRef, cis) {
         this._config = _config;
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
         /**
          * Placement of a daterangepicker. Accepts: "top", "bottom", "left", "right"
          */
@@ -3405,6 +4387,7 @@ var BsDaterangepickerDirective = /** @class */ (function () {
         Object.assign(this, _config);
         this.onShown = this._datepicker.onShown;
         this.onHidden = this._datepicker.onHidden;
+        this.isOpen$ = new BehaviorSubject(this.isOpen);
     }
     Object.defineProperty(BsDaterangepickerDirective.prototype, "isOpen", {
         /**
@@ -3422,12 +4405,7 @@ var BsDaterangepickerDirective = /** @class */ (function () {
          * @return {?}
          */
         function (value) {
-            if (value) {
-                this.show();
-            }
-            else {
-                this.hide();
-            }
+            this.isOpen$.next(value);
         },
         enumerable: true,
         configurable: true
@@ -3459,6 +4437,7 @@ var BsDaterangepickerDirective = /** @class */ (function () {
      */
     function () {
         var _this = this;
+        this.isDestroy$ = new Subject();
         this._datepicker.listen({
             outsideClick: this.outsideClick,
             outsideEsc: this.outsideEsc,
@@ -3491,6 +4470,12 @@ var BsDaterangepickerDirective = /** @class */ (function () {
         if (changes.datesDisabled) {
             this._datepickerRef.instance.datesDisabled = this.datesDisabled;
         }
+        if (changes.datesEnabled) {
+            this._datepickerRef.instance.datesEnabled = this.datesEnabled;
+        }
+        if (changes.daysDisabled) {
+            this._datepickerRef.instance.daysDisabled = this.daysDisabled;
+        }
         if (changes.isDisabled) {
             this._datepickerRef.instance.isDisabled = this.isDisabled;
         }
@@ -3498,6 +4483,24 @@ var BsDaterangepickerDirective = /** @class */ (function () {
             this._datepickerRef.instance.dateCustomClasses = this.dateCustomClasses;
         }
     };
+    /**
+     * @return {?}
+     */
+    BsDaterangepickerDirective.prototype.ngAfterViewInit = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        this.isOpen$.pipe(filter((/**
+         * @param {?} isOpen
+         * @return {?}
+         */
+        function (isOpen) { return isOpen !== _this.isOpen; })), takeUntil(this.isDestroy$))
+            .subscribe((/**
+         * @return {?}
+         */
+        function () { return _this.toggle(); }));
+    };
     /**
      * Opens an element’s datepicker. This is considered a “manual” triggering of
      * the datepicker.
@@ -3565,8 +4568,11 @@ var BsDaterangepickerDirective = /** @class */ (function () {
             isDisabled: this.isDisabled,
             minDate: this.minDate || this.bsConfig && this.bsConfig.minDate,
             maxDate: this.maxDate || this.bsConfig && this.bsConfig.maxDate,
+            daysDisabled: this.daysDisabled || this.bsConfig && this.bsConfig.daysDisabled,
             dateCustomClasses: this.dateCustomClasses || this.bsConfig && this.bsConfig.dateCustomClasses,
-            datesDisabled: this.datesDisabled || this.bsConfig && this.bsConfig.datesDisabled
+            datesDisabled: this.datesDisabled || this.bsConfig && this.bsConfig.datesDisabled,
+            datesEnabled: this.datesEnabled || this.bsConfig && this.bsConfig.datesEnabled,
+            ranges: this.bsConfig && this.bsConfig.ranges
         });
     };
     /**
@@ -3601,6 +4607,9 @@ var BsDaterangepickerDirective = /** @class */ (function () {
             }
             finally { if (e_1) throw e_1.error; }
         }
+        if (this._config.returnFocusToInput) {
+            this._renderer.selectRootElement(this._elementRef.nativeElement).focus();
+        }
     };
     /**
      * Toggles an element’s datepicker. This is considered a “manual” triggering
@@ -3630,6 +4639,11 @@ var BsDaterangepickerDirective = /** @class */ (function () {
      */
     function () {
         this._datepicker.dispose();
+        this.isOpen$.next(false);
+        if (this.isDestroy$) {
+            this.isDestroy$.next();
+            this.isDestroy$.complete();
+        }
     };
     BsDaterangepickerDirective.decorators = [
         { type: Directive, args: [{
@@ -3660,11 +4674,126 @@ var BsDaterangepickerDirective = /** @class */ (function () {
         minDate: [{ type: Input }],
         maxDate: [{ type: Input }],
         dateCustomClasses: [{ type: Input }],
+        daysDisabled: [{ type: Input }],
         datesDisabled: [{ type: Input }],
+        datesEnabled: [{ type: Input }],
         bsValueChange: [{ type: Output }]
     };
     return BsDaterangepickerDirective;
 }());
+if (false) {
+    /**
+     * Placement of a daterangepicker. Accepts: "top", "bottom", "left", "right"
+     * @type {?}
+     */
+    BsDaterangepickerDirective.prototype.placement;
+    /**
+     * Specifies events that should trigger. Supports a space separated list of
+     * event names.
+     * @type {?}
+     */
+    BsDaterangepickerDirective.prototype.triggers;
+    /**
+     * Close daterangepicker on outside click
+     * @type {?}
+     */
+    BsDaterangepickerDirective.prototype.outsideClick;
+    /**
+     * A selector specifying the element the daterangepicker should be appended to.
+     * @type {?}
+     */
+    BsDaterangepickerDirective.prototype.container;
+    /** @type {?} */
+    BsDaterangepickerDirective.prototype.outsideEsc;
+    /**
+     * Emits an event when the daterangepicker is shown
+     * @type {?}
+     */
+    BsDaterangepickerDirective.prototype.onShown;
+    /**
+     * Emits an event when the daterangepicker is hidden
+     * @type {?}
+     */
+    BsDaterangepickerDirective.prototype.onHidden;
+    /** @type {?} */
+    BsDaterangepickerDirective.prototype._bsValue;
+    /** @type {?} */
+    BsDaterangepickerDirective.prototype.isOpen$;
+    /** @type {?} */
+    BsDaterangepickerDirective.prototype.isDestroy$;
+    /**
+     * Config object for daterangepicker
+     * @type {?}
+     */
+    BsDaterangepickerDirective.prototype.bsConfig;
+    /**
+     * Indicates whether daterangepicker's content is enabled or not
+     * @type {?}
+     */
+    BsDaterangepickerDirective.prototype.isDisabled;
+    /**
+     * Minimum date which is available for selection
+     * @type {?}
+     */
+    BsDaterangepickerDirective.prototype.minDate;
+    /**
+     * Maximum date which is available for selection
+     * @type {?}
+     */
+    BsDaterangepickerDirective.prototype.maxDate;
+    /**
+     * Date custom classes
+     * @type {?}
+     */
+    BsDaterangepickerDirective.prototype.dateCustomClasses;
+    /**
+     * Disable specific days, e.g. [0,6] will disable all Saturdays and Sundays
+     * @type {?}
+     */
+    BsDaterangepickerDirective.prototype.daysDisabled;
+    /**
+     * Disable specific dates
+     * @type {?}
+     */
+    BsDaterangepickerDirective.prototype.datesDisabled;
+    /**
+     * Enable specific dates
+     * @type {?}
+     */
+    BsDaterangepickerDirective.prototype.datesEnabled;
+    /**
+     * Emits when daterangepicker value has been changed
+     * @type {?}
+     */
+    BsDaterangepickerDirective.prototype.bsValueChange;
+    /**
+     * @type {?}
+     * @protected
+     */
+    BsDaterangepickerDirective.prototype._subs;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerDirective.prototype._datepicker;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerDirective.prototype._datepickerRef;
+    /** @type {?} */
+    BsDaterangepickerDirective.prototype._config;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerDirective.prototype._elementRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerDirective.prototype._renderer;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -3724,6 +4853,19 @@ var BsDaterangepickerInputDirective = /** @class */ (function () {
             _this._setInputValue(_this._value);
         }));
     }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    BsDaterangepickerInputDirective.prototype.onKeydownEvent = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        if (event.keyCode === 13 || event.code === 'Enter') {
+            this.hide();
+        }
+    };
     /**
      * @param {?} date
      * @return {?}
@@ -3758,6 +4900,9 @@ var BsDaterangepickerInputDirective = /** @class */ (function () {
         /* tslint:disable-next-line: no-any*/
         this.writeValue(((/** @type {?} */ (event.target))).value);
         this._onChange(this._value);
+        if (this._picker._config.returnFocusToInput) {
+            this._renderer.selectRootElement(this._elRef.nativeElement).focus();
+        }
         this._onTouched();
     };
     /**
@@ -3771,9 +4916,18 @@ var BsDaterangepickerInputDirective = /** @class */ (function () {
     function (c) {
         /** @type {?} */
         var _value = c.value;
+        /** @type {?} */
+        var errors = [];
         if (_value === null || _value === undefined || !isArray(_value)) {
             return null;
         }
+        // @ts-ignore
+        _value.sort((/**
+         * @param {?} a
+         * @param {?} b
+         * @return {?}
+         */
+        function (a, b) { return a - b; }));
         /** @type {?} */
         var _isFirstDateValid = isDateValid(_value[0]);
         /** @type {?} */
@@ -3785,10 +4939,16 @@ var BsDaterangepickerInputDirective = /** @class */ (function () {
             return { bsDate: { invalid: _value[1] } };
         }
         if (this._picker && this._picker.minDate && isBefore(_value[0], this._picker.minDate, 'date')) {
-            return { bsDate: { minDate: this._picker.minDate } };
+            _value[0] = this._picker.minDate;
+            errors.push({ bsDate: { minDate: this._picker.minDate } });
         }
         if (this._picker && this._picker.maxDate && isAfter(_value[1], this._picker.maxDate, 'date')) {
-            return { bsDate: { maxDate: this._picker.maxDate } };
+            _value[1] = this._picker.maxDate;
+            errors.push({ bsDate: { maxDate: this._picker.maxDate } });
+        }
+        if (errors.length > 0) {
+            this.writeValue(_value);
+            return errors;
         }
     };
     /**
@@ -3912,6 +5072,9 @@ var BsDaterangepickerInputDirective = /** @class */ (function () {
     function () {
         this._picker.hide();
         this._renderer.selectRootElement(this._elRef.nativeElement).blur();
+        if (this._picker._config.returnFocusToInput) {
+            this._renderer.selectRootElement(this._elRef.nativeElement).focus();
+        }
     };
     BsDaterangepickerInputDirective.decorators = [
         { type: Directive, args: [{
@@ -3919,6 +5082,7 @@ var BsDaterangepickerInputDirective = /** @class */ (function () {
                     host: {
                         '(change)': 'onChange($event)',
                         '(keyup.esc)': 'hide()',
+                        '(keydown)': 'onKeydownEvent($event)',
                         '(blur)': 'onBlur()'
                     },
                     providers: [BS_DATERANGEPICKER_VALUE_ACCESSOR, BS_DATERANGEPICKER_VALIDATOR]
@@ -3934,6 +5098,53 @@ var BsDaterangepickerInputDirective = /** @class */ (function () {
     ]; };
     return BsDaterangepickerInputDirective;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerInputDirective.prototype._onChange;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerInputDirective.prototype._onTouched;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerInputDirective.prototype._validatorChange;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerInputDirective.prototype._value;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerInputDirective.prototype._picker;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerInputDirective.prototype._localeService;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerInputDirective.prototype._renderer;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerInputDirective.prototype._elRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaterangepickerInputDirective.prototype.changeDetection;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -3969,27 +5180,79 @@ var BsCurrentDateViewComponent = /** @class */ (function () {
     };
     return BsCurrentDateViewComponent;
 }());
+if (false) {
+    /** @type {?} */
+    BsCurrentDateViewComponent.prototype.title;
+}
 
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
+/**
+ * @record
+ */
+function BsCustomDates() { }
+if (false) {
+    /** @type {?} */
+    BsCustomDates.prototype.label;
+    /** @type {?} */
+    BsCustomDates.prototype.value;
+}
 var BsCustomDatesViewComponent = /** @class */ (function () {
     function BsCustomDatesViewComponent() {
+        this.onSelect = new EventEmitter();
+        this.customRange = null;
     }
+    /**
+     * @param {?} range
+     * @return {?}
+     */
+    BsCustomDatesViewComponent.prototype.selectFromRanges = /**
+     * @param {?} range
+     * @return {?}
+     */
+    function (range) {
+        this.onSelect.emit(range);
+    };
+    /**
+     * @return {?}
+     */
+    BsCustomDatesViewComponent.prototype.checkRange = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        return this.ranges ? this.ranges.filter((/**
+         * @param {?} range
+         * @return {?}
+         */
+        function (range) { return range.value === _this.selectedRange; })).length > 0 : false;
+    };
     BsCustomDatesViewComponent.decorators = [
         { type: Component, args: [{
                     selector: 'bs-custom-date-view',
-                    template: "\n    <div class=\"bs-datepicker-predefined-btns\">\n      <button *ngFor=\"let range of ranges\" type=\"button\">{{ range.label }}</button>\n      <button *ngIf=\"isCustomRangeShown\" type=\"button\">Custom Range</button>\n    </div>\n  ",
+                    template: "\n    <div class=\"bs-datepicker-predefined-btns\">\n      <button *ngFor=\"let range of ranges\"\n        type=\"button\"\n        class=\"btn\"\n        (click)=\"selectFromRanges(range)\"\n        [class.selected]=\"range.value === selectedRange\">\n        {{ range.label }}\n      </button>\n      <button\n        type=\"button\"\n        class=\"btn\"\n        (click)=\"selectFromRanges(customRange)\"\n        [class.selected]=\"!checkRange()\">\n        Custom Range\n      </button>\n    </div>\n  ",
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }] }
     ];
     BsCustomDatesViewComponent.propDecorators = {
-        isCustomRangeShown: [{ type: Input }],
-        ranges: [{ type: Input }]
+        ranges: [{ type: Input }],
+        selectedRange: [{ type: Input }],
+        onSelect: [{ type: Output }]
     };
     return BsCustomDatesViewComponent;
 }());
+if (false) {
+    /** @type {?} */
+    BsCustomDatesViewComponent.prototype.ranges;
+    /** @type {?} */
+    BsCustomDatesViewComponent.prototype.selectedRange;
+    /** @type {?} */
+    BsCustomDatesViewComponent.prototype.onSelect;
+    /** @type {?} */
+    BsCustomDatesViewComponent.prototype.customRange;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -4056,11 +5319,199 @@ var BsDatepickerDayDecoratorComponent = /** @class */ (function () {
     };
     return BsDatepickerDayDecoratorComponent;
 }());
+if (false) {
+    /** @type {?} */
+    BsDatepickerDayDecoratorComponent.prototype.day;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerDayDecoratorComponent.prototype._config;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerDayDecoratorComponent.prototype._elRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDatepickerDayDecoratorComponent.prototype._renderer;
+}
 
 /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * **************
+ * @record
+ */
+function NavigationViewModel() { }
+if (false) {
+    /** @type {?} */
+    NavigationViewModel.prototype.monthTitle;
+    /** @type {?} */
+    NavigationViewModel.prototype.yearTitle;
+    /** @type {?|undefined} */
+    NavigationViewModel.prototype.hideLeftArrow;
+    /** @type {?|undefined} */
+    NavigationViewModel.prototype.hideRightArrow;
+    /** @type {?|undefined} */
+    NavigationViewModel.prototype.disableLeftArrow;
+    /** @type {?|undefined} */
+    NavigationViewModel.prototype.disableRightArrow;
+}
+/**
+ * @record
+ */
+function CalendarCellViewModel() { }
+if (false) {
+    /** @type {?} */
+    CalendarCellViewModel.prototype.date;
+    /** @type {?} */
+    CalendarCellViewModel.prototype.label;
+    /** @type {?|undefined} */
+    CalendarCellViewModel.prototype.isDisabled;
+    /** @type {?|undefined} */
+    CalendarCellViewModel.prototype.isHovered;
+    /** @type {?|undefined} */
+    CalendarCellViewModel.prototype.isSelected;
+}
+/**
+ * **************
+ * @record
+ */
+function DayViewModel() { }
+if (false) {
+    /** @type {?|undefined} */
+    DayViewModel.prototype.isOtherMonthHovered;
+    /** @type {?|undefined} */
+    DayViewModel.prototype.isOtherMonth;
+    /** @type {?|undefined} */
+    DayViewModel.prototype.isInRange;
+    /** @type {?|undefined} */
+    DayViewModel.prototype.isSelectionStart;
+    /** @type {?|undefined} */
+    DayViewModel.prototype.isSelectionEnd;
+    /** @type {?|undefined} */
+    DayViewModel.prototype.isToday;
+    /** @type {?|undefined} */
+    DayViewModel.prototype.customClasses;
+    /** @type {?|undefined} */
+    DayViewModel.prototype.monthIndex;
+    /** @type {?|undefined} */
+    DayViewModel.prototype.weekIndex;
+    /** @type {?|undefined} */
+    DayViewModel.prototype.dayIndex;
+}
+/**
+ * @record
+ */
+function WeekViewModel() { }
+if (false) {
+    /** @type {?} */
+    WeekViewModel.prototype.days;
+    /** @type {?|undefined} */
+    WeekViewModel.prototype.isHovered;
+}
+/**
+ * @record
+ */
+function DaysCalendarViewModel() { }
+if (false) {
+    /** @type {?} */
+    DaysCalendarViewModel.prototype.weeks;
+    /** @type {?} */
+    DaysCalendarViewModel.prototype.month;
+    /** @type {?} */
+    DaysCalendarViewModel.prototype.weekNumbers;
+    /** @type {?} */
+    DaysCalendarViewModel.prototype.weekdays;
+}
+/**
+ * **************
+ * @record
+ */
+function MonthsCalendarViewModel() { }
+if (false) {
+    /** @type {?} */
+    MonthsCalendarViewModel.prototype.months;
+}
+/**
+ * **************
+ * @record
+ */
+function YearsCalendarViewModel() { }
+if (false) {
+    /** @type {?} */
+    YearsCalendarViewModel.prototype.years;
+}
+/**
+ * **************
+ * @record
+ */
+function DaysCalendarModel() { }
+if (false) {
+    /** @type {?} */
+    DaysCalendarModel.prototype.daysMatrix;
+    /** @type {?} */
+    DaysCalendarModel.prototype.month;
+}
+/**
+ * **************
+ * @record
+ */
+function MonthViewOptions() { }
+if (false) {
+    /** @type {?|undefined} */
+    MonthViewOptions.prototype.width;
+    /** @type {?|undefined} */
+    MonthViewOptions.prototype.height;
+    /** @type {?|undefined} */
+    MonthViewOptions.prototype.firstDayOfWeek;
+}
+/**
+ * **************
+ * @record
+ */
+function DatepickerFormatOptions() { }
+if (false) {
+    /** @type {?} */
+    DatepickerFormatOptions.prototype.locale;
+    /** @type {?} */
+    DatepickerFormatOptions.prototype.monthTitle;
+    /** @type {?} */
+    DatepickerFormatOptions.prototype.yearTitle;
+    /** @type {?} */
+    DatepickerFormatOptions.prototype.dayLabel;
+    /** @type {?} */
+    DatepickerFormatOptions.prototype.monthLabel;
+    /** @type {?} */
+    DatepickerFormatOptions.prototype.yearLabel;
+    /** @type {?} */
+    DatepickerFormatOptions.prototype.weekNumbers;
+}
+/**
+ * @record
  */
+function DatepickerRenderOptions() { }
+if (false) {
+    /** @type {?|undefined} */
+    DatepickerRenderOptions.prototype.showWeekNumbers;
+    /** @type {?|undefined} */
+    DatepickerRenderOptions.prototype.displayMonths;
+}
+/**
+ * @record
+ */
+function DatepickerDateCustomClasses() { }
+if (false) {
+    /** @type {?} */
+    DatepickerDateCustomClasses.prototype.date;
+    /** @type {?} */
+    DatepickerDateCustomClasses.prototype.classes;
+}
 /** @enum {number} */
 var BsNavigationDirection = {
     UP: 0,
@@ -4068,6 +5519,36 @@ var BsNavigationDirection = {
 };
 BsNavigationDirection[BsNavigationDirection.UP] = 'UP';
 BsNavigationDirection[BsNavigationDirection.DOWN] = 'DOWN';
+/**
+ * @record
+ */
+function BsNavigationEvent() { }
+if (false) {
+    /** @type {?|undefined} */
+    BsNavigationEvent.prototype.direction;
+    /** @type {?|undefined} */
+    BsNavigationEvent.prototype.step;
+}
+/**
+ * @record
+ */
+function BsViewNavigationEvent() { }
+if (false) {
+    /** @type {?|undefined} */
+    BsViewNavigationEvent.prototype.unit;
+    /** @type {?} */
+    BsViewNavigationEvent.prototype.viewMode;
+}
+/**
+ * @record
+ */
+function CellHoverEvent() { }
+if (false) {
+    /** @type {?} */
+    CellHoverEvent.prototype.cell;
+    /** @type {?} */
+    CellHoverEvent.prototype.isHovered;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -4104,7 +5585,7 @@ var BsDatepickerNavigationViewComponent = /** @class */ (function () {
         { type: Component, args: [{
                     selector: 'bs-datepicker-navigation-view',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: "\n    <button class=\"previous\"\n            [disabled]=\"calendar.disableLeftArrow\"\n            [style.visibility]=\"calendar.hideLeftArrow ? 'hidden' : 'visible'\"\n            type=\"button\"\n            (click)=\"navTo(true)\">\n      <span>&lsaquo;</span>\n    </button>\n\n    &#8203;  <!-- zero-width space needed for correct alignement\n                  with preserveWhitespaces: false in Angular -->\n\n    <button class=\"current\"\n            *ngIf=\"calendar.monthTitle\"\n            type=\"button\"\n            (click)=\"view('month')\">\n      <span>{{ calendar.monthTitle }}</span>\n    </button>\n\n    &#8203;  <!-- zero-width space needed for correct alignement\n                  with preserveWhitespaces: false in Angular -->\n\n    <button class=\"current\" (click)=\"view('year')\" type=\"button\">\n      <span>{{ calendar.yearTitle }}</span>\n    </button>\n\n    &#8203;  <!-- zero-width space needed for correct alignement\n                  with preserveWhitespaces: false in Angular -->\n\n    <button class=\"next\"\n            [disabled]=\"calendar.disableRightArrow\"\n            [style.visibility]=\"calendar.hideRightArrow ? 'hidden' : 'visible'\"\n            type=\"button\"\n            (click)=\"navTo(false)\"><span>&rsaquo;</span>\n    </button>\n  "
+                    template: "\n    <button class=\"previous\"\n            [disabled]=\"calendar.disableLeftArrow\"\n            [style.visibility]=\"calendar.hideLeftArrow ? 'hidden' : 'visible'\"\n            type=\"button\"\n            (click)=\"navTo(true)\">\n      <span>&lsaquo;</span>\n    </button>\n\n    <ng-container *ngIf=\"calendar.monthTitle\">\n      &#8203;  <!-- zero-width space needed for correct alignement\n                  with preserveWhitespaces: false in Angular -->\n\n      <button class=\"current\"\n            type=\"button\"\n            (click)=\"view('month')\"\n      ><span>{{ calendar.monthTitle }}</span>\n      </button>\n    </ng-container>\n\n    &#8203;  <!-- zero-width space needed for correct alignement\n                  with preserveWhitespaces: false in Angular -->\n\n    <button class=\"current\" (click)=\"view('year')\" type=\"button\">\n      <span>{{ calendar.yearTitle }}</span>\n    </button>\n\n    &#8203;  <!-- zero-width space needed for correct alignement\n                  with preserveWhitespaces: false in Angular -->\n\n    <button class=\"next\"\n            [disabled]=\"calendar.disableRightArrow\"\n            [style.visibility]=\"calendar.hideRightArrow ? 'hidden' : 'visible'\"\n            type=\"button\"\n            (click)=\"navTo(false)\"><span>&rsaquo;</span>\n    </button>\n  "
                 }] }
     ];
     BsDatepickerNavigationViewComponent.propDecorators = {
@@ -4114,6 +5595,14 @@ var BsDatepickerNavigationViewComponent = /** @class */ (function () {
     };
     return BsDatepickerNavigationViewComponent;
 }());
+if (false) {
+    /** @type {?} */
+    BsDatepickerNavigationViewComponent.prototype.calendar;
+    /** @type {?} */
+    BsDatepickerNavigationViewComponent.prototype.onNavigate;
+    /** @type {?} */
+    BsDatepickerNavigationViewComponent.prototype.onViewMode;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -4173,19 +5662,18 @@ var BsDaysCalendarViewComponent = /** @class */ (function () {
      */
     function (week) {
         var _this = this;
-        if (!this._config.selectWeek) {
+        if (!this._config.selectWeek && !this._config.selectWeekDateRange) {
+            return;
+        }
+        if (week.days.length === 0) {
             return;
         }
-        if (week.days
-            && week.days[0]
+        if (this._config.selectWeek && week.days[0]
             && !week.days[0].isDisabled
             && this._config.selectFromOtherMonth) {
             this.onSelect.emit(week.days[0]);
             return;
         }
-        if (week.days.length === 0) {
-            return;
-        }
         /** @type {?} */
         var selectedDay = week.days.find((/**
          * @param {?} day
@@ -4197,6 +5685,21 @@ var BsDaysCalendarViewComponent = /** @class */ (function () {
                 : !day.isOtherMonth && !day.isDisabled;
         }));
         this.onSelect.emit(selectedDay);
+        if (this._config.selectWeekDateRange) {
+            /** @type {?} */
+            var days = week.days.slice(0);
+            /** @type {?} */
+            var lastDayOfRange = days.reverse().find((/**
+             * @param {?} day
+             * @return {?}
+             */
+            function (day) {
+                return _this._config.selectFromOtherMonth
+                    ? !day.isDisabled
+                    : !day.isOtherMonth && !day.isDisabled;
+            }));
+            this.onSelect.emit(lastDayOfRange);
+        }
     };
     /**
      * @param {?} cell
@@ -4210,7 +5713,7 @@ var BsDaysCalendarViewComponent = /** @class */ (function () {
      */
     function (cell, isHovered) {
         var _this = this;
-        if (!this._config.selectWeek) {
+        if (!this._config.selectWeek && !this._config.selectWeekDateRange) {
             return;
         }
         /** @type {?} */
@@ -4267,6 +5770,29 @@ var BsDaysCalendarViewComponent = /** @class */ (function () {
     };
     return BsDaysCalendarViewComponent;
 }());
+if (false) {
+    /** @type {?} */
+    BsDaysCalendarViewComponent.prototype.calendar;
+    /** @type {?} */
+    BsDaysCalendarViewComponent.prototype.options;
+    /** @type {?} */
+    BsDaysCalendarViewComponent.prototype.onNavigate;
+    /** @type {?} */
+    BsDaysCalendarViewComponent.prototype.onViewMode;
+    /** @type {?} */
+    BsDaysCalendarViewComponent.prototype.onSelect;
+    /** @type {?} */
+    BsDaysCalendarViewComponent.prototype.onHover;
+    /** @type {?} */
+    BsDaysCalendarViewComponent.prototype.onHoverWeek;
+    /** @type {?} */
+    BsDaysCalendarViewComponent.prototype.isWeekHovered;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsDaysCalendarViewComponent.prototype._config;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -4342,6 +5868,18 @@ var BsMonthCalendarViewComponent = /** @class */ (function () {
     };
     return BsMonthCalendarViewComponent;
 }());
+if (false) {
+    /** @type {?} */
+    BsMonthCalendarViewComponent.prototype.calendar;
+    /** @type {?} */
+    BsMonthCalendarViewComponent.prototype.onNavigate;
+    /** @type {?} */
+    BsMonthCalendarViewComponent.prototype.onViewMode;
+    /** @type {?} */
+    BsMonthCalendarViewComponent.prototype.onSelect;
+    /** @type {?} */
+    BsMonthCalendarViewComponent.prototype.onHover;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -4361,6 +5899,14 @@ var BsTimepickerViewComponent = /** @class */ (function () {
     ];
     return BsTimepickerViewComponent;
 }());
+if (false) {
+    /** @type {?} */
+    BsTimepickerViewComponent.prototype.ampm;
+    /** @type {?} */
+    BsTimepickerViewComponent.prototype.hours;
+    /** @type {?} */
+    BsTimepickerViewComponent.prototype.minutes;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -4436,24 +5982,23 @@ var BsYearsCalendarViewComponent = /** @class */ (function () {
     };
     return BsYearsCalendarViewComponent;
 }());
+if (false) {
+    /** @type {?} */
+    BsYearsCalendarViewComponent.prototype.calendar;
+    /** @type {?} */
+    BsYearsCalendarViewComponent.prototype.onNavigate;
+    /** @type {?} */
+    BsYearsCalendarViewComponent.prototype.onViewMode;
+    /** @type {?} */
+    BsYearsCalendarViewComponent.prototype.onSelect;
+    /** @type {?} */
+    BsYearsCalendarViewComponent.prototype.onHover;
+}
 
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-/** @type {?} */
-var _exports = [
-    BsDatepickerContainerComponent,
-    BsDatepickerDirective,
-    BsDatepickerInlineContainerComponent,
-    BsDatepickerInlineDirective,
-    BsDatepickerInputDirective,
-    BsDaterangepickerContainerComponent,
-    BsDaterangepickerDirective,
-    BsDaterangepickerInlineContainerComponent,
-    BsDaterangepickerInlineDirective,
-    BsDaterangepickerInputDirective
-];
 var BsDatepickerModule = /** @class */ (function () {
     function BsDatepickerModule() {
     }
@@ -4483,7 +6028,7 @@ var BsDatepickerModule = /** @class */ (function () {
     BsDatepickerModule.decorators = [
         { type: NgModule, args: [{
                     imports: [CommonModule],
-                    declarations: __spread([
+                    declarations: [
                         BsCalendarLayoutComponent,
                         BsCurrentDateViewComponent,
                         BsCustomDatesViewComponent,
@@ -4492,15 +6037,36 @@ var BsDatepickerModule = /** @class */ (function () {
                         BsDaysCalendarViewComponent,
                         BsMonthCalendarViewComponent,
                         BsTimepickerViewComponent,
-                        BsYearsCalendarViewComponent
-                    ], _exports),
+                        BsYearsCalendarViewComponent,
+                        BsDatepickerContainerComponent,
+                        BsDatepickerDirective,
+                        BsDatepickerInlineContainerComponent,
+                        BsDatepickerInlineDirective,
+                        BsDatepickerInputDirective,
+                        BsDaterangepickerContainerComponent,
+                        BsDaterangepickerDirective,
+                        BsDaterangepickerInlineContainerComponent,
+                        BsDaterangepickerInlineDirective,
+                        BsDaterangepickerInputDirective
+                    ],
                     entryComponents: [
                         BsDatepickerContainerComponent,
                         BsDaterangepickerContainerComponent,
                         BsDatepickerInlineContainerComponent,
                         BsDaterangepickerInlineContainerComponent
                     ],
-                    exports: _exports
+                    exports: [
+                        BsDatepickerContainerComponent,
+                        BsDatepickerDirective,
+                        BsDatepickerInlineContainerComponent,
+                        BsDatepickerInlineDirective,
+                        BsDatepickerInputDirective,
+                        BsDaterangepickerContainerComponent,
+                        BsDaterangepickerDirective,
+                        BsDaterangepickerInlineContainerComponent,
+                        BsDaterangepickerInlineDirective,
+                        BsDaterangepickerInputDirective
+                    ]
                 },] }
     ];
     return BsDatepickerModule;
@@ -5035,6 +6601,123 @@ var DatePickerInnerComponent = /** @class */ (function () {
     };
     return DatePickerInnerComponent;
 }());
+if (false) {
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.locale;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.datepickerMode;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.startingDay;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.yearRange;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.minDate;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.maxDate;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.minMode;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.maxMode;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.showWeeks;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.formatDay;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.formatMonth;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.formatYear;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.formatDayHeader;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.formatDayTitle;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.formatMonthTitle;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.onlyCurrentMonth;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.shortcutPropagation;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.customClass;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.monthColLimit;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.yearColLimit;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.dateDisabled;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.dayDisabled;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.initDate;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.selectionDone;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.update;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.activeDateChange;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.stepDay;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.stepMonth;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.stepYear;
+    /** @type {?} */
+    DatePickerInnerComponent.prototype.uniqueId;
+    /**
+     * @type {?}
+     * @protected
+     */
+    DatePickerInnerComponent.prototype.modes;
+    /**
+     * @type {?}
+     * @protected
+     */
+    DatePickerInnerComponent.prototype.dateFormatter;
+    /**
+     * @type {?}
+     * @protected
+     */
+    DatePickerInnerComponent.prototype._activeDate;
+    /**
+     * @type {?}
+     * @protected
+     */
+    DatePickerInnerComponent.prototype.selectedDate;
+    /**
+     * @type {?}
+     * @protected
+     */
+    DatePickerInnerComponent.prototype.activeDateId;
+    /**
+     * @type {?}
+     * @protected
+     */
+    DatePickerInnerComponent.prototype.refreshViewHandlerDay;
+    /**
+     * @type {?}
+     * @protected
+     */
+    DatePickerInnerComponent.prototype.compareHandlerDay;
+    /**
+     * @type {?}
+     * @protected
+     */
+    DatePickerInnerComponent.prototype.refreshViewHandlerMonth;
+    /**
+     * @type {?}
+     * @protected
+     */
+    DatePickerInnerComponent.prototype.compareHandlerMonth;
+    /**
+     * @type {?}
+     * @protected
+     */
+    DatePickerInnerComponent.prototype.refreshViewHandlerYear;
+    /**
+     * @type {?}
+     * @protected
+     */
+    DatePickerInnerComponent.prototype.compareHandlerYear;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -5065,6 +6748,42 @@ var DatepickerConfig = /** @class */ (function () {
     ];
     return DatepickerConfig;
 }());
+if (false) {
+    /** @type {?} */
+    DatepickerConfig.prototype.locale;
+    /** @type {?} */
+    DatepickerConfig.prototype.datepickerMode;
+    /** @type {?} */
+    DatepickerConfig.prototype.startingDay;
+    /** @type {?} */
+    DatepickerConfig.prototype.yearRange;
+    /** @type {?} */
+    DatepickerConfig.prototype.minMode;
+    /** @type {?} */
+    DatepickerConfig.prototype.maxMode;
+    /** @type {?} */
+    DatepickerConfig.prototype.showWeeks;
+    /** @type {?} */
+    DatepickerConfig.prototype.formatDay;
+    /** @type {?} */
+    DatepickerConfig.prototype.formatMonth;
+    /** @type {?} */
+    DatepickerConfig.prototype.formatYear;
+    /** @type {?} */
+    DatepickerConfig.prototype.formatDayHeader;
+    /** @type {?} */
+    DatepickerConfig.prototype.formatDayTitle;
+    /** @type {?} */
+    DatepickerConfig.prototype.formatMonthTitle;
+    /** @type {?} */
+    DatepickerConfig.prototype.onlyCurrentMonth;
+    /** @type {?} */
+    DatepickerConfig.prototype.monthColLimit;
+    /** @type {?} */
+    DatepickerConfig.prototype.yearColLimit;
+    /** @type {?} */
+    DatepickerConfig.prototype.shortcutPropagation;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -5255,6 +6974,143 @@ var DatePickerComponent = /** @class */ (function () {
     };
     return DatePickerComponent;
 }());
+if (false) {
+    /**
+     * sets datepicker mode, supports: `day`, `month`, `year`
+     * @type {?}
+     */
+    DatePickerComponent.prototype.datepickerMode;
+    /**
+     * default date to show if `ng-model` value is not specified
+     * @type {?}
+     */
+    DatePickerComponent.prototype.initDate;
+    /**
+     * oldest selectable date
+     * @type {?}
+     */
+    DatePickerComponent.prototype.minDate;
+    /**
+     * latest selectable date
+     * @type {?}
+     */
+    DatePickerComponent.prototype.maxDate;
+    /**
+     * set lower datepicker mode, supports: `day`, `month`, `year`
+     * @type {?}
+     */
+    DatePickerComponent.prototype.minMode;
+    /**
+     * sets upper datepicker mode, supports: `day`, `month`, `year`
+     * @type {?}
+     */
+    DatePickerComponent.prototype.maxMode;
+    /**
+     * if false week numbers will be hidden
+     * @type {?}
+     */
+    DatePickerComponent.prototype.showWeeks;
+    /**
+     * format of day in month
+     * @type {?}
+     */
+    DatePickerComponent.prototype.formatDay;
+    /**
+     * format of month in year
+     * @type {?}
+     */
+    DatePickerComponent.prototype.formatMonth;
+    /**
+     * format of year in year range
+     * @type {?}
+     */
+    DatePickerComponent.prototype.formatYear;
+    /**
+     * format of day in week header
+     * @type {?}
+     */
+    DatePickerComponent.prototype.formatDayHeader;
+    /**
+     * format of title when selecting day
+     * @type {?}
+     */
+    DatePickerComponent.prototype.formatDayTitle;
+    /**
+     * format of title when selecting month
+     * @type {?}
+     */
+    DatePickerComponent.prototype.formatMonthTitle;
+    /**
+     * starting day of the week from 0-6 (0=Sunday, ..., 6=Saturday)
+     * @type {?}
+     */
+    DatePickerComponent.prototype.startingDay;
+    /**
+     * number of years displayed in year selection
+     * @type {?}
+     */
+    DatePickerComponent.prototype.yearRange;
+    /**
+     * if true only dates from the currently displayed month will be shown
+     * @type {?}
+     */
+    DatePickerComponent.prototype.onlyCurrentMonth;
+    /**
+     * if true shortcut`s event propagation will be disabled
+     * @type {?}
+     */
+    DatePickerComponent.prototype.shortcutPropagation;
+    /**
+     * number of months displayed in a single row of month picker
+     * @type {?}
+     */
+    DatePickerComponent.prototype.monthColLimit;
+    /**
+     * number of years displayed in a single row of year picker
+     * @type {?}
+     */
+    DatePickerComponent.prototype.yearColLimit;
+    /**
+     * array of custom css classes to be applied to targeted dates
+     * @type {?}
+     */
+    DatePickerComponent.prototype.customClass;
+    /**
+     * array of disabled dates
+     * @type {?}
+     */
+    DatePickerComponent.prototype.dateDisabled;
+    /**
+     * disabled days of the week from 0-6 (0=Sunday, ..., 6=Saturday)
+     * @type {?}
+     */
+    DatePickerComponent.prototype.dayDisabled;
+    /** @type {?} */
+    DatePickerComponent.prototype.selectionDone;
+    /**
+     * callback to invoke when the activeDate is changed.
+     * @type {?}
+     */
+    DatePickerComponent.prototype.activeDateChange;
+    /** @type {?} */
+    DatePickerComponent.prototype._datePicker;
+    /** @type {?} */
+    DatePickerComponent.prototype.onChange;
+    /** @type {?} */
+    DatePickerComponent.prototype.onTouched;
+    /** @type {?} */
+    DatePickerComponent.prototype.config;
+    /**
+     * @type {?}
+     * @protected
+     */
+    DatePickerComponent.prototype._now;
+    /**
+     * @type {?}
+     * @protected
+     */
+    DatePickerComponent.prototype._activeDate;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -5427,6 +7283,18 @@ var DayPickerComponent = /** @class */ (function () {
     ]; };
     return DayPickerComponent;
 }());
+if (false) {
+    /** @type {?} */
+    DayPickerComponent.prototype.labels;
+    /** @type {?} */
+    DayPickerComponent.prototype.title;
+    /** @type {?} */
+    DayPickerComponent.prototype.rows;
+    /** @type {?} */
+    DayPickerComponent.prototype.weekNumbers;
+    /** @type {?} */
+    DayPickerComponent.prototype.datePicker;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -5503,6 +7371,16 @@ var MonthPickerComponent = /** @class */ (function () {
     ]; };
     return MonthPickerComponent;
 }());
+if (false) {
+    /** @type {?} */
+    MonthPickerComponent.prototype.title;
+    /** @type {?} */
+    MonthPickerComponent.prototype.rows;
+    /** @type {?} */
+    MonthPickerComponent.prototype.datePicker;
+    /** @type {?} */
+    MonthPickerComponent.prototype.maxMode;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -5589,6 +7467,14 @@ var YearPickerComponent = /** @class */ (function () {
     ]; };
     return YearPickerComponent;
 }());
+if (false) {
+    /** @type {?} */
+    YearPickerComponent.prototype.datePicker;
+    /** @type {?} */
+    YearPickerComponent.prototype.title;
+    /** @type {?} */
+    YearPickerComponent.prototype.rows;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -5629,5 +7515,15 @@ var DatepickerModule = /** @class */ (function () {
     return DatepickerModule;
 }());
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 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, DATEPICKER_CONTROL_VALUE_ACCESSOR as ɵa, BsDatepickerAbstractComponent as ɵb, BsDatepickerStore as ɵc, BsDatepickerEffects as ɵd, BsDatepickerActions as ɵe, datepickerAnimation as ɵf, BsCalendarLayoutComponent as ɵg, BsCurrentDateViewComponent as ɵh, BsCustomDatesViewComponent as ɵi, BsDatepickerDayDecoratorComponent as ɵj, BsDatepickerNavigationViewComponent as ɵk, BsDaysCalendarViewComponent as ɵl, BsMonthCalendarViewComponent as ɵm, BsTimepickerViewComponent as ɵn, BsYearsCalendarViewComponent as ɵo };
 //# sourceMappingURL=ngx-bootstrap-datepicker.js.map