diff --git a/js/angular-material-datetimepicker.js b/js/angular-material-datetimepicker.js index dfcbd4e..a2fcc6e 100644 --- a/js/angular-material-datetimepicker.js +++ b/js/angular-material-datetimepicker.js @@ -1,998 +1,1012 @@ (function () { 'use strict'; - var moduleName = "ngMaterialDatePicker"; - - var VIEW_STATES = { - DATE: 0, - HOUR: 1, - MINUTE: 2 - }; - - var css = function (el, name) { - el = angular.element(el); - return ('getComputedStyle' in window) ? window.getComputedStyle(el[0])[name] : el.css(name); - }; - - var template = '' - + ' ' - + '
' - + '
' - + '
{{picker.currentDate.format("dddd")}}
' - + '
{{picker.params.shortTime ? picker.currentDate.format("A") : " "}}
' - + '
' - + ' ×' - + '
' - + '
' - + '
' - + '
' - + '
{{picker.currentDate.format("MMM") | uppercase}}
' - + '
' - + '
{{picker.currentDate.format("DD")}}
' - + '
' - + '
▲
' - + '
{{picker.currentDate.format("YYYY")}}
' - + '
▼
' - + '
' - + '
'//start time - + '
' - + '
{{picker.currentNearest5Minute().format(picker.params.shortTime ? "hh:mm" : "HH:mm")}}
' - + '
' - + '
' - + ' ' - + '
' - + '
' - + '
' - + ' {{picker.params.amText}}' - + '
' - + '
{{picker.currentNearest5Minute().format(picker.params.shortTime ? "hh:mm" : "HH:mm")}}
' - + '
' - + ' {{picker.params.pmText}}' - + '
' - + '
' - + '
' - + ' ' - + ' ' - + '
' - + '
' - + '
' - + ' ' - + ' ' - + ' {{picker.params.todayText}}' - + ' {{picker.params.cancelText}}' - + ' {{picker.params.okText}}' - + ' ' - + ''; - - - angular.module(moduleName, ['ngMaterial']) - .provider('mdcDatetimePickerDefaultLocale', function () { - this.locale = window.navigator.userLanguage || window.navigator.language || 'en'; - - this.$get = function () { - return this; - }; - - this.setDefaultLocale = function (localeString) { - this.locale = localeString; - }; - }) - .factory('mdcDefaultParams', ['mdcDatetimePickerDefaultLocale', function (mdcDatetimePickerDefaultLocale) { - var default_params = { - date: true, - time: true, - format: 'YYYY-MM-DD', - minDate: null, - maxDate: null, - currentDate: null, - lang: mdcDatetimePickerDefaultLocale.locale, - weekStart: 0, - shortTime: false, - cancelText: 'Cancel', - okText: 'OK', - amText: 'AM', - pmText: 'PM', - todayText: 'Today', - disableDates: [] - }; - return default_params; - }]) - .directive('mdcDatetimePicker', ['$mdDialog', '$timeout', - function ($mdDialog, $timeout) { - return { - restrict: 'A', - require: 'ngModel', - scope: { - currentDate: '=ngModel', - ngChange: '&', - time: '=', - date: '=', - minDate: '=', - maxDate: '=', - disableDates: '=', - shortTime: '=', - weekStart: '=', - format: '@', - cancelText: '@', - okText: '@', - lang: '@', - amText: '@', - pmText: '@', - showTodaysDate: '@', - todayText: '@' - }, - link: function (scope, element, attrs, ngModel) { - var isOn = false; - if (!scope.format) { - if (scope.date && scope.time) { - scope.format = 'YYYY-MM-DD HH:mm'; - } else if (scope.date) { - scope.format = 'YYYY-MM-DD'; - } else { - scope.format = 'HH:mm'; - } - } + function ngMaterialDatePicker(moment) { + + var moduleName = "ngMaterialDatePicker"; + + var VIEW_STATES = { + DATE: 0, + HOUR: 1, + MINUTE: 2 + }; + + var css = function (el, name) { + el = angular.element(el); + return ('getComputedStyle' in window) ? window.getComputedStyle(el[0])[name] : el.css(name); + }; + + var template = '' + + ' ' + + '
' + + '
' + + '
{{picker.currentDate.format("dddd")}}
' + + '
{{picker.params.shortTime ? picker.currentDate.format("A") : " "}}
' + + '
' + + ' ×' + + '
' + + '
' + + '
' + + '
' + + '
{{picker.currentDate.format("MMM") | uppercase}}
' + + '
' + + '
{{picker.currentDate.format("DD")}}
' + + '
' + + '
▲
' + + '
{{picker.currentDate.format("YYYY")}}
' + + '
▼
' + + '
' + + '
'//start time + + '
' + + '
{{picker.currentNearest5Minute().format(picker.params.shortTime ? "hh:mm" : "HH:mm")}}
' + + '
' + + '
' + + ' ' + + '
' + + '
' + + '
' + + ' {{picker.params.amText}}' + + '
' + + '
{{picker.currentNearest5Minute().format(picker.params.shortTime ? "hh:mm" : "HH:mm")}}
' + + '
' + + ' {{picker.params.pmText}}' + + '
' + + '
' + + '
' + + ' ' + + ' ' + + '
' + + '
' + + '
' + + ' ' + + ' ' + + ' {{picker.params.todayText}}' + + ' {{picker.params.cancelText}}' + + ' {{picker.params.okText}}' + + ' ' + + ''; + + + angular.module(moduleName, ['ngMaterial']) + .provider('mdcDatetimePickerDefaultLocale', function () { + this.locale = window.navigator.userLanguage || window.navigator.language || 'en'; + + this.$get = function () { + return this; + }; - var dateOfTheDay = null; - if (scope.showTodaysDate !== undefined && scope.showTodaysDate !== "false") { - dateOfTheDay = moment(); - } + this.setDefaultLocale = function (localeString) { + this.locale = localeString; + }; + }) + .factory('mdcDefaultParams', ['mdcDatetimePickerDefaultLocale', function (mdcDatetimePickerDefaultLocale) { + var default_params = { + date: true, + time: true, + format: 'YYYY-MM-DD', + minDate: null, + maxDate: null, + currentDate: null, + lang: mdcDatetimePickerDefaultLocale.locale, + weekStart: 0, + shortTime: false, + cancelText: 'Cancel', + okText: 'OK', + amText: 'AM', + pmText: 'PM', + todayText: 'Today', + disableDates: [] + }; + return default_params; + }]) + .directive('mdcDatetimePicker', ['$mdDialog', '$timeout', + function ($mdDialog, $timeout) { + + return { + restrict: 'A', + require: 'ngModel', + scope: { + currentDate: '=ngModel', + ngChange: '&', + time: '=', + date: '=', + minDate: '=', + maxDate: '=', + disableDates: '=', + shortTime: '=', + weekStart: '=', + format: '@', + cancelText: '@', + okText: '@', + lang: '@', + amText: '@', + pmText: '@', + showTodaysDate: '@', + todayText: '@' + }, + link: function (scope, element, attrs, ngModel) { + var isOn = false; + if (!scope.format) { + if (scope.date && scope.time) { + scope.format = 'YYYY-MM-DD HH:mm'; + } else if (scope.date) { + scope.format = 'YYYY-MM-DD'; + } else { + scope.format = 'HH:mm'; + } + } - if (angular.isString(scope.currentDate) && scope.currentDate !== '') { - scope.currentDate = moment(scope.currentDate, scope.format); - } + var dateOfTheDay = null; + if (scope.showTodaysDate !== undefined && scope.showTodaysDate !== "false") { + dateOfTheDay = moment(); + } - if (ngModel) { - ngModel.$formatters.push(function (value) { - if (typeof value === 'undefined') { - return; - } - var m = moment(value); - return m.isValid() ? m.format(scope.format) : ''; - }); - } + if (angular.isString(scope.currentDate) && scope.currentDate !== '') { + scope.currentDate = moment(scope.currentDate, scope.format); + } - element.attr('readonly', ''); - //@TODO custom event to trigger input - element.on('focus', function (e) { - e.preventDefault(); - element.blur(); - if (isOn) { - return; + if (ngModel) { + ngModel.$formatters.push(function (value) { + if (typeof value === 'undefined') { + return; + } + var m = moment(value); + return m.isValid() ? m.format(scope.format) : ''; + }); } - isOn = true; - var options = {}; - for (var i in attrs) { - if (scope.hasOwnProperty(i) && !angular.isUndefined(scope[i])) { - options[i] = scope[i]; + + element.attr('readonly', ''); + //@TODO custom event to trigger input + element.on('focus', function (e) { + e.preventDefault(); + element.blur(); + if (isOn) { + return; } - } - options.currentDate = scope.currentDate; - options.showTodaysDate = dateOfTheDay; - - var locals = {options: options}; - $mdDialog.show({ - template: template, - controller: PluginController, - controllerAs: 'picker', - locals: locals, - openFrom: element, - parent: angular.element(document.body), - bindToController: true, - disableParentScroll: false, - hasBackDrop: false, - skipHide: true - }) - .then(function (v) { - scope.currentDate = v ? v._d : v; - isOn = false; - - if (!moment(scope.currentDate).isSame(options.currentDate)) { - $timeout(scope.ngChange, 0); + isOn = true; + var options = {}; + for (var i in attrs) { + if (scope.hasOwnProperty(i) && !angular.isUndefined(scope[i])) { + options[i] = scope[i]; } + } + options.currentDate = scope.currentDate; + options.showTodaysDate = dateOfTheDay; + + var locals = { options: options }; + $mdDialog.show({ + template: template, + controller: PluginController, + controllerAs: 'picker', + locals: locals, + openFrom: element, + parent: angular.element(document.body), + bindToController: true, + disableParentScroll: false, + hasBackDrop: false, + skipHide: true + }) + .then(function (v) { + scope.currentDate = v ? v._d : v; + isOn = false; - element.blur() + if (!moment(scope.currentDate).isSame(options.currentDate)) { + $timeout(scope.ngChange, 0); + } - }, function () { - isOn = false; - element.blur() - }) - ; - }); + element.blur() + + }, function () { + isOn = false; + element.blur() + }) + ; + }); + } + }; + }]) + /** Returns a service that opens a dialog when the attribute shown is called + The dialog serves to select a date/time/etc. depending on the options given to the function show + + @param options extends mdcDefaultParams + { + date: {boolean} =true, + time: {boolean] =true, + format: {string} ='YYYY-MM-DD', + minDate: {strign} =null, + maxDate: {string} =null, + currentDate: {string} =null, + lang: {string} =mdcDatetimePickerDefaultLocale, + weekStart: {int} =0, + shortTime: {boolean} =false, + cancelText: {string} ='Cancel', + todayText: {string} ='Today', + okText: {string} ='OK', + amText: {string} ='AM', + pmText: {string} ='PM' + } + @return promise + */ + .factory('mdcDateTimeDialog', ["$mdDialog", "$q", "mdcDefaultParams", function ($mdDialog, $q, mdcDefaultParams) { + var accepted_options = Object.keys(mdcDefaultParams); + console.log(accepted_options); + var service = { + show: function (options) { + var deferred = $q.defer(); + var params = angular.copy(mdcDefaultParams); + for (var i in options) { + if (accepted_options.indexOf[i] != -1 && options.hasOwnProperty(i)) { + params = options[i]; + } + } + var locals = { options: options }; + $mdDialog.show({ + template: template, + controller: PluginController, + controllerAs: 'picker', + locals: locals, + parent: angular.element(document.body), + bindToController: true, + clickOutsideToClose: true, + disableParentScroll: false, + skipHide: true + }) + .then(function (v) { + var currentDate = v ? v._d : v; + deferred.resolve(v ? v._d : v); + }, function () { + deferred.reject(); + }); + return deferred.promise; } }; + + return service; }]) - /** Returns a service that opens a dialog when the attribute shown is called - The dialog serves to select a date/time/etc. depending on the options given to the function show - - @param options extends mdcDefaultParams - { - date: {boolean} =true, - time: {boolean] =true, - format: {string} ='YYYY-MM-DD', - minDate: {strign} =null, - maxDate: {string} =null, - currentDate: {string} =null, - lang: {string} =mdcDatetimePickerDefaultLocale, - weekStart: {int} =0, - shortTime: {boolean} =false, - cancelText: {string} ='Cancel', - todayText: {string} ='Today', - okText: {string} ='OK', - amText: {string} ='AM', - pmText: {string} ='PM' - } - @return promise - */ - .factory('mdcDateTimeDialog', ["$mdDialog", "$q", "mdcDefaultParams", function ($mdDialog, $q, mdcDefaultParams) { - var accepted_options = Object.keys(mdcDefaultParams); - console.log(accepted_options); - var service = { - show: function (options) { - var deferred = $q.defer(); - var params = angular.copy(mdcDefaultParams); - for (var i in options) { - if (accepted_options.indexOf[i] != -1 && options.hasOwnProperty(i)) { - params = options[i]; - } - } - var locals = {options: options}; - $mdDialog.show({ - template: template, - controller: PluginController, - controllerAs: 'picker', - locals: locals, - parent: angular.element(document.body), - bindToController: true, - clickOutsideToClose: true, - disableParentScroll: false, - skipHide: true - }) - .then(function (v) { - var currentDate = v ? v._d : v; - deferred.resolve(v ? v._d : v); - }, function () { - deferred.reject(); - }); - return deferred.promise; + ; + + var PluginController = function ($scope, $mdDialog, mdcDefaultParams) { + this.currentView = VIEW_STATES.DATE; + this._dialog = $mdDialog; + + this._attachedEvents = []; + this.VIEWS = VIEW_STATES; + this.params = mdcDefaultParams; + this.meridien = 'AM'; + this.params = angular.extend(this.params, this.options); + + this.init(); + }; + + PluginController.$inject = ['$scope', '$mdDialog', 'mdcDefaultParams']; + PluginController.prototype = { + init: function () { + this.timeMode = this.params.time && !this.params.date; + this.dateMode = this.params.date; + this.initDates(); + this.start(); + }, + currentNearest5Minute: function () { + var date = this.currentDate || moment(); + var minutes = (5 * Math.round(date.minute() / 5)); + if (minutes >= 60) { + minutes = 55; //always push down } - }; - - return service; - }]) - ; - - var PluginController = function ($scope, $mdDialog, mdcDefaultParams) { - this.currentView = VIEW_STATES.DATE; - this._dialog = $mdDialog; - - this._attachedEvents = []; - this.VIEWS = VIEW_STATES; - this.params = mdcDefaultParams; - this.meridien = 'AM'; - this.params = angular.extend(this.params, this.options); - - this.init(); - }; - - PluginController.$inject = ['$scope', '$mdDialog', 'mdcDefaultParams']; - PluginController.prototype = { - init: function () { - this.timeMode = this.params.time && !this.params.date; - this.dateMode = this.params.date; - this.initDates(); - this.start(); - }, - currentNearest5Minute: function () { - var date = this.currentDate || moment(); - var minutes = (5 * Math.round(date.minute() / 5)); - if (minutes >= 60) { - minutes = 55; //always push down - } - return moment(date).minutes(minutes); - }, - initDates: function () { - var that = this; - var _dateParam = function (input, fallback) { - var ret = null; - if (angular.isDefined(input) && input !== null && input !== '') { - if (angular.isString(input)) { - if (typeof(that.params.format) !== 'undefined' && that.params.format !== null) { - ret = moment(input, that.params.format).locale(that.params.lang); - } - else { + return moment(date).minutes(minutes); + }, + initDates: function () { + var that = this; + var _dateParam = function (input, fallback) { + var ret = null; + if (angular.isDefined(input) && input !== null && input !== '') { + if (angular.isString(input)) { + if (typeof (that.params.format) !== 'undefined' && that.params.format !== null) { + ret = moment(input, that.params.format).locale(that.params.lang); + } + else { + ret = moment(input).locale(that.params.lang); + } + } else if (typeof input === 'number') { ret = moment(input).locale(that.params.lang); - } - } else if (typeof input === 'number') { - ret = moment(input).locale(that.params.lang); - } else { - if (angular.isDate(input)) { - var x = input.getTime(); - ret = moment(x, "x").locale(that.params.lang); - } else if (input._isAMomentObject) { - ret = input; + } else { + if (angular.isDate(input)) { + var x = input.getTime(); + ret = moment(x, "x").locale(that.params.lang); + } else if (input._isAMomentObject) { + ret = input; + } } } - } - else { - ret = fallback; - } - return ret; - }; - - this.currentDate = _dateParam(this.params.currentDate, moment()); - this.minDate = _dateParam(this.params.minDate); - this.maxDate = _dateParam(this.params.maxDate); - this.disableDates = this.params.disableDates.map(function (x) { - return moment(x).format('MMMM Do YYYY') - }); - this.selectDate(this.currentDate); - }, - initDate: function () { - this.currentView = VIEW_STATES.DATE; - }, - initHours: function () { - this.currentView = VIEW_STATES.HOUR; - }, - initMinutes: function () { - this.currentView = VIEW_STATES.MINUTE; - }, - isAfterMinDate: function (date, checkHour, checkMinute) { - var _return = true; - - if (typeof(this.minDate) !== 'undefined' && this.minDate !== null) { - var _minDate = moment(this.minDate); - var _date = moment(date); - - if (!checkHour && !checkMinute) { - _minDate.hour(0); - _minDate.minute(0); - - _date.hour(0); - _date.minute(0); - } + else { + ret = fallback; + } + return ret; + }; - _minDate.second(0); - _date.second(0); - _minDate.millisecond(0); - _date.millisecond(0); + this.currentDate = _dateParam(this.params.currentDate, moment()); + this.minDate = _dateParam(this.params.minDate); + this.maxDate = _dateParam(this.params.maxDate); + this.disableDates = this.params.disableDates.map(function (x) { + return moment(x).format('MMMM Do YYYY') + }); + this.selectDate(this.currentDate); + }, + initDate: function () { + this.currentView = VIEW_STATES.DATE; + }, + initHours: function () { + this.currentView = VIEW_STATES.HOUR; + }, + initMinutes: function () { + this.currentView = VIEW_STATES.MINUTE; + }, + isAfterMinDate: function (date, checkHour, checkMinute) { + var _return = true; + + if (typeof (this.minDate) !== 'undefined' && this.minDate !== null) { + var _minDate = moment(this.minDate); + var _date = moment(date); + + if (!checkHour && !checkMinute) { + _minDate.hour(0); + _minDate.minute(0); + + _date.hour(0); + _date.minute(0); + } - if (!checkMinute) { - _date.minute(0); - _minDate.minute(0); + _minDate.second(0); + _date.second(0); + _minDate.millisecond(0); + _date.millisecond(0); - _return = (parseInt(_date.format("X")) >= parseInt(_minDate.format("X"))); - } - else { - _return = (parseInt(_date.format("X")) >= parseInt(_minDate.format("X"))); + if (!checkMinute) { + _date.minute(0); + _minDate.minute(0); + + _return = (parseInt(_date.format("X")) >= parseInt(_minDate.format("X"))); + } + else { + _return = (parseInt(_date.format("X")) >= parseInt(_minDate.format("X"))); + } } - } - return _return; - }, - isBeforeMaxDate: function (date, checkTime, checkMinute) { - var _return = true; + return _return; + }, + isBeforeMaxDate: function (date, checkTime, checkMinute) { + var _return = true; - if (typeof(this.maxDate) !== 'undefined' && this.maxDate !== null) { - var _maxDate = moment(this.maxDate); - var _date = moment(date); + if (typeof (this.maxDate) !== 'undefined' && this.maxDate !== null) { + var _maxDate = moment(this.maxDate); + var _date = moment(date); - if (!checkTime && !checkMinute) { - _maxDate.hour(0); - _maxDate.minute(0); + if (!checkTime && !checkMinute) { + _maxDate.hour(0); + _maxDate.minute(0); - _date.hour(0); - _date.minute(0); - } + _date.hour(0); + _date.minute(0); + } - _maxDate.second(0); - _date.second(0); - _maxDate.millisecond(0); - _date.millisecond(0); + _maxDate.second(0); + _date.second(0); + _maxDate.millisecond(0); + _date.millisecond(0); - if (!checkMinute) { - _date.minute(0); - _maxDate.minute(0); + if (!checkMinute) { + _date.minute(0); + _maxDate.minute(0); - _return = (parseInt(_date.format("X")) <= parseInt(_maxDate.format("X"))); - } - else { - _return = (parseInt(_date.format("X")) <= parseInt(_maxDate.format("X"))); + _return = (parseInt(_date.format("X")) <= parseInt(_maxDate.format("X"))); + } + else { + _return = (parseInt(_date.format("X")) <= parseInt(_maxDate.format("X"))); + } } - } - return _return; - }, - isInDisableDates: function (date) { - var dut = date.format('MMMM Do YYYY') - if (this.disableDates.indexOf(dut) > -1) { - return false; - } - return true; - }, - selectDate: function (date) { - if (date) { - this.currentDate = moment(date); - if (!this.isAfterMinDate(this.currentDate)) { - this.currentDate = moment(this.minDate); + return _return; + }, + isInDisableDates: function (date) { + var dut = date.format('MMMM Do YYYY') + if (this.disableDates.indexOf(dut) > -1) { + return false; } + return true; + }, + selectDate: function (date) { + if (date) { + this.currentDate = moment(date); + if (!this.isAfterMinDate(this.currentDate)) { + this.currentDate = moment(this.minDate); + } - if (!this.isBeforeMaxDate(this.currentDate)) { - this.currentDate = moment(this.maxDate); + if (!this.isBeforeMaxDate(this.currentDate)) { + this.currentDate = moment(this.maxDate); + } + this.currentDate.locale(this.params.lang); + this.calendarStart = moment(this.currentDate); + this.meridien = this.currentDate.hour() >= 12 ? 'PM' : 'AM'; } - this.currentDate.locale(this.params.lang); - this.calendarStart = moment(this.currentDate); - this.meridien = this.currentDate.hour() >= 12 ? 'PM' : 'AM'; - } - }, - setName: function () { - var text = ""; - var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; + }, + setName: function () { + var text = ""; + var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; - for (var i = 0; i < 5; i++) { - text += possible.charAt(Math.floor(Math.random() * possible.length)); - } + for (var i = 0; i < 5; i++) { + text += possible.charAt(Math.floor(Math.random() * possible.length)); + } - return text; - }, - isPM: function () { - return this.meridien === 'PM'; - }, - incrementYear: function (amount) { - if (amount === 1 && this.isNextYearVisible()) { - this.selectDate(this.currentDate.add(amount, 'year')); - } + return text; + }, + isPM: function () { + return this.meridien === 'PM'; + }, + incrementYear: function (amount) { + if (amount === 1 && this.isNextYearVisible()) { + this.selectDate(this.currentDate.add(amount, 'year')); + } - if (amount === -1 && this.isPreviousYearVisible()) { - this.selectDate(this.currentDate.add(amount, 'year')); - } - }, - isPreviousMonthVisible: function () { - return this.calendarStart && this.isAfterMinDate(moment(this.calendarStart).startOf('month'), false, false); - }, - isNextMonthVisible: function () { - return this.calendarStart && this.isBeforeMaxDate(moment(this.calendarStart).endOf('month'), false, false); - }, - isPreviousYearVisible: function () { - return this.calendarStart && this.isAfterMinDate(moment(this.calendarStart).startOf('year'), false, false); - }, - isNextYearVisible: function () { - return this.calendarStart && this.isBeforeMaxDate(moment(this.calendarStart).endOf('year'), false, false); - }, - isHourAvailable: function (hour) { - var _date = moment(this.currentDate); - _date.hour(this.convertHours(hour)).minute(0).second(0); - return this.isAfterMinDate(_date, true, false) && this.isBeforeMaxDate(_date, true, false); - }, - isMinuteAvailable: function (minute) { - var _date = moment(this.currentDate); - _date.minute(minute).second(0); - return this.isAfterMinDate(_date, true, true) && this.isBeforeMaxDate(_date, true, true); - }, - start: function () { - this.currentView = VIEW_STATES.DATE; - //this.initDates(); - if (this.params.date) { - this.initDate(); - } else { - if (this.params.time) { - this.initHours(); + if (amount === -1 && this.isPreviousYearVisible()) { + this.selectDate(this.currentDate.add(amount, 'year')); } - } - }, - today: function () { - this.selectDate(Date.now()); - }, - ok: function () { - switch (this.currentView) { - case VIEW_STATES.DATE: - if (this.params.time === true) { + }, + isPreviousMonthVisible: function () { + return this.calendarStart && this.isAfterMinDate(moment(this.calendarStart).startOf('month'), false, false); + }, + isNextMonthVisible: function () { + return this.calendarStart && this.isBeforeMaxDate(moment(this.calendarStart).endOf('month'), false, false); + }, + isPreviousYearVisible: function () { + return this.calendarStart && this.isAfterMinDate(moment(this.calendarStart).startOf('year'), false, false); + }, + isNextYearVisible: function () { + return this.calendarStart && this.isBeforeMaxDate(moment(this.calendarStart).endOf('year'), false, false); + }, + isHourAvailable: function (hour) { + var _date = moment(this.currentDate); + _date.hour(this.convertHours(hour)).minute(0).second(0); + return this.isAfterMinDate(_date, true, false) && this.isBeforeMaxDate(_date, true, false); + }, + isMinuteAvailable: function (minute) { + var _date = moment(this.currentDate); + _date.minute(minute).second(0); + return this.isAfterMinDate(_date, true, true) && this.isBeforeMaxDate(_date, true, true); + }, + start: function () { + this.currentView = VIEW_STATES.DATE; + //this.initDates(); + if (this.params.date) { + this.initDate(); + } else { + if (this.params.time) { this.initHours(); } - else { - this.hide(true); - } - break; - case VIEW_STATES.HOUR: - this.initMinutes(); - break; - case VIEW_STATES.MINUTE: - this.hide(true); - break; - } - }, - cancel: function () { - if (this.params.time) { + } + }, + today: function () { + this.selectDate(Date.now()); + }, + ok: function () { switch (this.currentView) { case VIEW_STATES.DATE: - this.hide(); - break; - case VIEW_STATES.HOUR: - if (this.params.date) { - this.initDate(); + if (this.params.time === true) { + this.initHours(); } else { - this.hide(); + this.hide(true); } break; + case VIEW_STATES.HOUR: + this.initMinutes(); + break; case VIEW_STATES.MINUTE: - this.initHours(); + this.hide(true); break; } - } - else { - this.hide(); - } - }, - selectMonthBefore: function () { - this.calendarStart.subtract(1, 'months'); - }, - selectMonthAfter: function () { - this.calendarStart.add(1, 'months'); - }, - selectYearBefore: function () { - this.calendarStart.subtract(1, 'years'); - }, - selectYearAfter: function () { - this.calendarStart.add(1, 'years'); - }, - selectAM: function () { - if (this.isHourAvailable(0) || this.isHourAvailable(12)) { - if (this.currentDate.hour() >= 12) { - this.selectDate(this.currentDate.subtract(12, 'hours')); - } - if (!this.isHourAvailable(this.currentDate.hour())) { - this.selectDate(this.currentDate.hour(this.minDate.hour())); + }, + cancel: function () { + if (this.params.time) { + switch (this.currentView) { + case VIEW_STATES.DATE: + this.hide(); + break; + case VIEW_STATES.HOUR: + if (this.params.date) { + this.initDate(); + } + else { + this.hide(); + } + break; + case VIEW_STATES.MINUTE: + this.initHours(); + break; + } } - if (!this.isMinuteAvailable(this.currentDate.minute())) { - this.selectDate(this.currentDate.minute(this.minDate.minute())); + else { + this.hide(); } - } - }, - selectPM: function () { - if (this.isHourAvailable(13) || this.isHourAvailable(24)) { - if (this.currentDate.hour() < 12) { - this.selectDate(this.currentDate.add(12, 'hours')); + }, + selectMonthBefore: function () { + this.calendarStart.subtract(1, 'months'); + }, + selectMonthAfter: function () { + this.calendarStart.add(1, 'months'); + }, + selectYearBefore: function () { + this.calendarStart.subtract(1, 'years'); + }, + selectYearAfter: function () { + this.calendarStart.add(1, 'years'); + }, + selectAM: function () { + if (this.isHourAvailable(0) || this.isHourAvailable(12)) { + if (this.currentDate.hour() >= 12) { + this.selectDate(this.currentDate.subtract(12, 'hours')); + } + if (!this.isHourAvailable(this.currentDate.hour())) { + this.selectDate(this.currentDate.hour(this.minDate.hour())); + } + if (!this.isMinuteAvailable(this.currentDate.minute())) { + this.selectDate(this.currentDate.minute(this.minDate.minute())); + } } - if (!this.isHourAvailable(this.currentDate.hour())) { - this.selectDate(this.currentDate.hour(this.maxDate.hour())); + }, + selectPM: function () { + if (this.isHourAvailable(13) || this.isHourAvailable(24)) { + if (this.currentDate.hour() < 12) { + this.selectDate(this.currentDate.add(12, 'hours')); + } + if (!this.isHourAvailable(this.currentDate.hour())) { + this.selectDate(this.currentDate.hour(this.maxDate.hour())); + } + if (!this.isMinuteAvailable(this.currentDate.minute())) { + this.selectDate(this.currentDate.minute(this.maxDate.minute())); + } } - if (!this.isMinuteAvailable(this.currentDate.minute())) { - this.selectDate(this.currentDate.minute(this.maxDate.minute())); + }, + convertHours: function (h) { + var _return = h; + if ((h < 12) && this.isPM()) + _return += 12; + + return _return; + }, + hide: function (okBtn) { + if (okBtn) { + this._dialog.hide(this.currentDate); + } else { + this._dialog.cancel(); } } - }, - convertHours: function (h) { - var _return = h; - if ((h < 12) && this.isPM()) - _return += 12; - - return _return; - }, - hide: function (okBtn) { - if (okBtn) { - this._dialog.hide(this.currentDate); - } else { - this._dialog.cancel(); - } - } - }; + }; - angular.module(moduleName) - .directive('mdcDatetimePickerCalendar', [ - function () { - - var YEAR_MIN = 1920, - YEAR_MAX = new Date().getFullYear() + 30, - MONTHS_IN_ALL = (YEAR_MAX - YEAR_MIN + 1) * 12, - ITEM_HEIGHT = 240, - MONTHS = []; - for (var i = 0; i < MONTHS_IN_ALL; i++) { - MONTHS.push(i); - } + angular.module(moduleName) + .directive('mdcDatetimePickerCalendar', [ + function () { - var currentMonthIndex = function (date, low) { - low = low ? low : 0; - var year = date.year(); - var month = date.month(); - return (((year - YEAR_MIN) * 12) + month - 1 ) - low; - }; + var YEAR_MIN = 1920, + YEAR_MAX = new Date().getFullYear() + 30, + MONTHS_IN_ALL = (YEAR_MAX - YEAR_MIN + 1) * 12, + ITEM_HEIGHT = 240, + MONTHS = []; + for (var i = 0; i < MONTHS_IN_ALL; i++) { + MONTHS.push(i); + } - return { - restrict: 'E', - scope: { - picker: '=', - date: '=' - }, - bindToController: true, - controllerAs: 'cal', - controller: ['$scope', function ($scope) { - this.$onInit = function () { - var calendar = this, - picker = this.picker, - days = []; - - for (var i = picker.params.weekStart; days.length < 7; i++) { - if (i > 6) { - i = 0; + var currentMonthIndex = function (date, low) { + low = low ? low : 0; + var year = date.year(); + var month = date.month(); + return (((year - YEAR_MIN) * 12) + month - 1) - low; + }; + + return { + restrict: 'E', + scope: { + picker: '=', + date: '=' + }, + bindToController: true, + controllerAs: 'cal', + controller: ['$scope', function ($scope) { + this.$onInit = function () { + var calendar = this, + picker = this.picker, + days = []; + + for (var i = picker.params.weekStart; days.length < 7; i++) { + if (i > 6) { + i = 0; + } + days.push(i.toString()); } - days.push(i.toString()); - } - - calendar.week = days; - if (!picker.maxDate && !picker.minDate) { - calendar.months = MONTHS; - } else { - var low = picker.minDate ? currentMonthIndex(picker.minDate) : 0; - var high = picker.maxDate ? (currentMonthIndex(picker.maxDate) + 1) : MONTHS_IN_ALL; - calendar.months = MONTHS.slice(low, high); - } + calendar.week = days; + if (!picker.maxDate && !picker.minDate) { + calendar.months = MONTHS; + } else { + var low = picker.minDate ? currentMonthIndex(picker.minDate) : 0; + var high = picker.maxDate ? (currentMonthIndex(picker.maxDate) + 1) : MONTHS_IN_ALL; + calendar.months = MONTHS.slice(low, high); + } - calendar.getItemAtIndex = function (index) { - var month = ((index + 1) % 12) || 12; - var year = YEAR_MIN + Math.floor(index / 12); - var monthObj = moment(picker.currentDate) - .year(year) - .month(month); - return generateMonthCalendar(monthObj); - }; - calendar.topIndex = currentMonthIndex(picker.currentDate) - calendar.months[0]; + calendar.getItemAtIndex = function (index) { + var month = ((index + 1) % 12) || 12; + var year = YEAR_MIN + Math.floor(index / 12); + var monthObj = moment(picker.currentDate) + .year(year) + .month(month); + return generateMonthCalendar(monthObj); + }; - $scope.$watch(function () { - return picker.currentDate ? picker.currentDate.format('YYYY-MM') : ''; - }, function (val2, val1) { - if (val2 != val1) { - var nDate = moment(val2, 'YYYY-MM'); - var low = picker.minDate ? currentMonthIndex(picker.minDate) : 0; - var index = currentMonthIndex(nDate, low); - if (calendar.topIndex != index) { - calendar.topIndex = index; + calendar.topIndex = currentMonthIndex(picker.currentDate) - calendar.months[0]; + + $scope.$watch(function () { + return picker.currentDate ? picker.currentDate.format('YYYY-MM') : ''; + }, function (val2, val1) { + if (val2 != val1) { + var nDate = moment(val2, 'YYYY-MM'); + var low = picker.minDate ? currentMonthIndex(picker.minDate) : 0; + var index = currentMonthIndex(nDate, low); + if (calendar.topIndex != index) { + calendar.topIndex = index; + } } - } - }); + }); - var generateMonthCalendar = function (date) { - var month = {}; - if (date !== null) { - month.name = date.format('MMMM YYYY'); - var startOfMonth = moment(date).locale(picker.params.lang).startOf('month') + var generateMonthCalendar = function (date) { + var month = {}; + if (date !== null) { + month.name = date.format('MMMM YYYY'); + var startOfMonth = moment(date).locale(picker.params.lang).startOf('month') .hour(date.hour()) .minute(date.minute()) - ; - var iNumDay = startOfMonth.format('d'); - month.days = []; - for (var i = startOfMonth.date(); i <= startOfMonth.daysInMonth(); i++) { - if (i === startOfMonth.date()) { - var iWeek = calendar.week.indexOf(iNumDay.toString()); - if (iWeek > 0) { - for (var x = 0; x < iWeek; x++) { - month.days.push(0); + ; + var iNumDay = startOfMonth.format('d'); + month.days = []; + for (var i = startOfMonth.date(); i <= startOfMonth.daysInMonth(); i++) { + if (i === startOfMonth.date()) { + var iWeek = calendar.week.indexOf(iNumDay.toString()); + if (iWeek > 0) { + for (var x = 0; x < iWeek; x++) { + month.days.push(0); + } } } + month.days.push(moment(startOfMonth).locale(picker.params.lang).date(i)); } - month.days.push(moment(startOfMonth).locale(picker.params.lang).date(i)); - } - var daysInAWeek = 7, daysTmp = [], slices = Math.ceil(month.days.length / daysInAWeek); - for (var j = 0; j < slices; j++) { - daysTmp.push(month.days.slice(j * daysInAWeek, (j + 1) * daysInAWeek)); + var daysInAWeek = 7, daysTmp = [], slices = Math.ceil(month.days.length / daysInAWeek); + for (var j = 0; j < slices; j++) { + daysTmp.push(month.days.slice(j * daysInAWeek, (j + 1) * daysInAWeek)); + } + month.days = daysTmp; + return month; } - month.days = daysTmp; - return month; - } - }; + }; - calendar.toDay = function (i) { - return moment(parseInt(i), "d") - .locale(picker.params.lang) - .format("dd") - .substring(0, 1); - }; + calendar.toDay = function (i) { + return moment(parseInt(i), "d") + .locale(picker.params.lang) + .format("dd") + .substring(0, 1); + }; - calendar.isInRange = function (date) { - return picker.isAfterMinDate(moment(date), false, false) - && picker.isBeforeMaxDate(moment(date), false, false) - && picker.isInDisableDates(moment(date)); - }; + calendar.isInRange = function (date) { + return picker.isAfterMinDate(moment(date), false, false) + && picker.isBeforeMaxDate(moment(date), false, false) + && picker.isInDisableDates(moment(date)); + }; - calendar.selectDate = function (date) { - if (date) { - if (calendar.isSelectedDay(date)) { - return picker.ok(); + calendar.selectDate = function (date) { + if (date) { + if (calendar.isSelectedDay(date)) { + return picker.ok(); + } + picker.selectDate(moment(date).hour(calendar.date.hour()).minute(calendar.date.minute())); } - picker.selectDate(moment(date).hour(calendar.date.hour()).minute(calendar.date.minute())); - } - }; + }; - calendar.isSelectedDay = function (m) { - return m && calendar.date.date() === m.date() && calendar.date.month() === m.month() && calendar.date.year() === m.year(); - }; + calendar.isSelectedDay = function (m) { + return m && calendar.date.date() === m.date() && calendar.date.month() === m.month() && calendar.date.year() === m.year(); + }; - calendar.isDateOfTheDay = function (m) { - var today = calendar.picker.options.showTodaysDate; - if (!today) { - return false; - } + calendar.isDateOfTheDay = function (m) { + var today = calendar.picker.options.showTodaysDate; + if (!today) { + return false; + } - return m && today.date() === m.date() && today.month() === m.month() && today.year() === m.year(); - } - } - }], - template: '' + - '
' + - '
' + - '
' + - '' - }; - }]) - .directive('mdcDatetimePickerCalendarMonth', ['$compile', - function ($compile) { - var buildCalendarContent = function (element, scope) { - var tbody = angular.element(element[0].querySelector('tbody')); - var calendar = scope.cal, month = scope.month; - - var tbodyHtml = []; - - month.days.forEach(function (weekDays, i) { - tbodyHtml.push(''); - weekDays.forEach(function (weekDay, j) { - tbodyHtml.push(''); - if (weekDay) { - if (calendar.isInRange(weekDay)) { - //build a - var scopeRef = 'month[\'days\'][' + i + '][' + j + ']'; - - tbodyHtml.push(''); - tbodyHtml.push(weekDay.format('D')); - tbodyHtml.push(''); - } else { - tbodyHtml.push(''); - tbodyHtml.push(weekDay.format('D')); - tbodyHtml.push(''); + return m && today.date() === m.date() && today.month() === m.month() && today.year() === m.year(); } } - tbodyHtml.push(''); + }], + template: '' + + '
' + + '
' + + '
' + + '' + }; + }]) + .directive('mdcDatetimePickerCalendarMonth', ['$compile', + function ($compile) { + var buildCalendarContent = function (element, scope) { + var tbody = angular.element(element[0].querySelector('tbody')); + var calendar = scope.cal, month = scope.month; + + var tbodyHtml = []; + + month.days.forEach(function (weekDays, i) { + tbodyHtml.push(''); + weekDays.forEach(function (weekDay, j) { + tbodyHtml.push(''); + if (weekDay) { + if (calendar.isInRange(weekDay)) { + //build a + var scopeRef = 'month[\'days\'][' + i + '][' + j + ']'; + + tbodyHtml.push(''); + tbodyHtml.push(weekDay.format('D')); + tbodyHtml.push(''); + } else { + tbodyHtml.push(''); + tbodyHtml.push(weekDay.format('D')); + tbodyHtml.push(''); + } + } + tbodyHtml.push(''); + }); + tbodyHtml.push(''); }); - tbodyHtml.push(''); - }); - tbody.html(tbodyHtml.join('')); - $compile(tbody)(scope); - }; + tbody.html(tbodyHtml.join('')); + $compile(tbody)(scope); + }; + + return { + scope: { + idx: '=' + }, + require: '^mdcDatetimePickerCalendar', + restrict: 'AE', + template: '
{{month.name}}
' + + '' + + ' ' + + ' ' + + ' ' + + ' ' + + ' ' + + ' ' + + ' ' + + '
{{cal.toDay(day)}}
', + link: function (scope, element, attrs, calendar) { + scope.cal = calendar; + scope.month = calendar.getItemAtIndex(parseInt(scope.idx)); + buildCalendarContent(element, scope); + scope.$watch(function () { + return scope.idx; + }, function (idx, oldIdx) { + if (idx != oldIdx) { + scope.month = calendar.getItemAtIndex(parseInt(scope.idx)); + buildCalendarContent(element, scope); + } + }); + } + }; + } + ]) + ; + angular.module(moduleName) + .directive('mdcDtpNoclick', function () { return { - scope: { - idx: '=' - }, - require: '^mdcDatetimePickerCalendar', - restrict: 'AE', - template: '
{{month.name}}
' - + '' - + ' ' - + ' ' - + ' ' - + ' ' - + ' ' - + ' ' - + ' ' - + '
{{cal.toDay(day)}}
', - link: function (scope, element, attrs, calendar) { - scope.cal = calendar; - scope.month = calendar.getItemAtIndex(parseInt(scope.idx)); - buildCalendarContent(element, scope); - scope.$watch(function () { - return scope.idx; - }, function (idx, oldIdx) { - if (idx != oldIdx) { - scope.month = calendar.getItemAtIndex(parseInt(scope.idx)); - buildCalendarContent(element, scope); - } + link: function (scope, el) { + el.on('click', function (e) { + e.preventDefault(); }); } }; - } - ]) - ; - - angular.module(moduleName) - .directive('mdcDtpNoclick', function () { - return { - link: function (scope, el) { - el.on('click', function (e) { - e.preventDefault(); - }); - } - }; - }); - angular.module(moduleName) - .directive('mdcDatetimePickerClock', [ - function () { - - var template = '
 ' - + '
' - + ' {{point.display}}' - + ' {{point.display}}' - + '
' - + '
' - + '
' - + '
' - + '
'; + }); + angular.module(moduleName) + .directive('mdcDatetimePickerClock', [ + function () { + + var template = '
 ' + + '
' + + ' {{point.display}}' + + ' {{point.display}}' + + '
' + + '
' + + '
' + + '
' + + '
'; + + return { + restrict: 'E', + template: template, + link: function (scope, element, attrs) { + var minuteMode = attrs.mode === 'minutes'; + var picker = scope.picker; + //banking on the fact that there will only be one at a time + var componentRoot = document.querySelector('md-dialog.dtp'); + var exec = function () { + var clock = angular.element(element[0].querySelector('.dtp-picker-clock')), + pickerEl = angular.element(componentRoot.querySelector('.dtp-picker')); + + var w = componentRoot.querySelector('.dtp-content').offsetWidth; + var pl = parseInt(css(pickerEl, 'paddingLeft').replace('px', '')) || 0; + var pr = parseInt(css(pickerEl, 'paddingRight').replace('px', '')) || 0; + var ml = parseInt(css(clock, 'marginLeft').replace('px', '')) || 0; + var mr = parseInt(css(clock, 'marginRight').replace('px', '')) || 0; + //set width + var clockWidth = (w - (ml + mr + pl + pr)); + clock.css('width', (clockWidth) + 'px'); + + var pL = parseInt(css(pickerEl, 'paddingLeft').replace('px', '')) || 0; + var pT = parseInt(css(pickerEl, 'paddingTop').replace('px', '')) || 0; + var mL = parseInt(css(clock, 'marginLeft').replace('px', '')) || 0; + var mT = parseInt(css(clock, 'marginTop').replace('px', '')) || 0; + + var r = (clockWidth / 2); + var j = r / 1.2; //??? + + var points = []; + + for (var h = 0; h < 12; ++h) { + var x = j * Math.sin(Math.PI * 2 * (h / 12)); + var y = j * Math.cos(Math.PI * 2 * (h / 12)); + var left = (r + x + pL / 2) - (pL + mL); + var top = (r - y - mT / 2) - (pT + mT); + + var hour = { + left: left, + top: top, + value: (minuteMode ? (h * 5) : h), //5 for minute 60/12 + style: { 'margin-left': left + 'px', 'margin-top': top + 'px' } + }; + + if (minuteMode) { + hour.display = hour.value < 10 ? ('0' + hour.value) : hour.value; + } else { - return { - restrict: 'E', - template: template, - link: function (scope, element, attrs) { - var minuteMode = attrs.mode === 'minutes'; - var picker = scope.picker; - //banking on the fact that there will only be one at a time - var componentRoot = document.querySelector('md-dialog.dtp'); - var exec = function () { - var clock = angular.element(element[0].querySelector('.dtp-picker-clock')), - pickerEl = angular.element(componentRoot.querySelector('.dtp-picker')); - - var w = componentRoot.querySelector('.dtp-content').offsetWidth; - var pl = parseInt(css(pickerEl, 'paddingLeft').replace('px', '')) || 0; - var pr = parseInt(css(pickerEl, 'paddingRight').replace('px', '')) || 0; - var ml = parseInt(css(clock, 'marginLeft').replace('px', '')) || 0; - var mr = parseInt(css(clock, 'marginRight').replace('px', '')) || 0; - //set width - var clockWidth = (w - (ml + mr + pl + pr)); - clock.css('width', (clockWidth) + 'px'); - - var pL = parseInt(css(pickerEl, 'paddingLeft').replace('px', '')) || 0; - var pT = parseInt(css(pickerEl, 'paddingTop').replace('px', '')) || 0; - var mL = parseInt(css(clock, 'marginLeft').replace('px', '')) || 0; - var mT = parseInt(css(clock, 'marginTop').replace('px', '')) || 0; - - var r = (clockWidth / 2); - var j = r / 1.2; //??? - - var points = []; - - for (var h = 0; h < 12; ++h) { - var x = j * Math.sin(Math.PI * 2 * (h / 12)); - var y = j * Math.cos(Math.PI * 2 * (h / 12)); - var left = (r + x + pL / 2) - (pL + mL); - var top = (r - y - mT / 2) - (pT + mT); - - var hour = { - left: left, - top: top, - value: (minuteMode ? (h * 5) : h), //5 for minute 60/12 - style: {'margin-left': left + 'px', 'margin-top': top + 'px'} - }; + if (picker.params.shortTime) { + hour.display = (h === 0) ? 12 : h; + } else { + hour.display = picker.isPM() ? h + 12 : h; + } + } - if (minuteMode) { - hour.display = hour.value < 10 ? ('0' + hour.value) : hour.value; - } else { - if (picker.params.shortTime) { - hour.display = (h === 0) ? 12 : h; - } else { - hour.display = picker.isPM() ? h + 12 : h; - } + points.push(hour); } + scope.points = points; + setCurrentValue(); + clock.css('height', clockWidth + 'px'); + //picker.initHands(true); + + var clockCenter = element[0].querySelector('.dtp-clock-center'); + var centerWidth = (clockCenter.offsetWidth / 2) || 7.5, + centerHeight = (clockCenter.offsetHeight / 2) || 7.5; + var _hL = r / 1.8; + var _mL = r / 1.5; + + angular.element(element[0].querySelector('.dtp-hour-hand')).css({ + left: r + (mL * 1.5) + 'px', + height: _hL + 'px', + marginTop: (r - _hL - pL) + 'px' + }).addClass(!minuteMode ? 'on' : ''); + + angular.element(element[0].querySelector('.dtp-minute-hand')).css + ({ + left: r + (mL * 1.5) + 'px', + height: _mL + 'px', + marginTop: (r - _mL - pL) + 'px' + }).addClass(minuteMode ? 'on' : ''); + + angular.element(clockCenter).css({ + left: (r + pL + mL - centerWidth) + 'px', + marginTop: (r - (mL / 2)) - centerHeight + 'px' + }); + animateHands(); + }; - points.push(hour); - } + var animateHands = function () { + var _date = picker.currentNearest5Minute(); + var h = _date.hour(); + var m = _date.minute(); - scope.points = points; - setCurrentValue(); - clock.css('height', clockWidth + 'px'); - //picker.initHands(true); - - var clockCenter = element[0].querySelector('.dtp-clock-center'); - var centerWidth = (clockCenter.offsetWidth / 2) || 7.5, - centerHeight = (clockCenter.offsetHeight / 2) || 7.5; - var _hL = r / 1.8; - var _mL = r / 1.5; - - angular.element(element[0].querySelector('.dtp-hour-hand')).css({ - left: r + (mL * 1.5) + 'px', - height: _hL + 'px', - marginTop: (r - _hL - pL) + 'px' - }).addClass(!minuteMode ? 'on' : ''); - - angular.element(element[0].querySelector('.dtp-minute-hand')).css - ({ - left: r + (mL * 1.5) + 'px', - height: _mL + 'px', - marginTop: (r - _mL - pL) + 'px' - }).addClass(minuteMode ? 'on' : ''); - - angular.element(clockCenter).css({ - left: (r + pL + mL - centerWidth) + 'px', - marginTop: (r - (mL / 2)) - centerHeight + 'px' - }); - animateHands(); - }; - - var animateHands = function () { - var _date = picker.currentNearest5Minute(); - var h = _date.hour(); - var m = _date.minute(); - - rotateElement(angular.element(element[0].querySelector('.dtp-hour-hand')), (360 / 12) * h); - var mdg = ((360 / 60) * (5 * Math.round(m / 5))); - rotateElement(angular.element(element[0].querySelector('.dtp-minute-hand')), mdg); - }; - - var rotateElement = function (el, deg) { - angular.element(el).css({ - WebkitTransform: 'rotate(' + deg + 'deg)', - '-moz-transform': 'rotate(' + deg + 'deg)', - '-ms-transform': 'rotate(' + deg + 'deg)', - 'transform': 'rotate(' + deg + 'deg)' - }); - }; + rotateElement(angular.element(element[0].querySelector('.dtp-hour-hand')), (360 / 12) * h); + var mdg = ((360 / 60) * (5 * Math.round(m / 5))); + rotateElement(angular.element(element[0].querySelector('.dtp-minute-hand')), mdg); + }; + + var rotateElement = function (el, deg) { + angular.element(el).css({ + WebkitTransform: 'rotate(' + deg + 'deg)', + '-moz-transform': 'rotate(' + deg + 'deg)', + '-ms-transform': 'rotate(' + deg + 'deg)', + 'transform': 'rotate(' + deg + 'deg)' + }); + }; - var setCurrentValue = function () { - var date = picker.currentNearest5Minute(); - scope.currentValue = minuteMode ? date.minute() : (date.hour() % 12); - }; + var setCurrentValue = function () { + var date = picker.currentNearest5Minute(); + scope.currentValue = minuteMode ? date.minute() : (date.hour() % 12); + }; - scope.$watch(function () { - var tmp = picker.currentNearest5Minute(); - return tmp ? tmp.format('HH:mm') : ''; - }, function () { - setCurrentValue(); - animateHands(); - }); + scope.$watch(function () { + var tmp = picker.currentNearest5Minute(); + return tmp ? tmp.format('HH:mm') : ''; + }, function () { + setCurrentValue(); + animateHands(); + }); - var setDisplayPoints = function (isPM, points) { - for (var i = 0; i < points.length; i++) { - points[i].display = i; - if (isPM) { - points[i].display += 12; + var setDisplayPoints = function (isPM, points) { + for (var i = 0; i < points.length; i++) { + points[i].display = i; + if (isPM) { + points[i].display += 12; + } } - } - return points; - }; + return points; + }; - if (!picker.params.shortTime) { - scope.$watch('picker.meridien', function () { - if (!minuteMode) { - if (scope.points) { - var points = setDisplayPoints(picker.isPM(), angular.copy(scope.points)); - scope.points = points; + if (!picker.params.shortTime) { + scope.$watch('picker.meridien', function () { + if (!minuteMode) { + if (scope.points) { + var points = setDisplayPoints(picker.isPM(), angular.copy(scope.points)); + scope.points = points; + } } + }); + } + + + scope.setTime = function (val) { + if (val === scope.currentValue) { + picker.ok(); } - }); - } + if (!minuteMode) { + picker.currentDate.hour(picker.isPM() ? (val + 12) : val); + } else { + picker.currentDate.minute(val); + } + picker.currentDate.second(0) + }; - scope.setTime = function (val) { - if (val === scope.currentValue) { - picker.ok(); - } + scope.pointAvailable = function (point) { + return minuteMode ? picker.isMinuteAvailable(point.value) : picker.isHourAvailable(point.value); + }; - if (!minuteMode) { - picker.currentDate.hour(picker.isPM() ? (val + 12) : val); - } else { - picker.currentDate.minute(val); - } - picker.currentDate.second(0) - }; - - scope.pointAvailable = function (point) { - return minuteMode ? picker.isMinuteAvailable(point.value) : picker.isHourAvailable(point.value); - }; - - var unWatcher = scope.$watch(function () { - return element[0].querySelectorAll('div').length; - }, function () { - exec(); - unWatcher(); - }); + var unWatcher = scope.$watch(function () { + return element[0].querySelectorAll('div').length; + }, function () { + exec(); + unWatcher(); + }); + } } - } - }]); + }]); + } + + var isElectron = window && window.process && window.process.type; + if (typeof define === 'function' && define.amd) { + define(['moment'], ngMaterialDatePicker); + } else if (typeof module !== 'undefined' && module && module.exports && (typeof require === 'function') && !isElectron) { + module.exports = ngMaterialDatePicker(require('moment')); + } else { + ngMaterialDatePicker((typeof global !== 'undefined' ? global : window).moment); + } + })();