[FIX] web: update moment and datepicker library also add a controller to lazily load locale

3 files changed, 574 insertions, 389 deletions

diff --git a/addons/web/static/lib/bootstrap-datetimepicker/src/js/bootstrap-datetimepicker.js b/addons/web/static/lib/bootstrap-datetimepicker/src/js/bootstrap-datetimepicker.js
index 9a5217fa75c..8619c44a7d6 100644
--- a/addons/web/static/lib/bootstrap-datetimepicker/src/js/bootstrap-datetimepicker.js
+++ b/addons/web/static/lib/bootstrap-datetimepicker/src/js/bootstrap-datetimepicker.js
@@ -1,5 +1,5 @@
 /*
-Version 3.0.0
+//! version : 3.0.3
 =========================================================
 bootstrap-datetimepicker.js
 https://github.com/Eonasdan/bootstrap-datetimepicker
@@ -26,48 +26,45 @@ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 */
-; (function (factory) {
+;(function (root, factory) {
+    'use strict';
     if (typeof define === 'function' && define.amd) {
         // AMD is used - Register as an anonymous module.
         define(['jquery', 'moment'], factory);
     } else {
         // AMD is not used - Attempt to fetch dependencies from scope.
         if (!jQuery) {
-            throw 'bootstrap-datetimepicker requires jQuery to be loaded first';
-        } else if (!moment) {
-            throw 'bootstrap-datetimepicker requires moment.js to be loaded first';
-        } else {
-            factory(jQuery, moment);
+            throw new Error('bootstrap-datetimepicker requires jQuery to be loaded first');
         }
+        if (!moment) {
+            throw new Error('bootstrap-datetimepicker requires moment.js to be loaded first');
+        }
+        factory(root.jQuery, moment);
     }
-}
-
-(function ($, moment) {
+}(this, function ($, moment) {
+    'use strict';
     if (typeof moment === 'undefined') {
-        alert("momentjs is requried");
         throw new Error('momentjs is required');
-    };
+    }
 
     var dpgId = 0,
 
-    pMoment = moment,
-
-// ReSharper disable once InconsistentNaming
     DateTimePicker = function (element, options) {
         var defaults = $.fn.datetimepicker.defaults,
 
-	icons = {
-	    time: 'glyphicon glyphicon-time',
-	    date: 'glyphicon glyphicon-calendar',
-	    up: 'glyphicon glyphicon-chevron-up',
-	    down: 'glyphicon glyphicon-chevron-down'
-	},
+            icons = {
+                time: 'glyphicon glyphicon-time',
+                date: 'glyphicon glyphicon-calendar',
+                up: 'glyphicon glyphicon-chevron-up',
+                down: 'glyphicon glyphicon-chevron-down'
+            },
 
-        picker = this,
+            picker = this,
 
-        init = function () {
+            dDate,
 
-            var icon = false, i, dDate, longDateFormat;
+        init = function () {
+            var icon = false, localeData, rInterval;
             picker.options = $.extend({}, defaults, options);
             picker.options.icons = $.extend({}, icons, picker.options.icons);
 
@@ -75,19 +72,20 @@ THE SOFTWARE.
 
             dataToOptions();
 
-            if (!(picker.options.pickTime || picker.options.pickDate))
+            if (!(picker.options.pickTime || picker.options.pickDate)) {
                 throw new Error('Must choose at least one picker');
+            }
 
             picker.id = dpgId++;
-            pMoment.lang(picker.options.language);
-            picker.date = pMoment();
+            moment.locale(picker.options.language);
+            picker.date = moment();
             picker.unset = false;
             picker.isInput = picker.element.is('input');
             picker.component = false;
 
             if (picker.element.hasClass('input-group')) {
-                if (picker.element.find('.datepickerbutton').size() == 0) {//in case there is more then one 'input-group-addon' Issue #48
-                    picker.component = picker.element.find("[class^='input-group-']");
+                if (picker.element.find('.datepickerbutton').size() === 0) {//in case there is more then one 'input-group-addon' Issue #48
+                    picker.component = picker.element.find('[class^="input-group-"]');
                 }
                 else {
                     picker.component = picker.element.find('.datepickerbutton');
@@ -95,27 +93,33 @@ THE SOFTWARE.
             }
             picker.format = picker.options.format;
 
-            longDateFormat = pMoment()._lang._longDateFormat;
+            localeData = moment().localeData();
 
             if (!picker.format) {
-                picker.format = (picker.options.pickDate ? longDateFormat.L : '');
-                if (picker.options.pickDate && picker.options.pickTime) picker.format += ' ';
-                picker.format += (picker.options.pickTime ? longDateFormat.LT : '');
+                picker.format = (picker.options.pickDate ? localeData.longDateFormat('L') : '');
+                if (picker.options.pickDate && picker.options.pickTime) {
+                    picker.format += ' ';
+                }
+                picker.format += (picker.options.pickTime ? localeData.longDateFormat('LT') : '');
                 if (picker.options.useSeconds) {
-                    if (~longDateFormat.LT.indexOf(' A')) {
-                        picker.format = picker.format.split(" A")[0] + ":ss A";
+                    if (localeData.longDateFormat('LT').indexOf(' A') !== -1) {
+                        picker.format = picker.format.split(' A')[0] + ':ss A';
                     }
                     else {
                         picker.format += ':ss';
                     }
                 }
             }
-            picker.use24hours = picker.format.toLowerCase().indexOf("a") < 1;
+            picker.use24hours = picker.format.toLowerCase().indexOf('a') < 1;
 
-            if (picker.component) icon = picker.component.find('span');
+            if (picker.component) {
+                icon = picker.component.find('span');
+            }
 
             if (picker.options.pickTime) {
-                if (icon) icon.addClass(picker.options.icons.time);
+                if (icon) {
+                    icon.addClass(picker.options.icons.time);
+                }
             }
             if (picker.options.pickDate) {
                 if (icon) {
@@ -124,11 +128,14 @@ THE SOFTWARE.
                 }
             }
 
-            picker.widget = $(getTemplate()).appendTo('body');
+            picker.options.widgetParent =
+                typeof picker.options.widgetParent === 'string' && picker.options.widgetParent ||
+                picker.element.parents().filter(function () {
+                    return 'scroll' === $(this).css('overflow-y');
+                }).get(0) ||
+                'body';
 
-            if (picker.options.useSeconds && !picker.use24hours) {
-                picker.widget.width(300);
-            }
+            picker.widget = $(getTemplate()).appendTo(picker.options.widgetParent);
 
             picker.minViewMode = picker.options.minViewMode || 0;
             if (typeof picker.minViewMode === 'string') {
@@ -159,6 +166,8 @@ THE SOFTWARE.
                 }
             }
 
+            picker.viewMode = Math.max(picker.viewMode, picker.minViewMode);
+
             picker.options.disabledDates = indexGivenDates(picker.options.disabledDates);
             picker.options.enabledDates = indexGivenDates(picker.options.enabledDates);
 
@@ -173,68 +182,130 @@ THE SOFTWARE.
             update();
             showMode();
             attachDatePickerEvents();
-            if (picker.options.defaultDate !== "" && getPickerInput().val() == "") picker.setValue(picker.options.defaultDate);
+            if (picker.options.defaultDate !== '' && getPickerInput().val() === '') {
+                picker.setValue(picker.options.defaultDate);
+            }
             if (picker.options.minuteStepping !== 1) {
-                var rInterval = picker.options.minuteStepping;
+                rInterval = picker.options.minuteStepping;
                 picker.date.minutes((Math.round(picker.date.minutes() / rInterval) * rInterval) % 60).seconds(0);
             }
         },
 
         getPickerInput = function () {
+            var input;
+
             if (picker.isInput) {
                 return picker.element;
-            } else {
-                return dateStr = picker.element.find('input');
             }
+            input = picker.element.find('.datepickerinput');
+            if (input.size() === 0) {
+                input = picker.element.find('input');
+            }
+            else if (!input.is('input')) {
+                throw new Error('CSS class "datepickerinput" cannot be applied to non input element');
+            }
+            return input;
         },
 
         dataToOptions = function () {
-            var eData
+            var eData;
             if (picker.element.is('input')) {
                 eData = picker.element.data();
             }
             else {
-                eData = picker.element.data();
+                eData = picker.element.find('input').data();
+            }
+            if (eData.dateFormat !== undefined) {
+                picker.options.format = eData.dateFormat;
+            }
+            if (eData.datePickdate !== undefined) {
+                picker.options.pickDate = eData.datePickdate;
+            }
+            if (eData.datePicktime !== undefined) {
+                picker.options.pickTime = eData.datePicktime;
+            }
+            if (eData.dateUseminutes !== undefined) {
+                picker.options.useMinutes = eData.dateUseminutes;
             }
-            if (eData.dateFormat !== undefined) picker.options.format = eData.dateFormat;
-            if (eData.datePickdate !== undefined) picker.options.pickDate = eData.datePickdate;
-            if (eData.datePicktime !== undefined) picker.options.pickTime = eData.datePicktime;
-            if (eData.dateUseminutes !== undefined) picker.options.useMinutes = eData.dateUseminutes;
-            if (eData.dateUseseconds !== undefined) picker.options.useSeconds = eData.dateUseseconds;
-            if (eData.dateUsecurrent !== undefined) picker.options.useCurrent = eData.dateUsecurrent;
-            if (eData.dateMinutestepping !== undefined) picker.options.minuteStepping = eData.dateMinutestepping;
-            if (eData.dateMindate !== undefined) picker.options.minDate = eData.dateMindate;
-            if (eData.dateMaxdate !== undefined) picker.options.maxDate = eData.dateMaxdate;
-            if (eData.dateShowtoday !== undefined) picker.options.showToday = eData.dateShowtoday;
-            if (eData.dateCollapse !== undefined) picker.options.collapse = eData.dateCollapse;
-            if (eData.dateLanguage !== undefined) picker.options.language = eData.dateLanguage;
-            if (eData.dateDefaultdate !== undefined) picker.options.defaultDate = eData.dateDefaultdate;
-            if (eData.dateDisableddates !== undefined) picker.options.disabledDates = eData.dateDisableddates;
-            if (eData.dateEnableddates !== undefined) picker.options.enabledDates = eData.dateEnableddates;
-            if (eData.dateIcons !== undefined) picker.options.icons = eData.dateIcons;
-            if (eData.dateUsestrict !== undefined) picker.options.useStrict = eData.dateUsestrict;
-            if (eData.dateDirection !== undefined) picker.options.direction = eData.dateDirection;
-            if (eData.dateSidebyside !== undefined) picker.options.sideBySide = eData.dateSidebyside;
+            if (eData.dateUseseconds !== undefined) {
+                picker.options.useSeconds = eData.dateUseseconds;
+            }
+            if (eData.dateUsecurrent !== undefined) {
+                picker.options.useCurrent = eData.dateUsecurrent;
+            }
+            if (eData.calendarWeeks !== undefined) {
+                picker.options.calendarWeeks = eData.calendarWeeks;
+            }
+            if (eData.dateMinutestepping !== undefined) {
+                picker.options.minuteStepping = eData.dateMinutestepping;
+            }
+            if (eData.dateMindate !== undefined) {
+                picker.options.minDate = eData.dateMindate;
+            }
+            if (eData.dateMaxdate !== undefined) {
+                picker.options.maxDate = eData.dateMaxdate;
+            }
+            if (eData.dateShowtoday !== undefined) {
+                picker.options.showToday = eData.dateShowtoday;
+            }
+            if (eData.dateCollapse !== undefined) {
+                picker.options.collapse = eData.dateCollapse;
+            }
+            if (eData.dateLanguage !== undefined) {
+                picker.options.language = eData.dateLanguage;
+            }
+            if (eData.dateDefaultdate !== undefined) {
+                picker.options.defaultDate = eData.dateDefaultdate;
+            }
+            if (eData.dateDisableddates !== undefined) {
+                picker.options.disabledDates = eData.dateDisableddates;
+            }
+            if (eData.dateEnableddates !== undefined) {
+                picker.options.enabledDates = eData.dateEnableddates;
+            }
+            if (eData.dateIcons !== undefined) {
+                picker.options.icons = eData.dateIcons;
+            }
+            if (eData.dateUsestrict !== undefined) {
+                picker.options.useStrict = eData.dateUsestrict;
+            }
+            if (eData.dateDirection !== undefined) {
+                picker.options.direction = eData.dateDirection;
+            }
+            if (eData.dateSidebyside !== undefined) {
+                picker.options.sideBySide = eData.dateSidebyside;
+            }
+            if (eData.dateDaysofweekdisabled !== undefined) {
+                picker.options.daysOfWeekDisabled = eData.dateDaysofweekdisabled;
+            }
+//            $.each(defaults, function (key) {
+//                var attributeName = 'date' + key.charAt(0).toUpperCase() + key.slice(1);
+//                if (eData[attributeName] !== undefined) {
+//                    picker.options[key] = eData[attributeName];
+//                }
+//            });
         },
 
         place = function () {
             var position = 'absolute',
-            offset = picker.component ? picker.component.offset() : picker.element.offset(), $window = $(window);
+                offset = picker.component ? picker.component.offset() : picker.element.offset(),
+                $window = $(window),
+                placePosition;
+
             picker.width = picker.component ? picker.component.outerWidth() : picker.element.outerWidth();
             offset.top = offset.top + picker.element.outerHeight();
 
-            var placePosition;
             if (picker.options.direction === 'up') {
-                placePosition = 'top'
+                placePosition = 'top';
             } else if (picker.options.direction === 'bottom') {
-                placePosition = 'bottom'
+                placePosition = 'bottom';
             } else if (picker.options.direction === 'auto') {
                 if (offset.top + picker.widget.height() > $window.height() + $window.scrollTop() && picker.widget.height() + picker.element.outerHeight() < offset.top) {
                     placePosition = 'top';
                 } else {
                     placePosition = 'bottom';
                 }
-            };
+            }
             if (placePosition === 'top') {
                 offset.top -= picker.widget.height() + picker.element.outerHeight() + 15;
                 picker.widget.addClass('top').removeClass('bottom');
@@ -276,72 +347,80 @@ THE SOFTWARE.
         },
 
         notifyChange = function (oldDate, eventType) {
-            if (pMoment(picker.date).isSame(pMoment(oldDate))) return;
+            if (moment(picker.date).isSame(moment(oldDate))) {
+                return;
+            }
             picker.element.trigger({
                 type: 'dp.change',
-                date: pMoment(picker.date),
-                oldDate: pMoment(oldDate)
+                date: moment(picker.date),
+                oldDate: moment(oldDate)
             });
 
-            if (eventType !== 'change')
+            if (eventType !== 'change') {
                 picker.element.change();
+            }
         },
 
-		notifyError = function (date) {
-		    picker.element.trigger({
-		        type: 'dp.error',
-		        date: pMoment(date)
-		    });
-		},
+        notifyError = function (date) {
+            picker.element.trigger({
+                type: 'dp.error',
+                date: moment(date, picker.format, picker.options.useStrict)
+            });
+        },
 
         update = function (newDate) {
-            pMoment.lang(picker.options.language);
+            moment.locale(picker.options.language);
             var dateStr = newDate;
             if (!dateStr) {
                 dateStr = getPickerInput().val();
-                if (dateStr) picker.date = pMoment(dateStr, picker.format, picker.options.useStrict);
-                if (!picker.date) picker.date = pMoment();
+                if (dateStr) {
+                    picker.date = moment(dateStr, picker.format, picker.options.useStrict);
+                }
+                if (!picker.date) {
+                    picker.date = moment();
+                }
             }
-            picker.viewDate = pMoment(picker.date).startOf("month");
+            picker.viewDate = moment(picker.date).startOf('month');
             fillDate();
             fillTime();
         },
 
-		fillDow = function () {
-		    pMoment.lang(picker.options.language);
-		    var html = $('<tr>'), weekdaysMin = pMoment.weekdaysMin(), i;
-            if (picker.options.calendarWeeks === true){
-                html.append('<th class="cw">&nbsp</th>');
-            }
-            //     
-		    if (pMoment()._lang._week.dow == 0) { // starts on Sunday
-		        for (i = 0; i < 7; i++) {
-		            html.append('<th class="dow">' + weekdaysMin[i] + '</th>');
-		        }
-		    } else {
-		        for (i = 1; i < 8; i++) {
-		            if (i == 7) {
-		                html.append('<th class="dow">' + weekdaysMin[0] + '</th>');
-		            } else {
-		                html.append('<th class="dow">' + weekdaysMin[i] + '</th>');
-		            }
-		        }
-		    }
-		    picker.widget.find('.datepicker-days thead').append(html);
-		},
+        fillDow = function () {
+            moment.locale(picker.options.language);
+            var html = $('<tr>'), weekdaysMin = moment.weekdaysMin(), i;
+            if (picker.options.calendarWeeks === true) {
+                html.append('<th class="cw">#</th>');
+            }
+            if (moment().localeData()._week.dow === 0) { // starts on Sunday
+                for (i = 0; i < 7; i++) {
+                    html.append('<th class="dow">' + weekdaysMin[i] + '</th>');
+                }
+            } else {
+                for (i = 1; i < 8; i++) {
+                    if (i === 7) {
+                        html.append('<th class="dow">' + weekdaysMin[0] + '</th>');
+                    } else {
+                        html.append('<th class="dow">' + weekdaysMin[i] + '</th>');
+                    }
+                }
+            }
+            picker.widget.find('.datepicker-days thead').append(html);
+        },
 
         fillMonths = function () {
-            pMoment.lang(picker.options.language);
-            var html = '', i = 0, monthsShort = pMoment.monthsShort();
-            while (i < 12) {
-                html += '<span class="month">' + monthsShort[i++] + '</span>';
+            moment.locale(picker.options.language);
+            var html = '', i, monthsShort = moment.monthsShort();
+            for (i = 0; i < 12; i++) {
+                html += '<span class="month">' + monthsShort[i] + '</span>';
             }
             picker.widget.find('.datepicker-months td').append(html);
         },
 
         fillDate = function () {
-            if(!picker.options.pickDate) return;
-            pMoment.lang(picker.options.language);
+            if (!picker.options.pickDate) {
+                return;
+            }
+            moment.locale(picker.options.language);
             var year = picker.viewDate.year(),
                 month = picker.viewDate.month(),
                 startYear = picker.options.minDate.year(),
@@ -349,7 +428,7 @@ THE SOFTWARE.
                 endYear = picker.options.maxDate.year(),
                 endMonth = picker.options.maxDate.month(),
                 currentDate,
-                prevMonth, nextMonth, html = [], row, clsName, i, days, yearCont, currentYear, months = pMoment.months();
+                prevMonth, nextMonth, html = [], row, clsName, i, days, yearCont, currentYear, months = moment.months();
 
             picker.widget.find('.datepicker-days').find('.disabled').removeClass('disabled');
             picker.widget.find('.datepicker-months').find('.disabled').removeClass('disabled');
@@ -358,45 +437,45 @@ THE SOFTWARE.
             picker.widget.find('.datepicker-days th:eq(1)').text(
                 months[month] + ' ' + year);
 
-            prevMonth = pMoment(picker.viewDate).subtract("months", 1);
+            prevMonth = moment(picker.viewDate, picker.format, picker.options.useStrict).subtract(1, 'months');
             days = prevMonth.daysInMonth();
             prevMonth.date(days).startOf('week');
-            if ((year == startYear && month <= startMonth) || year < startYear) {
+            if ((year === startYear && month <= startMonth) || year < startYear) {
                 picker.widget.find('.datepicker-days th:eq(0)').addClass('disabled');
             }
-            if ((year == endYear && month >= endMonth) || year > endYear) {
+            if ((year === endYear && month >= endMonth) || year > endYear) {
                 picker.widget.find('.datepicker-days th:eq(2)').addClass('disabled');
             }
 
-            nextMonth = pMoment(prevMonth).add(42, "d");
+            nextMonth = moment(prevMonth).add(42, 'd');
             while (prevMonth.isBefore(nextMonth)) {
-                if (prevMonth.weekday() === pMoment().startOf('week').weekday()) {
+                if (prevMonth.weekday() === moment().startOf('week').weekday()) {
                     row = $('<tr>');
                     html.push(row);
-                    if (picker.options.calendarWeeks === true){
-                        row.append('<td class="cw">'+prevMonth.week()+'</td>');
+                    if (picker.options.calendarWeeks === true) {
+                        row.append('<td class="cw">' + prevMonth.week() + '</td>');
                     }
                 }
                 clsName = '';
-                if (prevMonth.year() < year || (prevMonth.year() == year && prevMonth.month() < month)) {
+                if (prevMonth.year() < year || (prevMonth.year() === year && prevMonth.month() < month)) {
                     clsName += ' old';
-                } else if (prevMonth.year() > year || (prevMonth.year() == year && prevMonth.month() > month)) {
+                } else if (prevMonth.year() > year || (prevMonth.year() === year && prevMonth.month() > month)) {
                     clsName += ' new';
                 }
-                if (prevMonth.isSame(pMoment({ y: picker.date.year(), M: picker.date.month(), d: picker.date.date() }))) {
+                if (prevMonth.isSame(moment({y: picker.date.year(), M: picker.date.month(), d: picker.date.date()}))) {
                     clsName += ' active';
                 }
-                if (isInDisableDates(prevMonth) || !isInEnableDates(prevMonth)) {
+                if (isInDisableDates(prevMonth, 'day') || !isInEnableDates(prevMonth)) {
                     clsName += ' disabled';
                 }
                 if (picker.options.showToday === true) {
-                    if (prevMonth.isSame(pMoment(), 'day')) {
+                    if (prevMonth.isSame(moment(), 'day')) {
                         clsName += ' today';
                     }
                 }
                 if (picker.options.daysOfWeekDisabled) {
-                    for (i in picker.options.daysOfWeekDisabled) {
-                        if (prevMonth.day() == picker.options.daysOfWeekDisabled[i]) {
+                    for (i = 0; i < picker.options.daysOfWeekDisabled.length; i++) {
+                        if (prevMonth.day() === picker.options.daysOfWeekDisabled[i]) {
                             clsName += ' disabled';
                             break;
                         }
@@ -405,28 +484,28 @@ THE SOFTWARE.
                 row.append('<td class="day' + clsName + '">' + prevMonth.date() + '</td>');
 
                 currentDate = prevMonth.date();
-                prevMonth.add(1, "d");
+                prevMonth.add(1, 'd');
 
-                if (currentDate == prevMonth.date()) {
-                  prevMonth.add(1, "d");
+                if (currentDate === prevMonth.date()) {
+                    prevMonth.add(1, 'd');
                 }
             }
             picker.widget.find('.datepicker-days tbody').empty().append(html);
-            currentYear = picker.date.year(), months = picker.widget.find('.datepicker-months')
-				.find('th:eq(1)').text(year).end().find('span').removeClass('active');
+            currentYear = picker.date.year();
+            months = picker.widget.find('.datepicker-months').find('th:eq(1)').text(year).end().find('span').removeClass('active');
             if (currentYear === year) {
                 months.eq(picker.date.month()).addClass('active');
             }
-            if (currentYear - 1 < startYear) {
+            if (year - 1 < startYear) {
                 picker.widget.find('.datepicker-months th:eq(0)').addClass('disabled');
             }
-            if (currentYear + 1 > endYear) {
+            if (year + 1 > endYear) {
                 picker.widget.find('.datepicker-months th:eq(2)').addClass('disabled');
             }
             for (i = 0; i < 12; i++) {
-                if ((year == startYear && startMonth > i) || (year < startYear)) {
+                if ((year === startYear && startMonth > i) || (year < startYear)) {
                     $(months[i]).addClass('disabled');
-                } else if ((year == endYear && endMonth < i) || (year > endYear)) {
+                } else if ((year === endYear && endMonth < i) || (year > endYear)) {
                     $(months[i]).addClass('disabled');
                 }
             }
@@ -434,7 +513,7 @@ THE SOFTWARE.
             html = '';
             year = parseInt(year / 10, 10) * 10;
             yearCont = picker.widget.find('.datepicker-years').find(
-                'th:eq(1)').text(year + '-' + (year + 9)).end().find('td');
+                'th:eq(1)').text(year + '-' + (year + 9)).parents('table').find('td');
             picker.widget.find('.datepicker-years').find('th').removeClass('disabled');
             if (startYear > year) {
                 picker.widget.find('.datepicker-years').find('th:eq(0)').addClass('disabled');
@@ -451,7 +530,7 @@ THE SOFTWARE.
         },
 
         fillHours = function () {
-            pMoment.lang(picker.options.language);
+            moment.locale(picker.options.language);
             var table = picker.widget.find('.timepicker .timepicker-hours table'), html = '', current, i, j;
             table.parent().hide();
             if (picker.use24hours) {
@@ -482,7 +561,9 @@ THE SOFTWARE.
         fillMinutes = function () {
             var table = picker.widget.find('.timepicker .timepicker-minutes table'), html = '', current = 0, i, j, step = picker.options.minuteStepping;
             table.parent().hide();
-            if (step == 1) step = 5;
+            if (step === 1)  {
+                step = 5;
+            }
             for (i = 0; i < Math.ceil(60 / step / 4) ; i++) {
                 html += '<tr>';
                 for (j = 0; j < 4; j += 1) {
@@ -513,14 +594,18 @@ THE SOFTWARE.
         },
 
         fillTime = function () {
-            if (!picker.date) return;
+            if (!picker.date) {
+                return;
+            }
             var timeComponents = picker.widget.find('.timepicker span[data-time-component]'),
-            hour = picker.date.hours(),
-            period = 'AM';
+                hour = picker.date.hours(),
+                period = picker.date.format('A');
             if (!picker.use24hours) {
-                if (hour >= 12) period = 'PM';
-                if (hour === 0) hour = 12;
-                else if (hour != 12) hour = hour % 12;
+                if (hour === 0) {
+                    hour = 12;
+                } else if (hour !== 12) {
+                    hour = hour % 12;
+                }
                 picker.widget.find('.timepicker [data-action=togglePeriod]').text(period);
             }
             timeComponents.filter('[data-time-component=hours]').text(padLeft(hour));
@@ -532,19 +617,21 @@ THE SOFTWARE.
             e.stopPropagation();
             e.preventDefault();
             picker.unset = false;
-            var target = $(e.target).closest('span, td, th'), month, year, step, day, oldDate = pMoment(picker.date);
+            var target = $(e.target).closest('span, td, th'), month, year, step, day, oldDate = moment(picker.date);
             if (target.length === 1) {
                 if (!target.is('.disabled')) {
                     switch (target[0].nodeName.toLowerCase()) {
                         case 'th':
                             switch (target[0].className) {
-                                case 'switch':
+                                case 'picker-switch':
                                     showMode(1);
                                     break;
                                 case 'prev':
                                 case 'next':
                                     step = dpGlobal.modes[picker.viewMode].navStep;
-                                    if (target[0].className === 'prev') step = step * -1;
+                                    if (target[0].className === 'prev') {
+                                        step = step * -1;
+                                    }
                                     picker.viewDate.add(step, dpGlobal.modes[picker.viewMode].navFnc);
                                     fillDate();
                                     break;
@@ -559,7 +646,7 @@ THE SOFTWARE.
                                 picker.viewDate.year(year);
                             }
                             if (picker.viewMode === picker.minViewMode) {
-                                picker.date = pMoment({
+                                picker.date = moment({
                                     y: picker.viewDate.year(),
                                     M: picker.viewDate.month(),
                                     d: picker.viewDate.date(),
@@ -567,8 +654,8 @@ THE SOFTWARE.
                                     m: picker.date.minutes(),
                                     s: picker.date.seconds()
                                 });
-                                notifyChange(oldDate, e.type);
                                 set();
+                                notifyChange(oldDate, e.type);
                             }
                             showMode(-1);
                             fillDate();
@@ -586,14 +673,14 @@ THE SOFTWARE.
                                         month -= 1;
                                     }
                                 } else if (target.is('.new')) {
-                                    if (month == 11) {
+                                    if (month === 11) {
                                         month = 0;
                                         year += 1;
                                     } else {
                                         month += 1;
                                     }
                                 }
-                                picker.date = pMoment({
+                                picker.date = moment({
                                     y: year,
                                     M: month,
                                     d: day,
@@ -602,7 +689,7 @@ THE SOFTWARE.
                                     s: picker.date.seconds()
                                 }
                                 );
-                                picker.viewDate = pMoment({
+                                picker.viewDate = moment({
                                     y: year, M: month, d: Math.min(28, day)
                                 });
                                 fillDate();
@@ -615,94 +702,117 @@ THE SOFTWARE.
             }
         },
 
-		actions = {
-		    incrementHours: function () {
-		        checkDate("add", "hours", 1);
-		    },
-
-		    incrementMinutes: function () {
-		        checkDate("add", "minutes", picker.options.minuteStepping);
-		    },
-
-		    incrementSeconds: function () {
-		        checkDate("add", "seconds", 1);
-		    },
-
-		    decrementHours: function () {
-		        checkDate("subtract", "hours", 1);
-		    },
-
-		    decrementMinutes: function () {
-		        checkDate("subtract", "minutes", picker.options.minuteStepping);
-		    },
-
-		    decrementSeconds: function () {
-		        checkDate("subtract", "seconds", 1);
-		    },
-
-		    togglePeriod: function () {
-		        var hour = picker.date.hours();
-		        if (hour >= 12) hour -= 12;
-		        else hour += 12;
-		        picker.date.hours(hour);
-		    },
-
-		    showPicker: function () {
-		        picker.widget.find('.timepicker > div:not(.timepicker-picker)').hide();
-		        picker.widget.find('.timepicker .timepicker-picker').show();
-		    },
-
-		    showHours: function () {
-		        picker.widget.find('.timepicker .timepicker-picker').hide();
-		        picker.widget.find('.timepicker .timepicker-hours').show();
-		    },
-
-		    showMinutes: function () {
-		        picker.widget.find('.timepicker .timepicker-picker').hide();
-		        picker.widget.find('.timepicker .timepicker-minutes').show();
-		    },
-
-		    showSeconds: function () {
-		        picker.widget.find('.timepicker .timepicker-picker').hide();
-		        picker.widget.find('.timepicker .timepicker-seconds').show();
-		    },
-
-		    selectHour: function (e) {
-		        var period = picker.widget.find('.timepicker [data-action=togglePeriod]').text(), hour = parseInt($(e.target).text(), 10);
-		        if (period == "PM") hour += 12
-		        picker.date.hours(hour);
-		        actions.showPicker.call(picker);
-		    },
-
-		    selectMinute: function (e) {
-		        picker.date.minutes(parseInt($(e.target).text(), 10));
-		        actions.showPicker.call(picker);
-		    },
-
-		    selectSecond: function (e) {
-		        picker.date.seconds(parseInt($(e.target).text(), 10));
-		        actions.showPicker.call(picker);
-		    }
-		},
-
-	    doAction = function (e) {
-	        var oldDate = pMoment(picker.date), action = $(e.currentTarget).data('action'), rv = actions[action].apply(picker, arguments);
-	        stopEvent(e);
-	        if (!picker.date) picker.date = pMoment({ y: 1970 });
-	        set();
-	        fillTime();
-	        notifyChange(oldDate, e.type);
-	        return rv;
-	    },
+        actions = {
+            incrementHours: function () {
+                checkDate('add', 'hours', 1);
+            },
+
+            incrementMinutes: function () {
+                checkDate('add', 'minutes', picker.options.minuteStepping);
+            },
+
+            incrementSeconds: function () {
+                checkDate('add', 'seconds', 1);
+            },
+
+            decrementHours: function () {
+                checkDate('subtract', 'hours', 1);
+            },
+
+            decrementMinutes: function () {
+                checkDate('subtract', 'minutes', picker.options.minuteStepping);
+            },
+
+            decrementSeconds: function () {
+                checkDate('subtract', 'seconds', 1);
+            },
+
+            togglePeriod: function () {
+                var hour = picker.date.hours();
+                if (hour >= 12) {
+                    hour -= 12;
+                } else {
+                    hour += 12;
+                }
+                picker.date.hours(hour);
+            },
+
+            showPicker: function () {
+                picker.widget.find('.timepicker > div:not(.timepicker-picker)').hide();
+                picker.widget.find('.timepicker .timepicker-picker').show();
+            },
+
+            showHours: function () {
+                picker.widget.find('.timepicker .timepicker-picker').hide();
+                picker.widget.find('.timepicker .timepicker-hours').show();
+            },
+
+            showMinutes: function () {
+                picker.widget.find('.timepicker .timepicker-picker').hide();
+                picker.widget.find('.timepicker .timepicker-minutes').show();
+            },
+
+            showSeconds: function () {
+                picker.widget.find('.timepicker .timepicker-picker').hide();
+                picker.widget.find('.timepicker .timepicker-seconds').show();
+            },
+
+            selectHour: function (e) {
+                var hour = parseInt($(e.target).text(), 10);
+                if (!picker.use24hours) {
+                    if (picker.date.hours() >= 12) {
+                        if (hour !== 12) {
+                            hour += 12;
+                        }
+                    } else {
+                        if (hour === 12) {
+                            hour = 0;
+                        }
+                    }
+                }
+                picker.date.hours(hour);
+                actions.showPicker.call(picker);
+            },
+
+            selectMinute: function (e) {
+                picker.date.minutes(parseInt($(e.target).text(), 10));
+                actions.showPicker.call(picker);
+            },
+
+            selectSecond: function (e) {
+                picker.date.seconds(parseInt($(e.target).text(), 10));
+                actions.showPicker.call(picker);
+            }
+        },
+
+        doAction = function (e) {
+            var oldDate = moment(picker.date),
+                action = $(e.currentTarget).data('action'),
+                rv = actions[action].apply(picker, arguments);
+            stopEvent(e);
+            if (!picker.date) {
+                picker.date = moment({y: 1970});
+            }
+            set();
+            fillTime();
+            notifyChange(oldDate, e.type);
+            return rv;
+        },
 
         stopEvent = function (e) {
             e.stopPropagation();
             e.preventDefault();
         },
 
+        keydown = function (e) {
+            if (e.keyCode === 27) { // allow escape to hide picker
+                picker.hide();
+            }
+        },
+
         change = function (e) {
-            pMoment.lang(picker.options.language);
-            var input = $(e.target), oldDate = pMoment(picker.date), newDate = pMoment(input.val(), picker.format, picker.options.useStrict);
+            moment.locale(picker.options.language);
+            var input = $(e.target), oldDate = moment(picker.date), newDate = moment(input.val(), picker.format, picker.options.useStrict);
             if (newDate.isValid() && !isInDisableDates(newDate) && isInEnableDates(newDate)) {
                 update();
                 picker.setValue(newDate);
@@ -711,9 +821,9 @@ THE SOFTWARE.
             }
             else {
                 picker.viewDate = oldDate;
+                picker.unset = true;
                 notifyChange(oldDate, e.type);
                 notifyError(newDate);
-                picker.unset = true;
             }
         },
 
@@ -721,7 +831,6 @@ THE SOFTWARE.
             if (dir) {
                 picker.viewMode = Math.max(picker.minViewMode, Math.min(2, picker.viewMode + dir));
             }
-            var f = dpGlobal.modes[picker.viewMode].clsName;
             picker.widget.find('.datepicker > div').hide().filter('.datepicker-' + dpGlobal.modes[picker.viewMode].clsName).show();
         },
 
@@ -730,6 +839,7 @@ THE SOFTWARE.
             picker.widget.on('click', '.datepicker *', $.proxy(click, this)); // this handles date picker clicks
             picker.widget.on('click', '[data-action]', $.proxy(doAction, this)); // this handles time picker clicks
             picker.widget.on('mousedown', $.proxy(stopEvent, this));
+            picker.element.on('keydown', $.proxy(keydown, this));
             if (picker.options.pickDate && picker.options.pickTime) {
                 picker.widget.on('click.togglePicker', '.accordion-toggle', function (e) {
                     e.stopPropagation();
@@ -740,16 +850,21 @@ THE SOFTWARE.
 
                     if (expanded && expanded.length) {
                         collapseData = expanded.data('collapse');
-                        if (collapseData && collapseData.date - transitioning) return;
+                        if (collapseData && collapseData.transitioning) {
+                            return;
+                        }
                         expanded.collapse('hide');
                         closed.collapse('show');
                         $this.find('span').toggleClass(picker.options.icons.time + ' ' + picker.options.icons.date);
-                        picker.element.find('.input-group-addon span').toggleClass(picker.options.icons.time + ' ' + picker.options.icons.date);
+                        if (picker.component) {
+                            picker.component.find('span').toggleClass(picker.options.icons.time + ' ' + picker.options.icons.date);
+                        }
                     }
                 });
             }
             if (picker.isInput) {
                 picker.element.on({
+                    'click': $.proxy(picker.show, this),
                     'focus': $.proxy(picker.show, this),
                     'change': $.proxy(change, this),
                     'blur': $.proxy(picker.hide, this)
@@ -760,6 +875,7 @@ THE SOFTWARE.
                 }, 'input');
                 if (picker.component) {
                     picker.component.on('click', $.proxy(picker.show, this));
+                    picker.component.on('mousedown', $.proxy(stopEvent, this));
                 } else {
                     picker.element.on('click', $.proxy(picker.show, this));
                 }
@@ -785,7 +901,9 @@ THE SOFTWARE.
             if (picker.isInput) {
                 picker.element.off({
                     'focus': picker.show,
-                    'change': picker.change
+                    'change': picker.change,
+                    'click': picker.show,
+                    'blur' : picker.hide
                 });
             } else {
                 picker.element.off({
@@ -793,6 +911,7 @@ THE SOFTWARE.
                 }, 'input');
                 if (picker.component) {
                     picker.component.off('click', picker.show);
+                    picker.component.off('mousedown', picker.stopEvent);
                 } else {
                     picker.element.off('click', picker.show);
                 }
@@ -810,12 +929,11 @@ THE SOFTWARE.
             if (picker.element) {
                 var parents = picker.element.parents(), inFixed = false, i;
                 for (i = 0; i < parents.length; i++) {
-                    if ($(parents[i]).css('position') == 'fixed') {
+                    if ($(parents[i]).css('position') === 'fixed') {
                         inFixed = true;
                         break;
                     }
                 }
-                ;
                 return inFixed;
             } else {
                 return false;
@@ -823,65 +941,84 @@ THE SOFTWARE.
         },
 
         set = function () {
-            pMoment.lang(picker.options.language);
-            var formatted = '', input;
-            if (!picker.unset) formatted = pMoment(picker.date).format(picker.format);
+            moment.locale(picker.options.language);
+            var formatted = '';
+            if (!picker.unset) {
+                formatted = moment(picker.date).format(picker.format);
+            }
             getPickerInput().val(formatted);
             picker.element.data('date', formatted);
-            if (!picker.options.pickTime) picker.hide();
+            if (!picker.options.pickTime) {
+                picker.hide();
+            }
+        },
+
+        checkDate = function (direction, unit, amount) {
+            moment.locale(picker.options.language);
+            var newDate;
+            if (direction === 'add') {
+                newDate = moment(picker.date);
+                if (newDate.hours() === 23) {
+                    newDate.add(amount, unit);
+                }
+                newDate.add(amount, unit);
+            }
+            else {
+                newDate = moment(picker.date).subtract(amount, unit);
+            }
+            if (isInDisableDates(moment(newDate.subtract(amount, unit))) || isInDisableDates(newDate)) {
+                notifyError(newDate.format(picker.format));
+                return;
+            }
+
+            if (direction === 'add') {
+                picker.date.add(amount, unit);
+            }
+            else {
+                picker.date.subtract(amount, unit);
+            }
+            picker.unset = false;
         },
 
-		checkDate = function (direction, unit, amount) {
-		    pMoment.lang(picker.options.language);
-		    var newDate;
-		    if (direction == "add") {
-		        newDate = pMoment(picker.date);
-		        if (newDate.hours() == 23) newDate.add(amount, unit);
-		        newDate.add(amount, unit);
-		    }
-		    else {
-		        newDate = pMoment(picker.date).subtract(amount, unit);
-		    }
-		    if (isInDisableDates(pMoment(newDate.subtract(amount, unit))) || isInDisableDates(newDate)) {
-		        notifyError(newDate.format(picker.format));
-		        return;
-		    }
-
-		    if (direction == "add") {
-		        picker.date.add(amount, unit);
-		    }
-		    else {
-		        picker.date.subtract(amount, unit);
-		    }
-		    picker.unset = false;
-		},
-
-        isInDisableDates = function (date) {
-            pMoment.lang(picker.options.language);
-            if (date.isAfter(picker.options.maxDate) || date.isBefore(picker.options.minDate)) return true;
+        isInDisableDates = function (date, timeUnit) {
+            moment.locale(picker.options.language);
+            var maxDate = moment(picker.options.maxDate, picker.format, picker.options.useStrict),
+                minDate = moment(picker.options.minDate, picker.format, picker.options.useStrict);
+
+            if (timeUnit) {
+                maxDate = maxDate.endOf(timeUnit);
+                minDate = minDate.startOf(timeUnit);
+            }
+
+            if (date.isAfter(maxDate) || date.isBefore(minDate)) {
+                return true;
+            }
             if (picker.options.disabledDates === false) {
                 return false;
             }
-            return picker.options.disabledDates[pMoment(date).format("YYYY-MM-DD")] === true;
+            return picker.options.disabledDates[date.format('YYYY-MM-DD')] === true;
         },
         isInEnableDates = function (date) {
-            pMoment.lang(picker.options.language);
+            moment.locale(picker.options.language);
             if (picker.options.enabledDates === false) {
                 return true;
             }
-            return picker.options.enabledDates[pMoment(date).format("YYYY-MM-DD")] === true;
+            return picker.options.enabledDates[date.format('YYYY-MM-DD')] === true;
         },
 
         indexGivenDates = function (givenDatesArray) {
             // Store given enabledDates and disabledDates as keys.
             // This way we can check their existence in O(1) time instead of looping through whole array.
             // (for example: picker.options.enabledDates['2014-02-27'] === true)
-            var givenDatesIndexed = {};
-            var givenDatesCount = 0;
+            var givenDatesIndexed = {}, givenDatesCount = 0, i;
             for (i = 0; i < givenDatesArray.length; i++) {
-                dDate = pMoment(givenDatesArray[i]);
+                if (moment.isMoment(givenDatesArray[i]) || givenDatesArray[i] instanceof Date) {
+                    dDate = moment(givenDatesArray[i]);
+                } else {
+                    dDate = moment(givenDatesArray[i], picker.format, picker.options.useStrict);
+                }
                 if (dDate.isValid()) {
-                    givenDatesIndexed[dDate.format("YYYY-MM-DD")] = true;
+                    givenDatesIndexed[dDate.format('YYYY-MM-DD')] = true;
                     givenDatesCount++;
                 }
             }
@@ -893,14 +1030,16 @@ THE SOFTWARE.
 
         padLeft = function (string) {
             string = string.toString();
-            if (string.length >= 2) return string;
-            else return '0' + string;
+            if (string.length >= 2) {
+                return string;
+            }
+            return '0' + string;
         },
 
         getTemplate = function () {
             if (picker.options.pickDate && picker.options.pickTime) {
                 var ret = '';
-                ret = '<div class="bootstrap-datetimepicker-widget' + (picker.options.sideBySide ? ' timepicker-sbs' : '') + ' dropdown-menu" style="z-index:9999 !important;">';
+                ret = '<div class="bootstrap-datetimepicker-widget' + (picker.options.sideBySide ? ' timepicker-sbs' : '') + (picker.use24hours ? ' usetwentyfour' : '') + ' dropdown-menu" style="z-index:9999 !important;">';
                 if (picker.options.sideBySide) {
                     ret += '<div class="row">' +
                        '<div class="col-sm-6 datepicker">' + dpGlobal.template + '</div>' +
@@ -919,23 +1058,23 @@ THE SOFTWARE.
                 }
                 ret += '</div>';
                 return ret;
-            } else if (picker.options.pickTime) {
+            }
+            if (picker.options.pickTime) {
                 return (
                     '<div class="bootstrap-datetimepicker-widget dropdown-menu">' +
                         '<div class="timepicker">' + tpGlobal.getTemplate() + '</div>' +
                     '</div>'
                 );
-            } else {
-                return (
-                    '<div class="bootstrap-datetimepicker-widget dropdown-menu">' +
-                        '<div class="datepicker">' + dpGlobal.template + '</div>' +
-                    '</div>'
-                );
             }
+            return (
+                '<div class="bootstrap-datetimepicker-widget dropdown-menu">' +
+                    '<div class="datepicker">' + dpGlobal.template + '</div>' +
+                '</div>'
+            );
         },
 
-		dpGlobal = {
-		    modes: [
+        dpGlobal = {
+            modes: [
                 {
                     clsName: 'days',
                     navFnc: 'month',
@@ -950,16 +1089,17 @@ THE SOFTWARE.
                     clsName: 'years',
                     navFnc: 'year',
                     navStep: 10
-                }],
-		    headTemplate:
+                }
+            ],
+            headTemplate:
                     '<thead>' +
-						'<tr>' +
-							'<th class="prev">&lsaquo;</th><th colspan="5" class="switch"></th><th class="next">&rsaquo;</th>' +
-						'</tr>' +
+                        '<tr>' +
+                            '<th class="prev">&lsaquo;</th><th colspan="' + (options.calendarWeeks ? '6' : '5') + '" class="picker-switch"></th><th class="next">&rsaquo;</th>' +
+                        '</tr>' +
                     '</thead>',
-		    contTemplate:
-        '<tbody><tr><td colspan="7"></td></tr></tbody>'
-		},
+            contTemplate:
+                    '<tbody><tr><td colspan="' + (options.calendarWeeks ? '8' : '7') + '"></td></tr></tbody>'
+        },
 
         tpGlobal = {
             hourTemplate: '<span data-action="showHours"   data-time-component="hours"   class="timepicker-hour"></span>',
@@ -975,38 +1115,38 @@ THE SOFTWARE.
                 '<table class="table-condensed">' + dpGlobal.headTemplate + dpGlobal.contTemplate + '</table>' +
             '</div>' +
             '<div class="datepicker-years">' +
-				'<table class="table-condensed">' + dpGlobal.headTemplate + dpGlobal.contTemplate + '</table>' +
+                '<table class="table-condensed">' + dpGlobal.headTemplate + dpGlobal.contTemplate + '</table>' +
             '</div>';
 
         tpGlobal.getTemplate = function () {
             return (
                 '<div class="timepicker-picker">' +
                     '<table class="table-condensed">' +
-						'<tr>' +
-							'<td><a href="#" class="btn" data-action="incrementHours"><span class="' + picker.options.icons.up + '"></span></a></td>' +
-							'<td class="separator"></td>' +
-							'<td>' + (picker.options.useMinutes ? '<a href="#" class="btn" data-action="incrementMinutes"><span class="' + picker.options.icons.up + '"></span></a>' : '') + '</td>' +
+                        '<tr>' +
+                            '<td><a href="#" class="btn" data-action="incrementHours"><span class="' + picker.options.icons.up + '"></span></a></td>' +
+                            '<td class="separator"></td>' +
+                            '<td>' + (picker.options.useMinutes ? '<a href="#" class="btn" data-action="incrementMinutes"><span class="' + picker.options.icons.up + '"></span></a>' : '') + '</td>' +
                             (picker.options.useSeconds ?
                                 '<td class="separator"></td><td><a href="#" class="btn" data-action="incrementSeconds"><span class="' + picker.options.icons.up + '"></span></a></td>' : '') +
-							(picker.use24hours ? '' : '<td class="separator"></td>') +
-						'</tr>' +
-						'<tr>' +
-							'<td>' + tpGlobal.hourTemplate + '</td> ' +
-							'<td class="separator">:</td>' +
-							'<td>' + (picker.options.useMinutes ? tpGlobal.minuteTemplate : '<span class="timepicker-minute">00</span>') + '</td> ' +
+                            (picker.use24hours ? '' : '<td class="separator"></td>') +
+                        '</tr>' +
+                        '<tr>' +
+                            '<td>' + tpGlobal.hourTemplate + '</td> ' +
+                            '<td class="separator">:</td>' +
+                            '<td>' + (picker.options.useMinutes ? tpGlobal.minuteTemplate : '<span class="timepicker-minute">00</span>') + '</td> ' +
                             (picker.options.useSeconds ?
                                 '<td class="separator">:</td><td>' + tpGlobal.secondTemplate + '</td>' : '') +
-							(picker.use24hours ? '' : '<td class="separator"></td>' +
-							'<td><button type="button" class="btn btn-primary" data-action="togglePeriod"></button></td>') +
-						'</tr>' +
-						'<tr>' +
-							'<td><a href="#" class="btn" data-action="decrementHours"><span class="' + picker.options.icons.down + '"></span></a></td>' +
-							'<td class="separator"></td>' +
-							'<td>' + (picker.options.useMinutes ? '<a href="#" class="btn" data-action="decrementMinutes"><span class="' + picker.options.icons.down + '"></span></a>' : '') + '</td>' +
+                            (picker.use24hours ? '' : '<td class="separator"></td>' +
+                            '<td><button type="button" class="btn btn-primary" data-action="togglePeriod"></button></td>') +
+                        '</tr>' +
+                        '<tr>' +
+                            '<td><a href="#" class="btn" data-action="decrementHours"><span class="' + picker.options.icons.down + '"></span></a></td>' +
+                            '<td class="separator"></td>' +
+                            '<td>' + (picker.options.useMinutes ? '<a href="#" class="btn" data-action="decrementMinutes"><span class="' + picker.options.icons.down + '"></span></a>' : '') + '</td>' +
                             (picker.options.useSeconds ?
                                 '<td class="separator"></td><td><a href="#" class="btn" data-action="decrementSeconds"><span class="' + picker.options.icons.down + '"></span></a></td>' : '') +
-							(picker.use24hours ? '' : '<td class="separator"></td>') +
-						'</tr>' +
+                            (picker.use24hours ? '' : '<td class="separator"></td>') +
+                        '</tr>' +
                     '</table>' +
                 '</div>' +
                 '<div class="timepicker-hours" data-action="selectHour">' +
@@ -1025,136 +1165,169 @@ THE SOFTWARE.
             detachDatePickerGlobalEvents();
             picker.widget.remove();
             picker.element.removeData('DateTimePicker');
-            if (picker.component)
+            if (picker.component) {
                 picker.component.removeData('DateTimePicker');
+            }
         };
 
         picker.show = function (e) {
             if (picker.options.useCurrent) {
-                if (getPickerInput().val() == '') {
+                if (getPickerInput().val() === '') {
                     if (picker.options.minuteStepping !== 1) {
-                        var mDate = pMoment(),
+                        var mDate = moment(),
                         rInterval = picker.options.minuteStepping;
-                        mDate.minutes((Math.round(mDate.minutes() / rInterval) * rInterval) % 60)
-                            .seconds(0);
-                        picker.setValue(mDate.format(picker.format))
+                        mDate.minutes((Math.round(mDate.minutes() / rInterval) * rInterval) % 60).seconds(0);
+                        picker.setValue(mDate.format(picker.format));
                     } else {
-                        picker.setValue(pMoment().format(picker.format))
+                        picker.setValue(moment().format(picker.format));
                     }
-                };
+                    notifyChange('', e.type);
+                }
+            }
+            // if this is a click event on the input field and picker is already open don't hide it
+            if (e && e.type === 'click' && picker.isInput && picker.widget.hasClass('picker-open')) {
+                return;
             }
-            if (picker.widget.hasClass("picker-open")) {
-            	picker.widget.hide();
-            	picker.widget.removeClass("picker-open");
+            if (picker.widget.hasClass('picker-open')) {
+                picker.widget.hide();
+                picker.widget.removeClass('picker-open');
             }
             else {
-            	picker.widget.show();
-            	picker.widget.addClass("picker-open");
+                picker.widget.show();
+                picker.widget.addClass('picker-open');
             }
             picker.height = picker.component ? picker.component.outerHeight() : picker.element.outerHeight();
             place();
             picker.element.trigger({
                 type: 'dp.show',
-                date: pMoment(picker.date)
+                date: moment(picker.date)
             });
             attachDatePickerGlobalEvents();
             if (e) {
                 stopEvent(e);
             }
-        },
+        };
 
         picker.disable = function () {
             var input = picker.element.find('input');
-            if (input.prop('disabled')) return;
-
+            if (input.prop('disabled')) {
+                return;
+            }
             input.prop('disabled', true);
             detachDatePickerEvents();
-        },
+        };
 
         picker.enable = function () {
             var input = picker.element.find('input');
-            if (!input.prop('disabled')) return;
-
+            if (!input.prop('disabled')) {
+                return;
+            }
             input.prop('disabled', false);
             attachDatePickerEvents();
-        },
+        };
 
-        picker.hide = function (event) {
-            if (event && $(event.target).is(picker.element.attr("id")))
-                return;
+        picker.hide = function () {
             // Ignore event if in the middle of a picker transition
             var collapse = picker.widget.find('.collapse'), i, collapseData;
             for (i = 0; i < collapse.length; i++) {
                 collapseData = collapse.eq(i).data('collapse');
-                if (collapseData && collapseData.date - transitioning)
+                if (collapseData && collapseData.transitioning) {
                     return;
+                }
             }
             picker.widget.hide();
-            picker.widget.removeClass("picker-open");
+            picker.widget.removeClass('picker-open');
             picker.viewMode = picker.startViewMode;
             showMode();
             picker.element.trigger({
                 type: 'dp.hide',
-                date: pMoment(picker.date)
+                date: moment(picker.date)
             });
             detachDatePickerGlobalEvents();
-        },
+        };
 
         picker.setValue = function (newDate) {
-            pMoment.lang(picker.options.language);
+            moment.locale(picker.options.language);
             if (!newDate) {
                 picker.unset = true;
                 set();
             } else {
                 picker.unset = false;
             }
-            if (!pMoment.isMoment(newDate)) newDate = pMoment(newDate, picker.format);
+            if (!moment.isMoment(newDate)) {
+                newDate = (newDate instanceof Date) ? moment(newDate) : moment(newDate, picker.format, picker.options.useStrict);
+            } else {
+                newDate = newDate.locale(picker.options.language);
+            }
             if (newDate.isValid()) {
                 picker.date = newDate;
                 set();
-                picker.viewDate = pMoment({ y: picker.date.year(), M: picker.date.month() });
+                picker.viewDate = moment({y: picker.date.year(), M: picker.date.month()});
                 fillDate();
                 fillTime();
             }
             else {
                 notifyError(newDate);
             }
-        },
+        };
 
         picker.getDate = function () {
-            if (picker.unset) return null;
-            return picker.date;
-        },
+            if (picker.unset) {
+                return null;
+            }
+            return moment(picker.date);
+        };
 
         picker.setDate = function (date) {
-            var oldDate = pMoment(picker.date);
+            var oldDate = moment(picker.date);
             if (!date) {
                 picker.setValue(null);
             } else {
                 picker.setValue(date);
             }
-            notifyChange(oldDate, "function");
-        },
+            notifyChange(oldDate, 'function');
+        };
 
         picker.setDisabledDates = function (dates) {
             picker.options.disabledDates = indexGivenDates(dates);
-            if (picker.viewDate) update();
-        },
+            if (picker.viewDate) {
+                update();
+            }
+        };
+
         picker.setEnabledDates = function (dates) {
             picker.options.enabledDates = indexGivenDates(dates);
-            if (picker.viewDate) update();
-        },
+            if (picker.viewDate) {
+                update();
+            }
+        };
 
         picker.setMaxDate = function (date) {
-            if (date == undefined) return;
-            picker.options.maxDate = pMoment(date);
-            if (picker.viewDate) update();
-        },
+            if (date === undefined) {
+                return;
+            }
+            if (moment.isMoment(date) || date instanceof Date) {
+                picker.options.maxDate = moment(date);
+            } else {
+                picker.options.maxDate = moment(date, picker.format, picker.options.useStrict);
+            }
+            if (picker.viewDate) {
+                update();
+            }
+        };
 
         picker.setMinDate = function (date) {
-            if (date == undefined) return;
-            picker.options.minDate = pMoment(date);
-            if (picker.viewDate) update();
+            if (date === undefined) {
+                return;
+            }
+            if (moment.isMoment(date) || date instanceof Date) {
+                picker.options.minDate = moment(date);
+            } else {
+                picker.options.minDate = moment(date, picker.format, picker.options.useStrict);
+            }
+            if (picker.viewDate) {
+                update();
+            }
         };
 
         init();
@@ -1162,32 +1335,36 @@ THE SOFTWARE.
 
     $.fn.datetimepicker = function (options) {
         return this.each(function () {
-            var $this = $(this), data = $this.data('DateTimePicker');
-            if (!data) $this.data('DateTimePicker', new DateTimePicker(this, options));
+            var $this = $(this),
+                data = $this.data('DateTimePicker');
+            if (!data) {
+                $this.data('DateTimePicker', new DateTimePicker(this, options));
+            }
         });
     };
-    
+
     $.fn.datetimepicker.defaults = {
+        format: false,
         pickDate: true,
         pickTime: true,
-        calendarWeeks: true,
         useMinutes: true,
         useSeconds: false,
         useCurrent: true,
+        calendarWeeks: false,
         minuteStepping: 1,
-        minDate: new pMoment({ y: 1900 }),
-        maxDate: new pMoment().add(100, "y"),
+        minDate: moment({y: 1900}),
+        maxDate: moment().add(100, 'y'),
         showToday: true,
         collapse: true,
-        language: "en",
-        defaultDate: "",
+        language: moment.locale(),
+        defaultDate: '',
         disabledDates: false,
         enabledDates: false,
         icons: {},
         useStrict: false,
-        direction: "auto",
+        direction: 'auto',
         sideBySide: false,
-        daysOfWeekDisabled: false
+        daysOfWeekDisabled: [],
+        widgetParent: false
     };
-
 }));
diff --git a/addons/web/static/lib/bootstrap-datetimepicker/src/less/bootstrap-datetimepicker-build.less b/addons/web/static/lib/bootstrap-datetimepicker/src/less/bootstrap-datetimepicker-build.less
index 7f5288332e7..4a17370153b 100644
--- a/addons/web/static/lib/bootstrap-datetimepicker/src/less/bootstrap-datetimepicker-build.less
+++ b/addons/web/static/lib/bootstrap-datetimepicker/src/less/bootstrap-datetimepicker-build.less
@@ -1,5 +1,5 @@
 // Import boostrap variables including default color palette and fonts
-@import "../bootstrap/variables.less";
+@import "../../node_modules/bootstrap/less/variables.less";
 
 // Import datepicker component
 @import "bootstrap-datetimepicker.less";
diff --git a/addons/web/static/lib/bootstrap-datetimepicker/src/less/bootstrap-datetimepicker.less b/addons/web/static/lib/bootstrap-datetimepicker/src/less/bootstrap-datetimepicker.less
index 48e9f1215a3..49fbc15d300 100755
--- a/addons/web/static/lib/bootstrap-datetimepicker/src/less/bootstrap-datetimepicker.less
+++ b/addons/web/static/lib/bootstrap-datetimepicker/src/less/bootstrap-datetimepicker.less
@@ -1,5 +1,6 @@
 /*!
  * Datetimepicker for Bootstrap v3
+//! version : 3.0.3
  * https://github.com/Eonasdan/bootstrap-datetimepicker/
  */
 .bootstrap-datetimepicker-widget {
@@ -9,7 +10,7 @@
     padding: 4px;
     margin-top: 1px;
     z-index: 99999 !important;
-    border-radius: 4px;
+    border-radius: @border-radius-base;
 
     &.timepicker-sbs {
         width: 600px;
@@ -123,7 +124,7 @@
     td,
     th {
         text-align: center;
-        border-radius: 4px;
+        border-radius: @border-radius-base;
     }
 
     td {
@@ -131,6 +132,14 @@
         line-height: 54px;
         width: 54px;
 
+        &.cw
+        {
+            font-size: 10px;
+            height: 20px;
+            line-height: 20px;
+            color: @gray-light;
+        }
+
         &.day
         {
             height: 20px;
@@ -185,14 +194,13 @@
         }
 
         span {
-            display: block;
+            display: inline-block;
             width: 54px;
             height: 54px;
             line-height: 54px;
-            float: left;
             margin: 2px 1.5px;
             cursor: pointer;
-            border-radius: 4px;
+            border-radius: @border-radius-base;
 
             &:hover {
                 background: @gray-lighter;
@@ -222,7 +230,7 @@
         line-height: 20px;
         width: 20px;
 
-        &.switch {
+        &.picker-switch {
             width: 145px;
         }