superdesk-ui-framework 6.1.0-dev1 → 7.0.0-dev-hg0

package/app/scripts/helpers/datepicker.helper.js

@@ -1,783 +0,0 @@
-/* eslint-disable */
-
-angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparser', 'superdesk-ui.helper.position']).constant('datepickerConfig', {
-    formatDay: 'dd',
-    formatMonth: 'MMMM',
-    formatYear: 'yyyy',
-    formatDayHeader: 'EEE',
-    formatDayTitle: 'MMMM yyyy',
-    formatMonthTitle: 'yyyy',
-    datepickerMode: 'day',
-    minMode: 'day',
-    maxMode: 'year',
-    showWeeks: true,
-    startingDay: 0,
-    yearRange: 20,
-    minDate: null,
-    maxDate: null,
-    shortcutPropagation: false
-})
-    .controller('DatepickerController', ['$scope', '$attrs', '$parse', '$interpolate', '$log', 'dateFilter', 'datepickerConfig', function($scope, $attrs, $parse, $interpolate, $log, dateFilter, datepickerConfig) {
-        var self = this,
-            ngModelCtrl = {$setViewValue: angular.noop}; // nullModelCtrl;
-
-        // Modes chain
-        this.modes = ['day', 'month', 'year'];
-
-        // Configuration attributes
-        angular.forEach(['formatDay', 'formatMonth', 'formatYear', 'formatDayHeader', 'formatDayTitle', 'formatMonthTitle', 'minMode', 'maxMode', 'showWeeks', 'startingDay', 'yearRange', 'shortcutPropagation'], (key, index) => {
-            self[key] = angular.isDefined($attrs[key]) ? index < 8 ? $interpolate($attrs[key])($scope.$parent) : $scope.$parent.$eval($attrs[key]) : datepickerConfig[key];
-        });
-
-        // Watchable date attributes
-        angular.forEach(['minDate', 'maxDate'], (key) => {
-            if ($attrs[key]) {
-                $scope.$parent.$watch($parse($attrs[key]), (value) => {
-                    self[key] = value ? new Date(value) : null;
-                    self.refreshView();
-                });
-            } else {
-                self[key] = datepickerConfig[key] ? new Date(datepickerConfig[key]) : null;
-            }
-        });
-
-        $scope.datepickerMode = $scope.datepickerMode || datepickerConfig.datepickerMode;
-        $scope.maxMode = self.maxMode;
-        $scope.uniqueId = 'datepicker-' + $scope.$id + '-' + Math.floor(Math.random() * 10000);
-
-        if (angular.isDefined($attrs.initDate)) {
-            this.activeDate = $scope.$parent.$eval($attrs.initDate) || new Date();
-            $scope.$parent.$watch($attrs.initDate, (initDate) => {
-                if (initDate && (ngModelCtrl.$isEmpty(ngModelCtrl.$modelValue) || ngModelCtrl.$invalid)) {
-                    self.activeDate = initDate;
-                    self.refreshView();
-                }
-            });
-        } else {
-            this.activeDate = new Date();
-        }
-
-        $scope.isActive = function(dateObject) {
-            if (self.compare(dateObject.date, self.activeDate) === 0) {
-                $scope.activeDateId = dateObject.uid;
-                return true;
-            }
-            return false;
-        };
-
-        this.init = function(ngModelCtrl_) {
-            ngModelCtrl = ngModelCtrl_;
-
-            ngModelCtrl.$render = function() {
-                self.render();
-            };
-        };
-
-        this.render = function() {
-            if (ngModelCtrl.$viewValue) {
-                var date = new Date(ngModelCtrl.$viewValue),
-                    isValid = !isNaN(date);
-
-                if (isValid) {
-                    this.activeDate = date;
-                } else {
-                    $log.error('Datepicker directive: "ng-model" value must be a Date object, a number of milliseconds since 01.01.1970 or a string representing an RFC2822 or ISO 8601 date.');
-                }
-                ngModelCtrl.$setValidity('date', isValid);
-            }
-            this.refreshView();
-        };
-
-        this.refreshView = function() {
-            if (this.element) {
-                this._refreshView();
-
-                var date = ngModelCtrl.$viewValue ? new Date(ngModelCtrl.$viewValue) : null;
-
-                ngModelCtrl.$setValidity('date-disabled', !date || this.element && !this.isDisabled(date));
-            }
-        };
-
-        this.createDateObject = function(date, format) {
-            var model = ngModelCtrl.$viewValue ? new Date(ngModelCtrl.$viewValue) : null;
-
-            return {
-                date: date,
-                label: dateFilter(date, format),
-                selected: model && this.compare(date, model) === 0,
-                disabled: this.isDisabled(date),
-                current: this.compare(date, new Date()) === 0,
-                customClass: this.customClass(date)
-            };
-        };
-
-        this.isDisabled = function(date) {
-            return this.minDate && this.compare(date, this.minDate) < 0 || this.maxDate && this.compare(date, this.maxDate) > 0 || $attrs.dateDisabled && $scope.dateDisabled({date: date, mode: $scope.datepickerMode});
-        };
-
-        this.customClass = function(date) {
-            return $scope.customClass({date: date, mode: $scope.datepickerMode});
-        };
-
-        // Split array into smaller arrays
-        this.split = function(arr, size) {
-            var arrays = [];
-
-            while (arr.length > 0) {
-                arrays.push(arr.splice(0, size));
-            }
-            return arrays;
-        };
-
-        // Fix a hard-reprodusible bug with timezones
-        // The bug depends on OS, browser, current timezone and current date
-        // i.e.
-        // var date = new Date(2014, 0, 1);
-        // console.log(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours());
-        // can result in "2013 11 31 23" because of the bug.
-        this.fixTimeZone = function(date) {
-            var hours = date.getHours();
-
-            date.setHours(hours === 23 ? hours + 2 : 0);
-        };
-
-        $scope.select = function(date) {
-            if ($scope.datepickerMode === self.minMode) {
-                var dt = ngModelCtrl.$viewValue ? new Date(ngModelCtrl.$viewValue) : new Date(0, 0, 0, 0, 0, 0, 0);
-
-                dt.setFullYear(date.getFullYear(), date.getMonth(), date.getDate());
-                ngModelCtrl.$setViewValue(dt);
-                ngModelCtrl.$render();
-            } else {
-                self.activeDate = date;
-                $scope.datepickerMode = self.modes[self.modes.indexOf($scope.datepickerMode) - 1];
-            }
-        };
-
-        $scope.move = function(direction) {
-            var year = self.activeDate.getFullYear() + direction * (self.step.years || 0),
-                month = self.activeDate.getMonth() + direction * (self.step.months || 0);
-
-            self.activeDate.setFullYear(year, month, 1);
-            self.refreshView();
-        };
-
-        $scope.toggleMode = function(direction) {
-            direction = direction || 1;
-
-            if ($scope.datepickerMode === self.maxMode && direction === 1 || $scope.datepickerMode === self.minMode && direction === -1) {
-                return;
-            }
-
-            $scope.datepickerMode = self.modes[self.modes.indexOf($scope.datepickerMode) + direction];
-        };
-
-        // Key event mapper
-        $scope.keys = {13: 'enter', 32: 'space', 33: 'pageup', 34: 'pagedown', 35: 'end', 36: 'home', 37: 'left', 38: 'up', 39: 'right', 40: 'down'};
-
-        var focusElement = function focusElement() {
-            self.element[0].focus();
-        };
-
-        // Listen for focus requests from popup directive
-        $scope.$on('datepicker.focus', focusElement);
-
-        $scope.keydown = function(evt) {
-            var key = $scope.keys[evt.which];
-
-            if (!key || evt.shiftKey || evt.altKey) {
-                return;
-            }
-
-            evt.preventDefault();
-            if (!self.shortcutPropagation) {
-                evt.stopPropagation();
-            }
-
-            if (key === 'enter' || key === 'space') {
-                if (self.isDisabled(self.activeDate)) {
-                    return; // do nothing
-                }
-                $scope.select(self.activeDate);
-                focusElement();
-            } else if (evt.ctrlKey && (key === 'up' || key === 'down')) {
-                $scope.toggleMode(key === 'up' ? 1 : -1);
-                focusElement();
-            } else {
-                self.handleKeyDown(key, evt);
-                self.refreshView();
-            }
-        };
-    }])
-    .directive('datepicker', () => ({
-        restrict: 'EA',
-        replace: true,
-        template: require('../../template/datepicker/datepicker.html'),
-        scope: {
-            datepickerMode: '=?',
-            dateDisabled: '&',
-            customClass: '&',
-            shortcutPropagation: '&?'
-        },
-        require: ['datepicker', '?^ngModel'],
-        controller: 'DatepickerController',
-        link: function link(scope, element, attrs, ctrls) {
-            var datepickerCtrl = ctrls[0],
-                ngModelCtrl = ctrls[1];
-
-            if (ngModelCtrl) {
-                datepickerCtrl.init(ngModelCtrl);
-            }
-        }
-    }))
-    .directive('daypicker', ['dateFilter', function(dateFilter) {
-        return {
-            restrict: 'EA',
-            replace: true,
-            template: require('../../template/datepicker/day.html'),
-            require: '^datepicker',
-            link: function link(scope, element, attrs, ctrl) {
-                scope.showWeeks = ctrl.showWeeks;
-
-                ctrl.step = {months: 1};
-                ctrl.element = element;
-
-                var DAYS_IN_MONTH = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-
-                function getDaysInMonth(year, month) {
-                    return month === 1 && year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0) ? 29 : DAYS_IN_MONTH[month];
-                }
-
-                function getDates(startDate, n) {
-                    var dates = new Array(n),
-                        current = new Date(startDate),
-                        i = 0,
-                        date;
-
-                    while (i < n) {
-                        date = new Date(current);
-                        ctrl.fixTimeZone(date);
-                        dates[i++] = date;
-                        current.setDate(current.getDate() + 1);
-                    }
-                    return dates;
-                }
-
-                ctrl._refreshView = function() {
-                    var year = ctrl.activeDate.getFullYear(),
-                        month = ctrl.activeDate.getMonth(),
-                        firstDayOfMonth = new Date(year, month, 1),
-                        difference = ctrl.startingDay - firstDayOfMonth.getDay(),
-                        numDisplayedFromPreviousMonth = difference > 0 ? 7 - difference : -difference,
-                        firstDate = new Date(firstDayOfMonth);
-
-                    if (numDisplayedFromPreviousMonth > 0) {
-                        firstDate.setDate(-numDisplayedFromPreviousMonth + 1);
-                    }
-
-                    // 42 is the number of days on a six-month calendar
-                    var days = getDates(firstDate, 42);
-
-                    for (var i = 0; i < 42; i++) {
-                        days[i] = angular.extend(ctrl.createDateObject(days[i], ctrl.formatDay), {
-                            secondary: days[i].getMonth() !== month,
-                            uid: scope.uniqueId + '-' + i
-                        });
-                    }
-
-                    scope.labels = new Array(7);
-                    for (var j = 0; j < 7; j++) {
-                        scope.labels[j] = {
-                            abbr: dateFilter(days[j].date, ctrl.formatDayHeader),
-                            full: dateFilter(days[j].date, 'EEEE')
-                        };
-                    }
-
-                    scope.title = dateFilter(ctrl.activeDate, ctrl.formatDayTitle);
-                    scope.rows = ctrl.split(days, 7);
-
-                    if (scope.showWeeks) {
-                        scope.weekNumbers = [];
-                        var thursdayIndex = (4 + 7 - ctrl.startingDay) % 7,
-                            numWeeks = scope.rows.length;
-
-                        for (var curWeek = 0; curWeek < numWeeks; curWeek++) {
-                            scope.weekNumbers.push(getISO8601WeekNumber(scope.rows[curWeek][thursdayIndex].date));
-                        }
-                    }
-                };
-
-                ctrl.compare = function(date1, date2) {
-                    return new Date(date1.getFullYear(), date1.getMonth(), date1.getDate()) - new Date(date2.getFullYear(), date2.getMonth(), date2.getDate());
-                };
-
-                function getISO8601WeekNumber(date) {
-                    var checkDate = new Date(date);
-
-                    checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay() || 7)); // Thursday
-                    var time = checkDate.getTime();
-
-                    checkDate.setMonth(0); // Compare with Jan 1
-                    checkDate.setDate(1);
-                    return Math.floor(Math.round((time - checkDate) / 86400000) / 7) + 1;
-                }
-
-                ctrl.handleKeyDown = function(key, evt) {
-                    var date = ctrl.activeDate.getDate();
-
-                    if (key === 'left') {
-                        date = date - 1; // up
-                    } else if (key === 'up') {
-                        date = date - 7; // down
-                    } else if (key === 'right') {
-                        date = date + 1; // down
-                    } else if (key === 'down') {
-                        date = date + 7;
-                    } else if (key === 'pageup' || key === 'pagedown') {
-                        var month = ctrl.activeDate.getMonth() + (key === 'pageup' ? -1 : 1);
-
-                        ctrl.activeDate.setMonth(month, 1);
-                        date = Math.min(getDaysInMonth(ctrl.activeDate.getFullYear(), ctrl.activeDate.getMonth()), date);
-                    } else if (key === 'home') {
-                        date = 1;
-                    } else if (key === 'end') {
-                        date = getDaysInMonth(ctrl.activeDate.getFullYear(), ctrl.activeDate.getMonth());
-                    }
-                    ctrl.activeDate.setDate(date);
-                };
-
-                ctrl.refreshView();
-            }
-        };
-    }])
-    .directive('monthpicker', ['dateFilter', function(dateFilter) {
-        return {
-            restrict: 'EA',
-            replace: true,
-            template: require('../../template/datepicker/month.html'),
-            require: '^datepicker',
-            link: function link(scope, element, attrs, ctrl) {
-                ctrl.step = {years: 1};
-                ctrl.element = element;
-
-                ctrl._refreshView = function() {
-                    var months = new Array(12),
-                        year = ctrl.activeDate.getFullYear(),
-                        date;
-
-                    for (var i = 0; i < 12; i++) {
-                        date = new Date(year, i, 1);
-                        ctrl.fixTimeZone(date);
-                        months[i] = angular.extend(ctrl.createDateObject(date, ctrl.formatMonth), {
-                            uid: scope.uniqueId + '-' + i
-                        });
-                    }
-
-                    scope.title = dateFilter(ctrl.activeDate, ctrl.formatMonthTitle);
-                    scope.rows = ctrl.split(months, 3);
-                };
-
-                ctrl.compare = function(date1, date2) {
-                    return new Date(date1.getFullYear(), date1.getMonth()) - new Date(date2.getFullYear(), date2.getMonth());
-                };
-
-                ctrl.handleKeyDown = function(key, evt) {
-                    var date = ctrl.activeDate.getMonth();
-
-                    if (key === 'left') {
-                        date = date - 1; // up
-                    } else if (key === 'up') {
-                        date = date - 3; // down
-                    } else if (key === 'right') {
-                        date = date + 1; // down
-                    } else if (key === 'down') {
-                        date = date + 3;
-                    } else if (key === 'pageup' || key === 'pagedown') {
-                        var year = ctrl.activeDate.getFullYear() + (key === 'pageup' ? -1 : 1);
-
-                        ctrl.activeDate.setFullYear(year);
-                    } else if (key === 'home') {
-                        date = 0;
-                    } else if (key === 'end') {
-                        date = 11;
-                    }
-                    ctrl.activeDate.setMonth(date);
-                };
-
-                ctrl.refreshView();
-            }
-        };
-    }])
-    .directive('yearpicker', ['dateFilter', function(dateFilter) {
-        return {
-            restrict: 'EA',
-            replace: true,
-            template: require('../../template/datepicker/year.html'),
-            require: '^datepicker',
-            link: function link(scope, element, attrs, ctrl) {
-                var range = ctrl.yearRange;
-
-                ctrl.step = {years: range};
-                ctrl.element = element;
-
-                function getStartingYear(year) {
-                    return parseInt((year - 1) / range, 10) * range + 1;
-                }
-
-                ctrl._refreshView = function() {
-                    var years = new Array(range),
-                        date;
-
-                    for (var i = 0, start = getStartingYear(ctrl.activeDate.getFullYear()); i < range; i++) {
-                        date = new Date(start + i, 0, 1);
-                        ctrl.fixTimeZone(date);
-                        years[i] = angular.extend(ctrl.createDateObject(date, ctrl.formatYear), {
-                            uid: scope.uniqueId + '-' + i
-                        });
-                    }
-
-                    scope.title = [years[0].label, years[range - 1].label].join(' - ');
-                    scope.rows = ctrl.split(years, 5);
-                };
-
-                ctrl.compare = function(date1, date2) {
-                    return date1.getFullYear() - date2.getFullYear();
-                };
-
-                ctrl.handleKeyDown = function(key, evt) {
-                    var date = ctrl.activeDate.getFullYear();
-
-                    if (key === 'left') {
-                        date = date - 1; // up
-                    } else if (key === 'up') {
-                        date = date - 5; // down
-                    } else if (key === 'right') {
-                        date = date + 1; // down
-                    } else if (key === 'down') {
-                        date = date + 5;
-                    } else if (key === 'pageup' || key === 'pagedown') {
-                        date += (key === 'pageup' ? -1 : 1) * ctrl.step.years;
-                    } else if (key === 'home') {
-                        date = getStartingYear(ctrl.activeDate.getFullYear());
-                    } else if (key === 'end') {
-                        date = getStartingYear(ctrl.activeDate.getFullYear()) + range - 1;
-                    }
-                    ctrl.activeDate.setFullYear(date);
-                };
-
-                ctrl.refreshView();
-            }
-        };
-    }])
-    .constant('datepickerPopupConfig', {
-        datepickerPopup: 'yyyy-MM-dd',
-        html5Types: {
-            date: 'yyyy-MM-dd',
-            'datetime-local': 'yyyy-MM-ddTHH:mm:ss.sss',
-            month: 'yyyy-MM'
-        },
-        currentText: 'Today',
-        clearText: 'Clear',
-        closeText: 'Done',
-        closeOnDateSelection: true,
-        appendToBody: false,
-        showButtonBar: true
-    })
-    .directive('datepickerPopup', ['$compile', '$parse', '$document', '$position', 'dateFilter', 'dateParser', 'datepickerPopupConfig', '$timeout', function($compile, $parse, $document, $position, dateFilter, dateParser, datepickerPopupConfig, $timeout) {
-        return {
-            restrict: 'EA',
-            require: 'ngModel',
-            scope: {
-                isOpen: '=?',
-                currentText: '@',
-                clearText: '@',
-                closeText: '@',
-                dateDisabled: '&',
-                customClass: '&'
-            },
-            link: function link(scope, element, attrs, ngModel) {
-                var dateFormat,
-                    closeOnDateSelection = angular.isDefined(attrs.closeOnDateSelection) ? scope.$parent.$eval(attrs.closeOnDateSelection) : datepickerPopupConfig.closeOnDateSelection,
-                    appendToBody = angular.isDefined(attrs.datepickerAppendToBody) ? scope.$parent.$eval(attrs.datepickerAppendToBody) : datepickerPopupConfig.appendToBody;
-
-                scope.showButtonBar = angular.isDefined(attrs.showButtonBar) ? scope.$parent.$eval(attrs.showButtonBar) : datepickerPopupConfig.showButtonBar;
-
-                scope.getText = function(key) {
-                    return scope[key + 'Text'] || datepickerPopupConfig[key + 'Text'];
-                };
-
-                var isHtml5DateInput = false;
-
-                if (datepickerPopupConfig.html5Types[attrs.type]) {
-                    dateFormat = datepickerPopupConfig.html5Types[attrs.type];
-                    isHtml5DateInput = true;
-                } else {
-                    dateFormat = attrs.datepickerPopup || datepickerPopupConfig.datepickerPopup;
-                    attrs.$observe('datepickerPopup', (value, oldValue) => {
-                        var newDateFormat = value || datepickerPopupConfig.datepickerPopup;
-                        // Invalidate the $modelValue to ensure that formatters re-run
-                        // FIXME: Refactor when PR is merged: https://github.com/angular/angular.js/pull/10764
-
-                        if (newDateFormat !== dateFormat) {
-                            dateFormat = newDateFormat;
-                            ngModel.$modelValue = null;
-
-                            if (!dateFormat) {
-                                throw new Error('datepickerPopup must have a date format specified.');
-                            }
-                        }
-                    });
-                }
-
-                if (!dateFormat) {
-                    throw new Error('datepickerPopup must have a date format specified.');
-                }
-
-                if (isHtml5DateInput && attrs.datepickerPopup) {
-                    throw new Error('HTML5 date input types do not support custom formats.');
-                }
-
-                // popup element used to display calendar
-                var popupEl = angular.element('<div datepicker-popup-wrap><div datepicker></div></div>');
-
-                popupEl.attr({
-                    'ng-model': 'date',
-                    'ng-change': 'dateSelection(date)'
-                });
-
-                function cameltoDash(string) {
-                    return string.replace(/([A-Z])/g, ($1) => '-' + $1.toLowerCase());
-                }
-
-                // datepicker element
-                var datepickerEl = angular.element(popupEl.children()[0]);
-
-                if (isHtml5DateInput) {
-                    if (attrs.type == 'month') {
-                        datepickerEl.attr('datepicker-mode', '"month"');
-                        datepickerEl.attr('min-mode', 'month');
-                    }
-                }
-
-                if (attrs.datepickerOptions) {
-                    var options = scope.$parent.$eval(attrs.datepickerOptions);
-
-                    if (options.initDate) {
-                        scope.initDate = options.initDate;
-                        datepickerEl.attr('init-date', 'initDate');
-                        delete options.initDate;
-                    }
-                    angular.forEach(options, (value, option) => {
-                        datepickerEl.attr(cameltoDash(option), value);
-                    });
-                }
-
-                scope.watchData = {};
-                angular.forEach(['minDate', 'maxDate', 'datepickerMode', 'initDate', 'shortcutPropagation'], (key) => {
-                    if (attrs[key]) {
-                        var getAttribute = $parse(attrs[key]);
-
-                        scope.$parent.$watch(getAttribute, (value) => {
-                            scope.watchData[key] = value;
-                        });
-                        datepickerEl.attr(cameltoDash(key), 'watchData.' + key);
-
-                        // Propagate changes from datepicker to outside
-                        if (key === 'datepickerMode') {
-                            var setAttribute = getAttribute.assign;
-
-                            scope.$watch('watchData.' + key, (value, oldvalue) => {
-                                if (angular.isFunction(setAttribute) && value !== oldvalue) {
-                                    setAttribute(scope.$parent, value);
-                                }
-                            });
-                        }
-                    }
-                });
-                if (attrs.dateDisabled) {
-                    datepickerEl.attr('date-disabled', 'dateDisabled({ date: date, mode: mode })');
-                }
-
-                if (attrs.showWeeks) {
-                    datepickerEl.attr('show-weeks', attrs.showWeeks);
-                }
-
-                if (attrs.customClass) {
-                    datepickerEl.attr('custom-class', 'customClass({ date: date, mode: mode })');
-                }
-
-                function parseDate(viewValue) {
-                    if (angular.isNumber(viewValue)) {
-                    // presumably timestamp to date object
-                        viewValue = new Date(viewValue);
-                    }
-
-                    if (!viewValue) {
-                        return null;
-                    } else if (angular.isDate(viewValue) && !isNaN(viewValue)) {
-                        return viewValue;
-                    } else if (angular.isString(viewValue)) {
-                        var date = dateParser.parse(viewValue, dateFormat, scope.date) || new Date(viewValue);
-
-                        if (isNaN(date)) {
-                            return undefined;
-                        }
-                        return date;
-                    }
-                    return undefined;
-                }
-
-                function validator(modelValue, viewValue) {
-                    var value = modelValue || viewValue;
-
-                    if (angular.isNumber(value)) {
-                        value = new Date(value);
-                    }
-                    if (!value) {
-                        return true;
-                    } else if (angular.isDate(value) && !isNaN(value)) {
-                        return true;
-                    } else if (angular.isString(value)) {
-                        var date = dateParser.parse(value, dateFormat) || new Date(value);
-
-                        return !isNaN(date);
-                    }
-                    return false;
-                }
-
-                if (!isHtml5DateInput) {
-                // Internal API to maintain the correct ng-invalid-[key] class
-                    ngModel.$$parserName = 'date';
-                    ngModel.$validators.date = validator;
-                    ngModel.$parsers.unshift(parseDate);
-                    ngModel.$formatters.push((value) => {
-                        scope.date = value;
-                        return ngModel.$isEmpty(value) ? value : dateFilter(value, dateFormat);
-                    });
-                } else {
-                    ngModel.$formatters.push((value) => {
-                        scope.date = value;
-                        return value;
-                    });
-                }
-
-                // Inner change
-                scope.dateSelection = function(dt) {
-                    if (angular.isDefined(dt)) {
-                        scope.date = dt;
-                    }
-                    var date = scope.date ? dateFilter(scope.date, dateFormat) : '';
-
-                    element.val(date);
-                    ngModel.$setViewValue(date);
-
-                    if (closeOnDateSelection) {
-                        scope.isOpen = false;
-                        element[0].focus();
-                    }
-                };
-
-                // Detect changes in the view from the text box
-                ngModel.$viewChangeListeners.push(() => {
-                    scope.date = dateParser.parse(ngModel.$viewValue, dateFormat, scope.date) || new Date(ngModel.$viewValue);
-                });
-
-                var documentClickBind = function documentClickBind(event) {
-                    if (scope.isOpen && event.target !== element[0]) {
-                        scope.$apply(() => {
-                            scope.isOpen = false;
-                        });
-                    }
-                };
-
-                var inputKeydownBind = function inputKeydownBind(evt) {
-                    if (evt.which === 27 && scope.isOpen) {
-                        evt.preventDefault();
-                        evt.stopPropagation();
-                        scope.$apply(() => {
-                            scope.isOpen = false;
-                        });
-                        element[0].focus();
-                    } else if (evt.which === 40 && !scope.isOpen) {
-                        evt.preventDefault();
-                        evt.stopPropagation();
-                        scope.$apply(() => {
-                            scope.isOpen = true;
-                        });
-                    }
-                };
-
-                element.bind('keydown', inputKeydownBind);
-
-                scope.keydown = function(evt) {
-                    if (evt.which === 27) {
-                        scope.isOpen = false;
-                        element[0].focus();
-                    }
-                };
-
-                scope.$watch('isOpen', (value) => {
-                    if (value) {
-                        scope.position = appendToBody ? $position.offset(element) : $position.position(element);
-                        scope.position.top = scope.position.top + element.prop('offsetHeight');
-
-                        $document.bind('click', documentClickBind);
-
-                        $timeout(() => {
-                            scope.$broadcast('datepicker.focus');
-                        }, 0, false);
-                    } else {
-                        $document.unbind('click', documentClickBind);
-                    }
-                });
-
-                scope.select = function(date) {
-                    if (date === 'today') {
-                        var today = new Date();
-
-                        if (angular.isDate(scope.date)) {
-                            date = new Date(scope.date);
-                            date.setFullYear(today.getFullYear(), today.getMonth(), today.getDate());
-                        } else {
-                            date = new Date(today.setHours(0, 0, 0, 0));
-                        }
-                    }
-                    scope.dateSelection(date);
-                };
-
-                scope.close = function() {
-                    scope.isOpen = false;
-                    element[0].focus();
-                };
-
-                var $popup = $compile(popupEl)(scope);
-                // Prevent jQuery cache memory leak (template is now redundant after linking)
-
-                popupEl.remove();
-
-                if (appendToBody) {
-                    $document.find('body').append($popup);
-                } else {
-                    element.after($popup);
-                }
-
-                scope.$on('$destroy', () => {
-                    if (scope.isOpen === true) {
-                        scope.$apply(() => {
-                            scope.isOpen = false;
-                        });
-                    }
-
-                    $popup.remove();
-                    element.unbind('keydown', inputKeydownBind);
-                    $document.unbind('click', documentClickBind);
-                });
-            }
-        };
-    }])
-    .directive('datepickerPopupWrap', () => ({
-        restrict: 'EA',
-        replace: true,
-        transclude: true,
-        template: require('../../template/datepicker/popup.html')
-    }));