ngx-bootstrap 5.3.2 → 5.6.1

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

@@ -1,7 +1,7 @@
 import { Injectable, EventEmitter, Component, Renderer2, ElementRef, Directive, ViewContainerRef, Input, Output, forwardRef, Host, ChangeDetectorRef, ChangeDetectionStrategy, NgModule, ViewChild } from '@angular/core';
-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 { MiniStore, MiniState } from 'ngx-bootstrap/mini-ngrx';
 import { PositioningService } from 'ngx-bootstrap/positioning';
 import { trigger, state, style, transition, animate } from '@angular/animations';
@@ -32,6 +32,10 @@ class BsDatepickerConfig {
          * 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
@@ -62,6 +66,138 @@ class BsDatepickerConfig {
 BsDatepickerConfig.decorators = [
     { type: Injectable }
 ];
+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
@@ -72,7 +208,7 @@ BsDatepickerConfig.decorators = [
  */
 class BsDatepickerAbstractComponent {
     constructor() {
-        this._customRangesFish = [];
+        this.customRanges = [];
     }
     /**
      * @param {?} value
@@ -102,6 +238,13 @@ class BsDatepickerAbstractComponent {
     set datesDisabled(value) {
         this._effects.setDatesDisabled(value);
     }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    set datesEnabled(value) {
+        this._effects.setDatesEnabled(value);
+    }
     /**
      * @param {?} value
      * @return {?}
@@ -170,6 +313,26 @@ class BsDatepickerAbstractComponent {
         event.stopPropagation();
     }
 }
+if (false) {
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype.containerClass;
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype.isOtherMonthsActive;
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype._effects;
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype.customRanges;
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype.viewMode;
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype.daysCalendar;
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype.monthsCalendar;
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype.yearsCalendar;
+    /** @type {?} */
+    BsDatepickerAbstractComponent.prototype.options;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -305,6 +468,16 @@ class BsDatepickerActions {
             payload: dates
         };
     }
+    /**
+     * @param {?} dates
+     * @return {?}
+     */
+    datesEnabled(dates) {
+        return {
+            type: BsDatepickerActions.SET_DATESENABLED,
+            payload: dates
+        };
+    }
     /**
      * @param {?} value
      * @return {?}
@@ -349,6 +522,7 @@ BsDatepickerActions.SET_MIN_DATE = '[datepicker] set min date';
 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';
@@ -356,6 +530,44 @@ BsDatepickerActions.SELECT_RANGE = '[daterangepicker] select dates range';
 BsDatepickerActions.decorators = [
     { type: Injectable }
 ];
+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
@@ -399,6 +611,23 @@ class BsLocaleService {
 BsLocaleService.decorators = [
     { type: Injectable }
 ];
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    BsLocaleService.prototype._defaultLocale;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsLocaleService.prototype._locale;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsLocaleService.prototype._localeChange;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -454,24 +683,28 @@ class BsDatepickerEffects {
         return this;
     }
     /**
-     * @template THIS
-     * @this {THIS}
      * @param {?} value
-     * @return {THIS}
+     * @return {?}
      */
     setDaysDisabled(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 {?}
      */
     setDatesDisabled(value) {
-        (/** @type {?} */ (this))._store.dispatch((/** @type {?} */ (this))._actions.datesDisabled(value));
-        return (/** @type {?} */ (this));
+        this._store.dispatch(this._actions.datesDisabled(value));
+        return this;
+    }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    setDatesEnabled(value) {
+        this._store.dispatch(this._actions.datesEnabled(value));
+        return this;
     }
     /**
      * @param {?} value
@@ -809,6 +1042,38 @@ BsDatepickerEffects.ctorParameters = () => [
     { type: BsDatepickerActions },
     { type: BsLocaleService }
 ];
+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
@@ -824,6 +1089,88 @@ const 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;
+}
+class 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 {?} */
 const _initialView = { date: new Date(), mode: 'day' };
 /** @type {?} */
@@ -898,7 +1245,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((/**
@@ -907,6 +1254,21 @@ function isDisabledDate(date, datesDisabled) {
      */
     (dateDisabled) => 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 {?}
+     */
+    (enabledDate) => isSame(date, enabledDate, 'date')));
+}
 /**
  * @param {?} state
  * @param {?=} calendarIndex
@@ -922,6 +1284,20 @@ function getYearsCalendarInitialDate(state, calendarIndex = 0) {
  * @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
@@ -1045,6 +1421,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
@@ -1090,7 +1496,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 {?} */
             const currentDate = new Date();
             /** @type {?} */
@@ -1219,6 +1626,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
@@ -1340,6 +1767,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
@@ -1405,10 +1852,10 @@ function bsDatepickerReducer(state = initialDatepickerState, 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);
@@ -1537,11 +1984,15 @@ function bsDatepickerReducer(state = initialDatepickerState, action) {
 function calculateReducer(state) {
     // how many calendars
     /** @type {?} */
-    const displayMonths = state.displayMonths;
+    const displayMonths = (state.displayOneMonthRange &&
+        isDisplayOneMonth(state.view.date, state.minDate, state.maxDate)) ? 1 : state.displayMonths;
     // use selected date on initial rendering if set
     /** @type {?} */
     let viewDate = state.view.date;
     if (state.view.mode === 'day') {
+        if (state.showPreviousMonth && state.selectedRange.length === 0) {
+            viewDate = shiftDate(viewDate, { month: -1 });
+        }
         state.monthViewOptions.firstDayOfWeek = getLocale(state.locale).firstDayOfWeek();
         /** @type {?} */
         const monthsModel = new Array(displayMonths);
@@ -1625,6 +2076,8 @@ function formatReducer(state, action) {
  * @return {?}
  */
 function flagReducer(state, action) {
+    /** @type {?} */
+    const displayMonths = isDisplayOneMonth(state.view.date, state.minDate, state.maxDate) ? 1 : state.displayMonths;
     if (state.view.mode === 'day') {
         /** @type {?} */
         const flaggedMonths = state.formattedMonths.map((/**
@@ -1638,10 +2091,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,
             dateCustomClasses: state.dateCustomClasses,
             monthIndex
         })));
@@ -1660,7 +2114,7 @@ function flagReducer(state, action) {
             maxDate: state.maxDate,
             hoveredMonth: state.hoveredMonth,
             selectedDate: state.selectedDate,
-            displayMonths: state.displayMonths,
+            displayMonths,
             monthIndex
         })));
         return Object.assign({}, state, { flaggedMonthsCalendar });
@@ -1678,7 +2132,7 @@ function flagReducer(state, action) {
             maxDate: state.maxDate,
             hoveredYear: state.hoveredYear,
             selectedDate: state.selectedDate,
-            displayMonths: state.displayMonths,
+            displayMonths,
             yearIndex
         })));
         return Object.assign({}, state, { yearsCalendarFlagged });
@@ -1751,6 +2205,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
@@ -1894,6 +2363,9 @@ class BsDatepickerContainerComponent extends BsDatepickerAbstractComponent {
      * @return {?}
      */
     daySelectHandler(day) {
+        if (!day) {
+            return;
+        }
         /** @type {?} */
         const isDisabled = this.isOtherMonthsActive ? day.isDisabled : (day.isOtherMonth || day.isDisabled);
         if (isDisabled) {
@@ -1915,7 +2387,7 @@ BsDatepickerContainerComponent.decorators = [
     { 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)',
@@ -1935,6 +2407,39 @@ BsDatepickerContainerComponent.ctorParameters = () => [
     { type: BsDatepickerEffects },
     { type: PositioningService }
 ];
+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
@@ -1950,6 +2455,8 @@ class BsDatepickerDirective {
      */
     constructor(_config, _elementRef, _renderer, _viewContainerRef, cis) {
         this._config = _config;
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
         /**
          * Placement of a datepicker. Accepts: "top", "bottom", "left", "right"
          */
@@ -1978,6 +2485,7 @@ class BsDatepickerDirective {
         this._datepicker = cis.createLoader(_elementRef, _viewContainerRef, _renderer);
         this.onShown = this._datepicker.onShown;
         this.onHidden = this._datepicker.onHidden;
+        this.isOpen$ = new BehaviorSubject(this.isOpen);
     }
     /**
      * Returns whether or not the datepicker is currently being shown
@@ -1991,12 +2499,7 @@ class BsDatepickerDirective {
      * @return {?}
      */
     set isOpen(value) {
-        if (value) {
-            this.show();
-        }
-        else {
-            this.hide();
-        }
+        this.isOpen$.next(value);
     }
     /**
      * Initial value of datepicker
@@ -2004,7 +2507,7 @@ class BsDatepickerDirective {
      * @return {?}
      */
     set bsValue(value) {
-        if (this._bsValue === value) {
+        if (this._bsValue && value && this._bsValue.getTime() === value.getTime()) {
             return;
         }
         this._bsValue = value;
@@ -2014,6 +2517,7 @@ class BsDatepickerDirective {
      * @return {?}
      */
     ngOnInit() {
+        this.isDestroy$ = new Subject();
         this._datepicker.listen({
             outsideClick: this.outsideClick,
             outsideEsc: this.outsideEsc,
@@ -2045,6 +2549,9 @@ class BsDatepickerDirective {
         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;
         }
@@ -2052,6 +2559,20 @@ class BsDatepickerDirective {
             this._datepickerRef.instance.dateCustomClasses = this.dateCustomClasses;
         }
     }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.isOpen$.pipe(filter((/**
+         * @param {?} isOpen
+         * @return {?}
+         */
+        isOpen => isOpen !== this.isOpen)), takeUntil(this.isDestroy$))
+            .subscribe((/**
+         * @return {?}
+         */
+        () => this.toggle()));
+    }
     /**
      * Opens an element’s datepicker. This is considered a “manual” triggering of
      * the datepicker.
@@ -2098,6 +2619,9 @@ class BsDatepickerDirective {
         for (const sub of this._subs) {
             sub.unsubscribe();
         }
+        if (this._config.returnFocusToInput) {
+            this._renderer.selectRootElement(this._elementRef.nativeElement).focus();
+        }
     }
     /**
      * Toggles an element’s datepicker. This is considered a “manual” triggering
@@ -2123,6 +2647,7 @@ class BsDatepickerDirective {
             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
         });
     }
@@ -2131,6 +2656,11 @@ class BsDatepickerDirective {
      */
     ngOnDestroy() {
         this._datepicker.dispose();
+        this.isOpen$.next(false);
+        if (this.isDestroy$) {
+            this.isDestroy$.next();
+            this.isDestroy$.complete();
+        }
     }
 }
 BsDatepickerDirective.decorators = [
@@ -2164,9 +2694,128 @@ BsDatepickerDirective.propDecorators = {
     minMode: [{ type: Input }],
     daysDisabled: [{ type: Input }],
     datesDisabled: [{ type: Input }],
+    datesEnabled: [{ type: Input }],
     dateCustomClasses: [{ type: Input }],
     bsValueChange: [{ type: Output }]
 };
+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
@@ -2202,7 +2851,7 @@ BsDatepickerInlineContainerComponent.decorators = [
     { 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)'
                 },
@@ -2261,11 +2910,6 @@ class BsDatepickerInlineDirective {
      */
     ngOnInit() {
         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
@@ -2293,21 +2937,27 @@ class BsDatepickerInlineDirective {
         }
         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();
         }
     }
     /**
@@ -2315,14 +2965,23 @@ class BsDatepickerInlineDirective {
      * @return {?}
      */
     setConfig() {
+        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 {?}
@@ -2352,9 +3011,76 @@ BsDatepickerInlineDirective.propDecorators = {
     minDate: [{ type: Input }],
     maxDate: [{ type: Input }],
     dateCustomClasses: [{ type: Input }],
+    datesEnabled: [{ type: Input }],
     datesDisabled: [{ type: Input }],
     bsValueChange: [{ type: Output }]
 };
+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
@@ -2374,6 +3100,15 @@ class BsDaterangepickerInlineConfig extends BsDatepickerConfig {
 BsDaterangepickerInlineConfig.decorators = [
     { type: Injectable }
 ];
+if (false) {
+    /** @type {?} */
+    BsDaterangepickerInlineConfig.prototype.displayMonths;
+    /**
+     * turn on/off animation
+     * @type {?}
+     */
+    BsDaterangepickerInlineConfig.prototype.isAnimated;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -2399,8 +3134,10 @@ class BsDaterangepickerContainerComponent extends BsDatepickerAbstractComponent
         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');
     }
@@ -2456,7 +3193,10 @@ class BsDaterangepickerContainerComponent extends BsDatepickerAbstractComponent
          * @param {?} date
          * @return {?}
          */
-        date => this.valueChange.emit(date))));
+        date => {
+            this.valueChange.emit(date);
+            this.chosenRange = date;
+        })));
     }
     /**
      * @return {?}
@@ -2475,6 +3215,9 @@ class BsDaterangepickerContainerComponent extends BsDatepickerAbstractComponent
      * @return {?}
      */
     daySelectHandler(day) {
+        if (!day) {
+            return;
+        }
         /** @type {?} */
         const isDisabled = this.isOtherMonthsActive ? day.isDisabled : (day.isOtherMonth || day.isDisabled);
         if (isDisabled) {
@@ -2508,12 +3251,20 @@ class BsDaterangepickerContainerComponent extends BsDatepickerAbstractComponent
         }
         this._effects.destroy();
     }
+    /**
+     * @param {?} dates
+     * @return {?}
+     */
+    setRangeOnCalendar(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)',
@@ -2533,6 +3284,43 @@ BsDaterangepickerContainerComponent.ctorParameters = () => [
     { type: BsDatepickerEffects },
     { type: PositioningService }
 ];
+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
@@ -2558,7 +3346,7 @@ BsDaterangepickerInlineContainerComponent.decorators = [
     { 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)'
                 },
@@ -2617,11 +3405,6 @@ class BsDaterangepickerInlineDirective {
      */
     ngOnInit() {
         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
@@ -2655,18 +3438,30 @@ class BsDaterangepickerInlineDirective {
         }
         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();
         }
     }
     /**
@@ -2674,14 +3469,25 @@ class BsDaterangepickerInlineDirective {
      * @return {?}
      */
     setConfig() {
+        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 {?}
@@ -2711,9 +3517,82 @@ BsDaterangepickerInlineDirective.propDecorators = {
     minDate: [{ type: Input }],
     maxDate: [{ type: Input }],
     dateCustomClasses: [{ type: Input }],
+    daysDisabled: [{ type: Input }],
     datesDisabled: [{ type: Input }],
+    datesEnabled: [{ type: Input }],
     bsValueChange: [{ type: Output }]
 };
+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
@@ -2779,6 +3658,15 @@ class BsDatepickerInputDirective {
             this._setInputValue(this._value);
         }));
     }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    onKeydownEvent(event) {
+        if (event.keyCode === 13 || event.code === 'Enter') {
+            this.hide();
+        }
+    }
     /**
      * @param {?} value
      * @return {?}
@@ -2797,6 +3685,9 @@ class BsDatepickerInputDirective {
         /* 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();
     }
     /**
@@ -2817,9 +3708,11 @@ class BsDatepickerInputDirective {
                 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 } };
             }
         }
@@ -2892,6 +3785,9 @@ class BsDatepickerInputDirective {
     hide() {
         this._picker.hide();
         this._renderer.selectRootElement(this._elRef.nativeElement).blur();
+        if (this._picker._config.returnFocusToInput) {
+            this._renderer.selectRootElement(this._elRef.nativeElement).focus();
+        }
     }
 }
 BsDatepickerInputDirective.decorators = [
@@ -2900,6 +3796,7 @@ BsDatepickerInputDirective.decorators = [
                 host: {
                     '(change)': 'onChange($event)',
                     '(keyup.esc)': 'hide()',
+                    '(keydown)': 'onKeydownEvent($event)',
                     '(blur)': 'onBlur()'
                 },
                 providers: [BS_DATEPICKER_VALUE_ACCESSOR, BS_DATEPICKER_VALIDATOR]
@@ -2913,6 +3810,53 @@ BsDatepickerInputDirective.ctorParameters = () => [
     { type: ElementRef },
     { type: ChangeDetectorRef }
 ];
+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
@@ -2928,6 +3872,10 @@ class BsDaterangepickerConfig extends BsDatepickerConfig {
 BsDaterangepickerConfig.decorators = [
     { type: Injectable }
 ];
+if (false) {
+    /** @type {?} */
+    BsDaterangepickerConfig.prototype.displayMonths;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -2943,6 +3891,8 @@ class BsDaterangepickerDirective {
      */
     constructor(_config, _elementRef, _renderer, _viewContainerRef, cis) {
         this._config = _config;
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
         /**
          * Placement of a daterangepicker. Accepts: "top", "bottom", "left", "right"
          */
@@ -2970,6 +3920,7 @@ class BsDaterangepickerDirective {
         Object.assign(this, _config);
         this.onShown = this._datepicker.onShown;
         this.onHidden = this._datepicker.onHidden;
+        this.isOpen$ = new BehaviorSubject(this.isOpen);
     }
     /**
      * Returns whether or not the daterangepicker is currently being shown
@@ -2983,12 +3934,7 @@ class BsDaterangepickerDirective {
      * @return {?}
      */
     set isOpen(value) {
-        if (value) {
-            this.show();
-        }
-        else {
-            this.hide();
-        }
+        this.isOpen$.next(value);
     }
     /**
      * Initial value of daterangepicker
@@ -3006,6 +3952,7 @@ class BsDaterangepickerDirective {
      * @return {?}
      */
     ngOnInit() {
+        this.isDestroy$ = new Subject();
         this._datepicker.listen({
             outsideClick: this.outsideClick,
             outsideEsc: this.outsideEsc,
@@ -3034,6 +3981,12 @@ class BsDaterangepickerDirective {
         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;
         }
@@ -3041,6 +3994,20 @@ class BsDaterangepickerDirective {
             this._datepickerRef.instance.dateCustomClasses = this.dateCustomClasses;
         }
     }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.isOpen$.pipe(filter((/**
+         * @param {?} isOpen
+         * @return {?}
+         */
+        isOpen => isOpen !== this.isOpen)), takeUntil(this.isDestroy$))
+            .subscribe((/**
+         * @return {?}
+         */
+        () => this.toggle()));
+    }
     /**
      * Opens an element’s datepicker. This is considered a “manual” triggering of
      * the datepicker.
@@ -3091,8 +4058,11 @@ class BsDaterangepickerDirective {
             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
         });
     }
     /**
@@ -3107,6 +4077,9 @@ class BsDaterangepickerDirective {
         for (const sub of this._subs) {
             sub.unsubscribe();
         }
+        if (this._config.returnFocusToInput) {
+            this._renderer.selectRootElement(this._elementRef.nativeElement).focus();
+        }
     }
     /**
      * Toggles an element’s datepicker. This is considered a “manual” triggering
@@ -3124,6 +4097,11 @@ class BsDaterangepickerDirective {
      */
     ngOnDestroy() {
         this._datepicker.dispose();
+        this.isOpen$.next(false);
+        if (this.isDestroy$) {
+            this.isDestroy$.next();
+            this.isDestroy$.complete();
+        }
     }
 }
 BsDaterangepickerDirective.decorators = [
@@ -3155,9 +4133,124 @@ BsDaterangepickerDirective.propDecorators = {
     minDate: [{ type: Input }],
     maxDate: [{ type: Input }],
     dateCustomClasses: [{ type: Input }],
+    daysDisabled: [{ type: Input }],
     datesDisabled: [{ type: Input }],
+    datesEnabled: [{ type: Input }],
     bsValueChange: [{ type: Output }]
 };
+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
@@ -3223,6 +4316,15 @@ class BsDaterangepickerInputDirective {
             this._setInputValue(this._value);
         }));
     }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    onKeydownEvent(event) {
+        if (event.keyCode === 13 || event.code === 'Enter') {
+            this.hide();
+        }
+    }
     /**
      * @param {?} date
      * @return {?}
@@ -3249,6 +4351,9 @@ class BsDaterangepickerInputDirective {
         /* 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();
     }
     /**
@@ -3258,9 +4363,18 @@ class BsDaterangepickerInputDirective {
     validate(c) {
         /** @type {?} */
         const _value = c.value;
+        /** @type {?} */
+        const errors = [];
         if (_value === null || _value === undefined || !isArray(_value)) {
             return null;
         }
+        // @ts-ignore
+        _value.sort((/**
+         * @param {?} a
+         * @param {?} b
+         * @return {?}
+         */
+        (a, b) => a - b));
         /** @type {?} */
         const _isFirstDateValid = isDateValid(_value[0]);
         /** @type {?} */
@@ -3272,10 +4386,16 @@ class BsDaterangepickerInputDirective {
             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;
         }
     }
     /**
@@ -3368,6 +4488,9 @@ class BsDaterangepickerInputDirective {
     hide() {
         this._picker.hide();
         this._renderer.selectRootElement(this._elRef.nativeElement).blur();
+        if (this._picker._config.returnFocusToInput) {
+            this._renderer.selectRootElement(this._elRef.nativeElement).focus();
+        }
     }
 }
 BsDaterangepickerInputDirective.decorators = [
@@ -3376,6 +4499,7 @@ BsDaterangepickerInputDirective.decorators = [
                 host: {
                     '(change)': 'onChange($event)',
                     '(keyup.esc)': 'hide()',
+                    '(keydown)': 'onKeydownEvent($event)',
                     '(blur)': 'onBlur()'
                 },
                 providers: [BS_DATERANGEPICKER_VALUE_ACCESSOR, BS_DATERANGEPICKER_VALIDATOR]
@@ -3389,6 +4513,53 @@ BsDaterangepickerInputDirective.ctorParameters = () => [
     { type: ElementRef },
     { type: ChangeDetectorRef }
 ];
+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
@@ -3433,29 +4604,87 @@ BsCurrentDateViewComponent.decorators = [
 BsCurrentDateViewComponent.propDecorators = {
     title: [{ type: Input }]
 };
+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;
+}
 class BsCustomDatesViewComponent {
+    constructor() {
+        this.onSelect = new EventEmitter();
+        this.customRange = null;
+    }
+    /**
+     * @param {?} range
+     * @return {?}
+     */
+    selectFromRanges(range) {
+        this.onSelect.emit(range);
+    }
+    /**
+     * @return {?}
+     */
+    checkRange() {
+        return this.ranges ? this.ranges.filter((/**
+         * @param {?} range
+         * @return {?}
+         */
+        range => range.value === this.selectedRange)).length > 0 : false;
+    }
 }
 BsCustomDatesViewComponent.decorators = [
     { type: Component, args: [{
                 selector: 'bs-custom-date-view',
                 template: `
     <div class="bs-datepicker-predefined-btns">
-      <button *ngFor="let range of ranges" type="button">{{ range.label }}</button>
-      <button *ngIf="isCustomRangeShown" type="button">Custom Range</button>
+      <button *ngFor="let range of ranges"
+        type="button"
+        class="btn"
+        (click)="selectFromRanges(range)"
+        [class.selected]="range.value === selectedRange">
+        {{ range.label }}
+      </button>
+      <button
+        type="button"
+        class="btn"
+        (click)="selectFromRanges(customRange)"
+        [class.selected]="!checkRange()">
+        Custom Range
+      </button>
     </div>
   `,
                 changeDetection: ChangeDetectionStrategy.OnPush
             }] }
 ];
 BsCustomDatesViewComponent.propDecorators = {
-    isCustomRangeShown: [{ type: Input }],
-    ranges: [{ type: Input }]
+    ranges: [{ type: Input }],
+    selectedRange: [{ type: Input }],
+    onSelect: [{ type: Output }]
 };
+if (false) {
+    /** @type {?} */
+    BsCustomDatesViewComponent.prototype.ranges;
+    /** @type {?} */
+    BsCustomDatesViewComponent.prototype.selectedRange;
+    /** @type {?} */
+    BsCustomDatesViewComponent.prototype.onSelect;
+    /** @type {?} */
+    BsCustomDatesViewComponent.prototype.customRange;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -3522,11 +4751,199 @@ BsDatepickerDayDecoratorComponent.ctorParameters = () => [
 BsDatepickerDayDecoratorComponent.propDecorators = {
     day: [{ type: Input }]
 };
+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} */
 const BsNavigationDirection = {
     UP: 0,
@@ -3534,6 +4951,36 @@ const 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
@@ -3572,15 +5019,16 @@ BsDatepickerNavigationViewComponent.decorators = [
       <span>&lsaquo;</span>
     </button>
 
-    &#8203;  <!-- zero-width space needed for correct alignement
+    <ng-container *ngIf="calendar.monthTitle">
+      &#8203;  <!-- zero-width space needed for correct alignement
                   with preserveWhitespaces: false in Angular -->
 
-    <button class="current"
-            *ngIf="calendar.monthTitle"
+      <button class="current"
             type="button"
-            (click)="view('month')">
-      <span>{{ calendar.monthTitle }}</span>
-    </button>
+            (click)="view('month')"
+      ><span>{{ calendar.monthTitle }}</span>
+      </button>
+    </ng-container>
 
     &#8203;  <!-- zero-width space needed for correct alignement
                   with preserveWhitespaces: false in Angular -->
@@ -3606,6 +5054,14 @@ BsDatepickerNavigationViewComponent.propDecorators = {
     onNavigate: [{ type: Output }],
     onViewMode: [{ type: Output }]
 };
+if (false) {
+    /** @type {?} */
+    BsDatepickerNavigationViewComponent.prototype.calendar;
+    /** @type {?} */
+    BsDatepickerNavigationViewComponent.prototype.onNavigate;
+    /** @type {?} */
+    BsDatepickerNavigationViewComponent.prototype.onViewMode;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -3651,19 +5107,18 @@ class BsDaysCalendarViewComponent {
      * @return {?}
      */
     selectWeek(week) {
-        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 {?} */
         const selectedDay = week.days.find((/**
          * @param {?} day
@@ -3675,6 +5130,21 @@ class BsDaysCalendarViewComponent {
                 : !day.isOtherMonth && !day.isDisabled;
         }));
         this.onSelect.emit(selectedDay);
+        if (this._config.selectWeekDateRange) {
+            /** @type {?} */
+            const days = week.days.slice(0);
+            /** @type {?} */
+            const lastDayOfRange = days.reverse().find((/**
+             * @param {?} day
+             * @return {?}
+             */
+            (day) => {
+                return this._config.selectFromOtherMonth
+                    ? !day.isDisabled
+                    : !day.isOtherMonth && !day.isDisabled;
+            }));
+            this.onSelect.emit(lastDayOfRange);
+        }
     }
     /**
      * @param {?} cell
@@ -3682,7 +5152,7 @@ class BsDaysCalendarViewComponent {
      * @return {?}
      */
     weekHoverHandler(cell, isHovered) {
-        if (!this._config.selectWeek) {
+        if (!this._config.selectWeek && !this._config.selectWeekDateRange) {
             return;
         }
         /** @type {?} */
@@ -3772,6 +5242,29 @@ BsDaysCalendarViewComponent.propDecorators = {
     onHover: [{ type: Output }],
     onHoverWeek: [{ type: Output }]
 };
+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
@@ -3852,6 +5345,18 @@ BsMonthCalendarViewComponent.propDecorators = {
     onSelect: [{ type: Output }],
     onHover: [{ type: Output }]
 };
+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
@@ -3888,6 +5393,14 @@ BsTimepickerViewComponent.decorators = [
   `
             }] }
 ];
+if (false) {
+    /** @type {?} */
+    BsTimepickerViewComponent.prototype.ampm;
+    /** @type {?} */
+    BsTimepickerViewComponent.prototype.hours;
+    /** @type {?} */
+    BsTimepickerViewComponent.prototype.minutes;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -3968,24 +5481,23 @@ BsYearsCalendarViewComponent.propDecorators = {
     onSelect: [{ type: Output }],
     onHover: [{ type: Output }]
 };
+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 {?} */
-const _exports = [
-    BsDatepickerContainerComponent,
-    BsDatepickerDirective,
-    BsDatepickerInlineContainerComponent,
-    BsDatepickerInlineDirective,
-    BsDatepickerInputDirective,
-    BsDaterangepickerContainerComponent,
-    BsDaterangepickerDirective,
-    BsDaterangepickerInlineContainerComponent,
-    BsDaterangepickerInlineDirective,
-    BsDaterangepickerInputDirective
-];
 class BsDatepickerModule {
     /**
      * @return {?}
@@ -4021,7 +5533,16 @@ BsDatepickerModule.decorators = [
                     BsMonthCalendarViewComponent,
                     BsTimepickerViewComponent,
                     BsYearsCalendarViewComponent,
-                    ..._exports
+                    BsDatepickerContainerComponent,
+                    BsDatepickerDirective,
+                    BsDatepickerInlineContainerComponent,
+                    BsDatepickerInlineDirective,
+                    BsDatepickerInputDirective,
+                    BsDaterangepickerContainerComponent,
+                    BsDaterangepickerDirective,
+                    BsDaterangepickerInlineContainerComponent,
+                    BsDaterangepickerInlineDirective,
+                    BsDaterangepickerInputDirective
                 ],
                 entryComponents: [
                     BsDatepickerContainerComponent,
@@ -4029,7 +5550,18 @@ BsDatepickerModule.decorators = [
                     BsDatepickerInlineContainerComponent,
                     BsDaterangepickerInlineContainerComponent
                 ],
-                exports: _exports
+                exports: [
+                    BsDatepickerContainerComponent,
+                    BsDatepickerDirective,
+                    BsDatepickerInlineContainerComponent,
+                    BsDatepickerInlineDirective,
+                    BsDatepickerInputDirective,
+                    BsDaterangepickerContainerComponent,
+                    BsDaterangepickerDirective,
+                    BsDaterangepickerInlineContainerComponent,
+                    BsDaterangepickerInlineDirective,
+                    BsDaterangepickerInputDirective
+                ]
             },] }
 ];
 
@@ -4437,6 +5969,123 @@ DatePickerInnerComponent.propDecorators = {
     activeDateChange: [{ type: Output }],
     activeDate: [{ type: Input }]
 };
+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
@@ -4466,6 +6115,42 @@ class DatepickerConfig {
 DatepickerConfig.decorators = [
     { type: Injectable }
 ];
+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
@@ -4654,6 +6339,143 @@ DatePickerComponent.propDecorators = {
     activeDateChange: [{ type: Output }],
     _datePicker: [{ type: ViewChild, args: [DatePickerInnerComponent, { static: true },] }]
 };
+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
@@ -4876,6 +6698,18 @@ DayPickerComponent.decorators = [
 DayPickerComponent.ctorParameters = () => [
     { type: DatePickerInnerComponent }
 ];
+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
@@ -4986,6 +6820,16 @@ MonthPickerComponent.decorators = [
 MonthPickerComponent.ctorParameters = () => [
     { type: DatePickerInnerComponent }
 ];
+if (false) {
+    /** @type {?} */
+    MonthPickerComponent.prototype.title;
+    /** @type {?} */
+    MonthPickerComponent.prototype.rows;
+    /** @type {?} */
+    MonthPickerComponent.prototype.datePicker;
+    /** @type {?} */
+    MonthPickerComponent.prototype.maxMode;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -5102,6 +6946,14 @@ YearPickerComponent.decorators = [
 YearPickerComponent.ctorParameters = () => [
     { type: DatePickerInnerComponent }
 ];
+if (false) {
+    /** @type {?} */
+    YearPickerComponent.prototype.datePicker;
+    /** @type {?} */
+    YearPickerComponent.prototype.title;
+    /** @type {?} */
+    YearPickerComponent.prototype.rows;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -5136,5 +6988,15 @@ DatepickerModule.decorators = [
             },] }
 ];
 
+/**
+ * @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