diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8506c8fe..4e196063 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,13 @@
+### 0.7.6
+
+#### Features
+
+* Added `mdp-dialog-accent`
+* This will allow you to add md-accent to the following:
+    * md-toolbar
+    * Calender Year selected
+    * Time selected icon button
+
 ### 0.7.5
 
 Minor bugfixes
diff --git a/bower.json b/bower.json
index 16268d54..aa6d2c78 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "mdPickers",
-  "version": "0.7.5",
+  "version": "0.7.6",
   "homepage": "https://github.com/alenaksu/mdPickers",
   "authors": [
     "alenaksu"
diff --git a/dist/mdPickers.js b/dist/mdPickers.js
index 372c76bb..6a2b248c 100644
--- a/dist/mdPickers.js
+++ b/dist/mdPickers.js
@@ -61,7 +61,7 @@ module.directive("ngMessage", ["$mdUtil", function($mdUtil) {
 }]);
 /* global moment, angular */
 
-function DatePickerCtrl($scope, $mdDialog, $mdMedia, $timeout, currentDate, options) {
+function DatePickerCtrl($scope, $mdDialog, $mdMedia, $timeout, currentDate, options, dialogAccent) {
     var self = this;
 
     this.date = moment(currentDate);
@@ -70,38 +70,39 @@ function DatePickerCtrl($scope, $mdDialog, $mdMedia, $timeout, currentDate, opti
     this.displayFormat = options.displayFormat || "ddd, MMM DD";
     this.dateFilter = angular.isFunction(options.dateFilter) ? options.dateFilter : null;
     this.selectingYear = false;
-    
+    this.dialogAccent = dialogAccent;
+
     // validate min and max date
-	if (this.minDate && this.maxDate) {
-		if (this.maxDate.isBefore(this.minDate)) {
-			this.maxDate = moment(this.minDate).add(1, 'days');
-		}
-	}
-	
-	if (this.date) {
-		// check min date
-    	if (this.minDate && this.date.isBefore(this.minDate)) {
-			this.date = moment(this.minDate);
-    	}
-    	
-    	// check max date
-    	if (this.maxDate && this.date.isAfter(this.maxDate)) {
-			this.date = moment(this.maxDate);
-    	}
-	}
-	
-	this.yearItems = {
+    if (this.minDate && this.maxDate) {
+        if (this.maxDate.isBefore(this.minDate)) {
+            this.maxDate = moment(this.minDate).add(1, 'days');
+        }
+    }
+
+    if (this.date) {
+        // check min date
+        if (this.minDate && this.date.isBefore(this.minDate)) {
+            this.date = moment(this.minDate);
+        }
+
+        // check max date
+        if (this.maxDate && this.date.isAfter(this.maxDate)) {
+            this.date = moment(this.maxDate);
+        }
+    }
+
+    this.yearItems = {
         currentIndex_: 0,
         PAGE_SIZE: 5,
         START: (self.minDate ? self.minDate.year() : 1900),
         END: (self.maxDate ? self.maxDate.year() : 0),
-        getItemAtIndex: function(index) {
-        	if(this.currentIndex_ < index)
+        getItemAtIndex: function (index) {
+            if (this.currentIndex_ < index)
                 this.currentIndex_ = index;
-        	
-        	return this.START + index;
+
+            return this.START + index;
         },
-        getLength: function() {
+        getLength: function () {
             return Math.min(
                 this.currentIndex_ + Math.floor(this.PAGE_SIZE / 2),
                 Math.abs(this.START - this.END) + 1
@@ -112,184 +113,187 @@ function DatePickerCtrl($scope, $mdDialog, $mdMedia, $timeout, currentDate, opti
     $scope.$mdMedia = $mdMedia;
     $scope.year = this.date.year();
 
-	this.selectYear = function(year) {
+    this.selectYear = function (year) {
         self.date.year(year);
         $scope.year = year;
         self.selectingYear = false;
         self.animate();
     };
-    
-    this.showYear = function() { 
+
+    this.showYear = function () {
         self.yearTopIndex = (self.date.year() - self.yearItems.START) + Math.floor(self.yearItems.PAGE_SIZE / 2);
         self.yearItems.currentIndex_ = (self.date.year() - self.yearItems.START) + 1;
         self.selectingYear = true;
     };
-    
-    this.showCalendar = function() {
+
+    this.showCalendar = function () {
         self.selectingYear = false;
     };
 
-    this.cancel = function() {
+    this.cancel = function () {
         $mdDialog.cancel();
     };
 
-    this.confirm = function() {
-    	var date = this.date;
-    	
-    	if (this.minDate && this.date.isBefore(this.minDate)) {
-    		date = moment(this.minDate);
-    	}
-    	
-    	if (this.maxDate && this.date.isAfter(this.maxDate)) {
-    		date = moment(this.maxDate);
-    	}  	
-    	
+    this.confirm = function () {
+        var date = this.date;
+
+        if (this.minDate && this.date.isBefore(this.minDate)) {
+            date = moment(this.minDate);
+        }
+
+        if (this.maxDate && this.date.isAfter(this.maxDate)) {
+            date = moment(this.maxDate);
+        }
+
         $mdDialog.hide(date.toDate());
     };
-    
-    this.animate = function() {
+
+    this.animate = function () {
         self.animating = true;
-        $timeout(angular.noop).then(function() {
+        $timeout(angular.noop).then(function () {
             self.animating = false;
-        })  
+        })
     };
 }
 
-module.provider("$mdpDatePicker", function() {
+module.provider("$mdpDatePicker", function () {
     var LABEL_OK = "OK",
         LABEL_CANCEL = "Cancel",
         DISPLAY_FORMAT = "ddd, MMM DD";
-        
-    this.setDisplayFormat = function(format) {
-        DISPLAY_FORMAT = format;    
+
+    this.setDisplayFormat = function (format) {
+        DISPLAY_FORMAT = format;
     };
-        
-    this.setOKButtonLabel = function(label) {
+
+    this.setOKButtonLabel = function (label) {
         LABEL_OK = label;
     };
-    
-    this.setCancelButtonLabel = function(label) {
+
+    this.setCancelButtonLabel = function (label) {
         LABEL_CANCEL = label;
     };
-    
-    this.$get = ["$mdDialog", function($mdDialog) {
-        var datePicker = function(currentDate, options) {
+
+    this.$get = ["$mdDialog", function ($mdDialog) {
+        var datePicker = function (currentDate, options) {
             if (!angular.isDate(currentDate)) currentDate = Date.now();
             if (!angular.isObject(options)) options = {};
-            
+
             options.displayFormat = DISPLAY_FORMAT;
-    
+
             return $mdDialog.show({
-                controller:  ['$scope', '$mdDialog', '$mdMedia', '$timeout', 'currentDate', 'options', DatePickerCtrl],
+                controller: ['$scope', '$mdDialog', '$mdMedia', '$timeout', 'currentDate', 'options', 'dialogAccent', DatePickerCtrl],
                 controllerAs: 'datepicker',
                 clickOutsideToClose: true,
-                template: '<md-dialog aria-label="" class="mdp-datepicker" ng-class="{ \'portrait\': !$mdMedia(\'gt-xs\') }">' +
-                            '<md-dialog-content layout="row" layout-wrap>' +
-                                '<div layout="column" layout-align="start center">' +
-                                    '<md-toolbar layout-align="start start" flex class="mdp-datepicker-date-wrapper md-hue-1 md-primary" layout="column">' +
-                                        '<span class="mdp-datepicker-year" ng-click="datepicker.showYear()" ng-class="{ \'active\': datepicker.selectingYear }">{{ datepicker.date.format(\'YYYY\') }}</span>' +
-                                        '<span class="mdp-datepicker-date" ng-click="datepicker.showCalendar()" ng-class="{ \'active\': !datepicker.selectingYear }">{{ datepicker.date.format(datepicker.displayFormat) }}</span> ' +
-                                    '</md-toolbar>' + 
-                                '</div>' +  
-                                '<div>' + 
-                                    '<div class="mdp-datepicker-select-year mdp-animation-zoom" layout="column" layout-align="center start" ng-if="datepicker.selectingYear">' +
-                                        '<md-virtual-repeat-container md-auto-shrink md-top-index="datepicker.yearTopIndex">' +
-                                            '<div flex md-virtual-repeat="item in datepicker.yearItems" md-on-demand class="repeated-year">' +
-                                                '<span class="md-button" ng-click="datepicker.selectYear(item)" md-ink-ripple ng-class="{ \'md-primary current\': item == year }">{{ item }}</span>' +
-                                            '</div>' +
-                                        '</md-virtual-repeat-container>' +
+                template:   '<md-dialog aria-label="" class="mdp-datepicker" ng-class="{ \'portrait\': !$mdMedia(\'gt-xs\') }">' +
+                                '<md-dialog-content layout="row" layout-wrap>' +
+                                    '<div layout="column" layout-align="start center">' +
+                                        '<md-toolbar layout-align="start start" flex class="mdp-datepicker-date-wrapper md-hue-1 md-primary" layout="column" ng-class="{\'md-accent\': datepicker.dialogAccent}">' +
+                                            '<span class="mdp-datepicker-year" ng-click="datepicker.showYear()" ng-class="{ \'active\': datepicker.selectingYear }">{{ datepicker.date.format(\'YYYY\') }}</span>' +
+                                            '<span class="mdp-datepicker-date" ng-click="datepicker.showCalendar()" ng-class="{ \'active\': !datepicker.selectingYear }">{{ datepicker.date.format(datepicker.displayFormat) }}</span> ' +
+                                        '</md-toolbar>' +
                                     '</div>' +
-                                    '<mdp-calendar ng-if="!datepicker.selectingYear" class="mdp-animation-zoom" date="datepicker.date" min-date="datepicker.minDate" date-filter="datepicker.dateFilter" max-date="datepicker.maxDate"></mdp-calendar>' +
-                                    '<md-dialog-actions layout="row">' +
-                                    	'<span flex></span>' +
-                                        '<md-button ng-click="datepicker.cancel()" aria-label="' + LABEL_CANCEL + '">' + LABEL_CANCEL + '</md-button>' +
-                                        '<md-button ng-click="datepicker.confirm()" class="md-primary" aria-label="' + LABEL_OK + '">' + LABEL_OK + '</md-button>' +
-                                    '</md-dialog-actions>' +
-                                '</div>' +
-                            '</md-dialog-content>' +
-                        '</md-dialog>',
+                                    '<div>' +
+                                        '<div class="mdp-datepicker-select-year mdp-animation-zoom" layout="column" layout-align="center start" ng-if="datepicker.selectingYear">' +
+                                            '<md-virtual-repeat-container md-auto-shrink md-top-index="datepicker.yearTopIndex">' +
+                                                '<div flex md-virtual-repeat="item in datepicker.yearItems" md-on-demand class="repeated-year">' +
+                                                    '<span class="md-button" ng-click="datepicker.selectYear(item)" md-ink-ripple ng-class="{ \'md-primary current\': item == year, \'md-accent\': item == year && datepicker.dialogAccent }">{{ item }}</span>' +
+                                                '</div>' +
+                                            '</md-virtual-repeat-container>' +
+                                        '</div>' +
+                                        '<mdp-calendar ng-if="!datepicker.selectingYear" class="mdp-animation-zoom" date="datepicker.date" min-date="datepicker.minDate" date-filter="datepicker.dateFilter" max-date="datepicker.maxDate"></mdp-calendar>' +
+                                            '<md-dialog-actions layout="row">' +
+                                                '<span flex></span>' +
+                                                '<md-button ng-click="datepicker.cancel()" aria-label="' + LABEL_CANCEL + '">' + LABEL_CANCEL + '</md-button>' +
+                                                '<md-button ng-click="datepicker.confirm()" class="md-primary" aria-label="' + LABEL_OK + '">' + LABEL_OK + '</md-button>' +
+                                            '</md-dialog-actions>' +
+                                    '</div>' +
+                                '</md-dialog-content>' +
+                            '</md-dialog>',
                 targetEvent: options.targetEvent,
                 locals: {
                     currentDate: currentDate,
-                    options: options
+                    options: options,
+                    dialogAccent: options.dialogAccent
                 },
                 skipHide: true
             });
         };
-    
+
         return datePicker;
     }];
 });
 
 function CalendarCtrl($scope) {
-	var self = this;
-	this.dow = moment.localeData().firstDayOfWeek();
-	
+    var self = this;
+    this.dow = moment.localeData().firstDayOfWeek();
+
     this.weekDays = [].concat(
         moment.weekdaysMin().slice(
             this.dow
         ),
         moment.weekdaysMin().slice(
-            0, 
+            0,
             this.dow
         )
     );
-    
+
     this.daysInMonth = [];
-    
-    this.getDaysInMonth = function() {
+
+    this.getDaysInMonth = function () {
         var days = self.date.daysInMonth(),
             firstDay = moment(self.date).date(1).day() - this.dow;
-            
-        if(firstDay < 0) firstDay = this.weekDays.length - 1;
-            
+
+        if (firstDay < 0) firstDay = this.weekDays.length - 1;
+
 
         var arr = [];
-        for(var i = 1; i <= (firstDay + days); i++) {
+        for (var i = 1; i <= (firstDay + days); i++) {
             var day = null;
-            if(i > firstDay) {
-                day =  {
+            if (i > firstDay) {
+                day = {
                     value: (i - firstDay),
                     enabled: self.isDayEnabled(moment(self.date).date(i - firstDay).toDate())
                 };
             }
             arr.push(day);
         }
- 
+
         return arr;
     };
-    
-    this.isDayEnabled = function(day) {
-        return (!this.minDate || this.minDate <= day) && 
-            (!this.maxDate || this.maxDate >= day) && 
+
+    this.isDayEnabled = function (day) {
+        return (!this.minDate || this.minDate <= day) &&
+            (!this.maxDate || this.maxDate >= day) &&
             (!self.dateFilter || !self.dateFilter(day));
     };
-    
-    this.selectDate = function(dom) {
+
+    this.selectDate = function (dom) {
         self.date.date(dom);
     };
 
-    this.nextMonth = function() {
+    this.nextMonth = function () {
         self.date.add(1, 'months');
     };
 
-    this.prevMonth = function() {
+    this.prevMonth = function () {
         self.date.subtract(1, 'months');
     };
-    
-    this.updateDaysInMonth = function() {
+
+    this.updateDaysInMonth = function () {
         self.daysInMonth = self.getDaysInMonth();
     };
-    
-    $scope.$watch(function() { return  self.date.unix() }, function(newValue, oldValue) {
-        if(newValue && newValue !== oldValue)
+
+    $scope.$watch(function () {
+        return self.date.unix()
+    }, function (newValue, oldValue) {
+        if (newValue && newValue !== oldValue)
             self.updateDaysInMonth();
-    })
-    
+    });
+
     self.updateDaysInMonth();
 }
 
-module.directive("mdpCalendar", ["$animate", function($animate) {
+module.directive("mdpCalendar", ["$animate", function ($animate) {
     return {
         restrict: 'E',
         bindToController: {
@@ -298,43 +302,45 @@ module.directive("mdpCalendar", ["$animate", function($animate) {
             "maxDate": "=",
             "dateFilter": "="
         },
-        template: '<div class="mdp-calendar">' +
-                    '<div layout="row" layout-align="space-between center">' +
-                        '<md-button aria-label="previous month" class="md-icon-button" ng-click="calendar.prevMonth()"><md-icon md-svg-icon="mdp-chevron-left"></md-icon></md-button>' +
-                        '<div class="mdp-calendar-monthyear" ng-show="!calendar.animating">{{ calendar.date.format("MMMM YYYY") }}</div>' +
-                        '<md-button aria-label="next month" class="md-icon-button" ng-click="calendar.nextMonth()"><md-icon md-svg-icon="mdp-chevron-right"></md-icon></md-button>' +
-                    '</div>' +
-                    '<div layout="row" layout-align="space-around center" class="mdp-calendar-week-days" ng-show="!calendar.animating">' +
-                        '<div layout layout-align="center center" ng-repeat="d in calendar.weekDays track by $index">{{ d }}</div>' +
-                    '</div>' +
-                    '<div layout="row" layout-align="start center" layout-wrap class="mdp-calendar-days" ng-class="{ \'mdp-animate-next\': calendar.animating }" ng-show="!calendar.animating" md-swipe-left="calendar.nextMonth()" md-swipe-right="calendar.prevMonth()">' +
-                        '<div layout layout-align="center center" ng-repeat-start="day in calendar.daysInMonth track by $index" ng-class="{ \'mdp-day-placeholder\': !day }">' +
-                            '<md-button class="md-icon-button md-raised" aria-label="Select day" ng-if="day" ng-class="{ \'md-accent\': calendar.date.date() == day.value }" ng-click="calendar.selectDate(day.value)" ng-disabled="!day.enabled">{{ day.value }}</md-button>' +
+        template:   '<div class="mdp-calendar">' +
+                        '<div layout="row" layout-align="space-between center">' +
+                            '<md-button aria-label="previous month" class="md-icon-button" ng-click="calendar.prevMonth()"><md-icon md-svg-icon="mdp-chevron-left"></md-icon></md-button>' +
+                                '<div class="mdp-calendar-monthyear" ng-show="!calendar.animating">{{ calendar.date.format("MMMM YYYY") }}</div>' +
+                            '<md-button aria-label="next month" class="md-icon-button" ng-click="calendar.nextMonth()"><md-icon md-svg-icon="mdp-chevron-right"></md-icon></md-button>' +
                         '</div>' +
-                        '<div flex="100" ng-if="($index + 1) % 7 == 0" ng-repeat-end></div>' +
-                    '</div>' +
-                '</div>',
+                        '<div layout="row" layout-align="space-around center" class="mdp-calendar-week-days" ng-show="!calendar.animating">' +
+                            '<div layout layout-align="center center" ng-repeat="d in calendar.weekDays track by $index">{{ d }}</div>' +
+                        '</div>' +
+                        '<div layout="row" layout-align="start center" layout-wrap class="mdp-calendar-days" ng-class="{ \'mdp-animate-next\': calendar.animating }" ng-show="!calendar.animating" md-swipe-left="calendar.nextMonth()" md-swipe-right="calendar.prevMonth()">' +
+                            '<div layout layout-align="center center" ng-repeat-start="day in calendar.daysInMonth track by $index" ng-class="{ \'mdp-day-placeholder\': !day }">' +
+                                '<md-button class="md-icon-button md-raised" aria-label="Select day" ng-if="day" ng-class="{ \'md-accent\': calendar.date.date() == day.value }" ng-click="calendar.selectDate(day.value)" ng-disabled="!day.enabled">{{ day.value }}</md-button>' +
+                            '</div>' +
+                            '<div flex="100" ng-if="($index + 1) % 7 == 0" ng-repeat-end></div>' +
+                        '</div>' +
+                    '</div>',
         controller: ["$scope", CalendarCtrl],
         controllerAs: "calendar",
-        link: function(scope, element, attrs, ctrl) {
+        link: function (scope, element, attrs, ctrl) {
             var animElements = [
                 element[0].querySelector(".mdp-calendar-week-days"),
                 element[0].querySelector('.mdp-calendar-days'),
                 element[0].querySelector('.mdp-calendar-monthyear')
-            ].map(function(a) {
-               return angular.element(a); 
+            ].map(function (a) {
+                return angular.element(a);
             });
-                
-            scope.$watch(function() { return  ctrl.date.format("YYYYMM") }, function(newValue, oldValue) {
+
+            scope.$watch(function () {
+                return ctrl.date.format("YYYYMM")
+            }, function (newValue, oldValue) {
                 var direction = null;
-                
-                if(newValue > oldValue)
+
+                if (newValue > oldValue)
                     direction = "mdp-animate-next";
-                else if(newValue < oldValue)
+                else if (newValue < oldValue)
                     direction = "mdp-animate-prev";
-                
-                if(direction) {
-                    for(var i in animElements) {
+
+                if (direction) {
+                    for (var i in animElements) {
                         animElements[i].addClass(direction);
                         $animate.removeClass(animElements[i], direction);
                     }
@@ -350,54 +356,50 @@ function formatValidator(value, format) {
 
 function minDateValidator(value, format, minDate) {
     var minDate = moment(minDate, "YYYY-MM-DD", true);
-    var date = angular.isDate(value) ? moment(value) :  moment(value, format, true);
-    
-    return !value || 
-            angular.isDate(value) || 
-            !minDate.isValid() || 
-            date.isSameOrAfter(minDate);
+    var date = angular.isDate(value) ? moment(value) : moment(value, format, true);
+
+    return !value ||
+        angular.isDate(value) || !minDate.isValid() ||
+        date.isSameOrAfter(minDate);
 }
 
 function maxDateValidator(value, format, maxDate) {
     var maxDate = moment(maxDate, "YYYY-MM-DD", true);
-    var date = angular.isDate(value) ? moment(value) :  moment(value, format, true);
-    
-    return !value || 
-            angular.isDate(value) || 
-            !maxDate.isValid() || 
-            date.isSameOrBefore(maxDate);
+    var date = angular.isDate(value) ? moment(value) : moment(value, format, true);
+
+    return !value ||
+        angular.isDate(value) || !maxDate.isValid() ||
+        date.isSameOrBefore(maxDate);
 }
 
 function filterValidator(value, format, filter) {
-    var date = angular.isDate(value) ? moment(value) :  moment(value, format, true);
-                
-    return !value || 
-            angular.isDate(value) || 
-            !angular.isFunction(filter) || 
-            !filter(date);
+    var date = angular.isDate(value) ? moment(value) : moment(value, format, true);
+
+    return !value ||
+        angular.isDate(value) || !angular.isFunction(filter) || !filter(date);
 }
 
 function requiredValidator(value, ngModel) {
     return value
 }
 
-module.directive("mdpDatePicker", ["$mdpDatePicker", "$timeout", function($mdpDatePicker, $timeout) {
-    return  {
+module.directive("mdpDatePicker", ["$mdpDatePicker", "$timeout", function ($mdpDatePicker, $timeout) {
+    return {
         restrict: 'E',
         require: 'ngModel',
         transclude: true,
-        template: function(element, attrs) {
+        template: function (element, attrs) {
             var noFloat = angular.isDefined(attrs.mdpNoFloat),
                 placeholder = angular.isDefined(attrs.mdpPlaceholder) ? attrs.mdpPlaceholder : "",
                 openOnClick = angular.isDefined(attrs.mdpOpenOnClick) ? true : false;
-            
+
             return '<div layout layout-align="start start">' +
-                    '<md-button' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled="disabled"' : '') + ' class="md-icon-button" ng-click="showPicker($event)">' +
-                        '<md-icon md-svg-icon="mdp-event"></md-icon>' +
-                    '</md-button>' +
-                    '<md-input-container' + (noFloat ? ' md-no-float' : '') + ' md-is-error="isError()">' +
-                        '<input type="{{ ::type }}"' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled="disabled"' : '') + ' aria-label="' + placeholder + '" placeholder="' + placeholder + '"' + (openOnClick ? ' ng-click="showPicker($event)" ' : '') + ' />' +
-                    '</md-input-container>' +
+                '<md-button' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled="disabled"' : '') + ' class="md-icon-button" ng-click="showPicker($event)">' +
+                '<md-icon md-svg-icon="mdp-event"></md-icon>' +
+                '</md-button>' +
+                '<md-input-container' + (noFloat ? ' md-no-float' : '') + ' md-is-error="isError()">' +
+                '<input type="{{ ::type }}"' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled="disabled"' : '') + ' aria-label="' + placeholder + '" placeholder="' + placeholder + '"' + (openOnClick ? ' ng-click="showPicker($event)" ' : '') + ' />' +
+                '</md-input-container>' +
                 '</div>';
         },
         scope: {
@@ -408,118 +410,121 @@ module.directive("mdpDatePicker", ["$mdpDatePicker", "$timeout", function($mdpDa
             "placeholder": "@mdpPlaceholder",
             "noFloat": "=mdpNoFloat",
             "openOnClick": "=mdpOpenOnClick",
-            "disabled": "=?mdpDisabled"
+            "disabled": "=?mdpDisabled",
+            "dialogAccent": "=?mdpDialogAccent"
         },
         link: {
-            pre: function(scope, element, attrs, ngModel, $transclude) {
-                
+            pre: function (scope, element, attrs, ngModel, $transclude) {
+
             },
-            post: function(scope, element, attrs, ngModel, $transclude) {
+            post: function (scope, element, attrs, ngModel, $transclude) {
                 var inputElement = angular.element(element[0].querySelector('input')),
                     inputContainer = angular.element(element[0].querySelector('md-input-container')),
                     inputContainerCtrl = inputContainer.controller("mdInputContainer");
-                    
-                $transclude(function(clone) {
-                   inputContainer.append(clone); 
-                });  
-                
+
+                $transclude(function (clone) {
+                    inputContainer.append(clone);
+                });
+
                 var messages = angular.element(inputContainer[0].querySelector("[ng-messages]"));
-                
+
                 scope.type = scope.dateFormat ? "text" : "date"
                 scope.dateFormat = scope.dateFormat || "YYYY-MM-DD";
                 scope.model = ngModel;
-                
-                scope.isError = function() {
+                scope.dialogAccent = scope.dialogAccent || false;
+
+                scope.isError = function () {
                     return !ngModel.$pristine && !!ngModel.$invalid;
                 };
-                
+
                 // update input element if model has changed
-                ngModel.$formatters.unshift(function(value) {
+                ngModel.$formatters.unshift(function (value) {
                     var date = angular.isDate(value) && moment(value);
-                    if(date && date.isValid()) 
+                    if (date && date.isValid())
                         updateInputElement(date.format(scope.dateFormat));
                     else
                         updateInputElement(null);
                 });
-                
-                ngModel.$validators.format = function(modelValue, viewValue) {
+
+                ngModel.$validators.format = function (modelValue, viewValue) {
                     return formatValidator(viewValue, scope.dateFormat);
                 };
-                
-                ngModel.$validators.minDate = function(modelValue, viewValue) {
+
+                ngModel.$validators.minDate = function (modelValue, viewValue) {
                     return minDateValidator(viewValue, scope.dateFormat, scope.minDate);
                 };
-                
-                ngModel.$validators.maxDate = function(modelValue, viewValue) {
+
+                ngModel.$validators.maxDate = function (modelValue, viewValue) {
                     return maxDateValidator(viewValue, scope.dateFormat, scope.maxDate);
                 };
-                
-                ngModel.$validators.filter = function(modelValue, viewValue) {
+
+                ngModel.$validators.filter = function (modelValue, viewValue) {
                     return filterValidator(viewValue, scope.dateFormat, scope.dateFilter);
                 };
-                
-                ngModel.$validators.required = function(modelValue, viewValue) {
+
+                ngModel.$validators.required = function (modelValue, viewValue) {
                     return angular.isUndefined(attrs.required) || !ngModel.$isEmpty(modelValue) || !ngModel.$isEmpty(viewValue);
                 };
-                
-                ngModel.$parsers.unshift(function(value) {
+
+                ngModel.$parsers.unshift(function (value) {
                     var parsed = moment(value, scope.dateFormat, true);
-                    if(parsed.isValid()) {
-                        if(angular.isDate(ngModel.$modelValue)) {
+                    if (parsed.isValid()) {
+                        if (angular.isDate(ngModel.$modelValue)) {
                             var originalModel = moment(ngModel.$modelValue);
                             originalModel.year(parsed.year());
                             originalModel.month(parsed.month());
                             originalModel.date(parsed.date());
-                            
+
                             parsed = originalModel;
                         }
-                        return parsed.toDate(); 
+                        return parsed.toDate();
                     } else
                         return null;
                 });
-                
+
                 // update input element value
                 function updateInputElement(value) {
                     inputElement[0].value = value;
                     inputContainerCtrl.setHasValue(!ngModel.$isEmpty(value));
                 }
-                
+
                 function updateDate(date) {
                     var value = moment(date, angular.isDate(date) ? null : scope.dateFormat, true),
                         strValue = value.format(scope.dateFormat);
-    
-                    if(value.isValid()) {
+
+                    if (value.isValid()) {
                         updateInputElement(strValue);
                         ngModel.$setViewValue(strValue);
                     } else {
                         updateInputElement(date);
                         ngModel.$setViewValue(date);
                     }
-                    
-                    if(!ngModel.$pristine && 
-                        messages.hasClass("md-auto-hide") && 
+
+                    if (!ngModel.$pristine &&
+                        messages.hasClass("md-auto-hide") &&
                         inputContainer.hasClass("md-input-invalid")) messages.removeClass("md-auto-hide");
-    
+
                     ngModel.$render();
                 }
-                    
-                scope.showPicker = function(ev) {
+
+                scope.showPicker = function (ev) {
                     $mdpDatePicker(ngModel.$modelValue, {
-                	    minDate: scope.minDate, 
-                	    maxDate: scope.maxDate,
-                	    dateFilter: scope.dateFilter,
-                	    targetEvent: ev
-            	    }).then(updateDate);
+                        minDate: scope.minDate,
+                        maxDate: scope.maxDate,
+                        dateFilter: scope.dateFilter,
+                        targetEvent: ev,
+                        dialogAccent: scope.dialogAccent
+                    }).then(updateDate);
                 };
-                
+
                 function onInputElementEvents(event) {
-                    if(event.target.value !== ngModel.$viewVaue)
+                    if (event.target.value !== ngModel.$viewVaue)
                         updateDate(event.target.value);
                 }
-                
+
                 inputElement.on("reset input blur", onInputElementEvents);
-                
-                scope.$on("$destroy", function() {
+
+                scope.$on("$destroy", function () {
                     inputElement.off("reset input blur", onInputElementEvents);
                 });
             }
@@ -527,9 +532,8 @@ module.directive("mdpDatePicker", ["$mdpDatePicker", "$timeout", function($mdpDa
     };
 }]);
 
-
-module.directive("mdpDatePicker", ["$mdpDatePicker", "$timeout", function($mdpDatePicker, $timeout) {
-    return  {
+module.directive("mdpDatePicker", ["$mdpDatePicker", "$timeout", function ($mdpDatePicker, $timeout) {
+    return {
         restrict: 'A',
         require: 'ngModel',
         scope: {
@@ -537,41 +541,43 @@ module.directive("mdpDatePicker", ["$mdpDatePicker", "$timeout", function($mdpDa
             "maxDate": "@max",
             "dateFilter": "=mdpDateFilter",
             "dateFormat": "@mdpFormat",
+            "dialogAccent": "=?mdpDialogAccent"
         },
-        link: function(scope, element, attrs, ngModel, $transclude) {
+        link: function (scope, element, attrs, ngModel, $transclude) {
             scope.dateFormat = scope.dateFormat || "YYYY-MM-DD";
-            
-            ngModel.$validators.format = function(modelValue, viewValue) {
+
+            ngModel.$validators.format = function (modelValue, viewValue) {
                 return formatValidator(viewValue, scope.format);
             };
-            
-            ngModel.$validators.minDate = function(modelValue, viewValue) {
+
+            ngModel.$validators.minDate = function (modelValue, viewValue) {
                 return minDateValidator(viewValue, scope.format, scope.minDate);
             };
-            
-            ngModel.$validators.maxDate = function(modelValue, viewValue) {
+
+            ngModel.$validators.maxDate = function (modelValue, viewValue) {
                 return maxDateValidator(viewValue, scope.format, scope.maxDate);
             };
-            
-            ngModel.$validators.filter = function(modelValue, viewValue) {
+
+            ngModel.$validators.filter = function (modelValue, viewValue) {
                 return filterValidator(viewValue, scope.format, scope.dateFilter);
             };
-            
+
             function showPicker(ev) {
                 $mdpDatePicker(ngModel.$modelValue, {
-            	    minDate: scope.minDate, 
-            	    maxDate: scope.maxDate,
-            	    dateFilter: scope.dateFilter,
-            	    targetEvent: ev
-        	    }).then(function(time) {
+                    minDate: scope.minDate,
+                    maxDate: scope.maxDate,
+                    dateFilter: scope.dateFilter,
+                    targetEvent: ev,
+                    dialogAccent: scope.dialogAccent
+                }).then(function (time) {
                     ngModel.$setViewValue(moment(time).format(scope.format));
                     ngModel.$render();
                 });
             };
-            
+
             element.on("click", showPicker);
-            
-            scope.$on("$destroy", function() {
+
+            scope.$on("$destroy", function () {
                 element.off("click", showPicker);
             });
         }
@@ -579,38 +585,39 @@ module.directive("mdpDatePicker", ["$mdpDatePicker", "$timeout", function($mdpDa
 }]);
 /* global moment, angular */
 
-function TimePickerCtrl($scope, $mdDialog, time, autoSwitch, $mdMedia) {
-	var self = this;
+function TimePickerCtrl($scope, $mdDialog, time, autoSwitch, $mdMedia, dialogAccent) {
+    var self = this;
     this.VIEW_HOURS = 1;
     this.VIEW_MINUTES = 2;
     this.currentView = this.VIEW_HOURS;
     this.time = moment(time);
     this.autoSwitch = !!autoSwitch;
-    
+    this.dialogAccent = dialogAccent;
+
     this.clockHours = parseInt(this.time.format("h"));
     this.clockMinutes = parseInt(this.time.minutes());
-    
-	$scope.$mdMedia = $mdMedia;
-	
-	this.switchView = function() {
-	    self.currentView = self.currentView == self.VIEW_HOURS ? self.VIEW_MINUTES : self.VIEW_HOURS;
-	};
-    
-	this.setAM = function() {
-        if(self.time.hours() >= 12)
+
+    $scope.$mdMedia = $mdMedia;
+
+    this.switchView = function () {
+        self.currentView = self.currentView == self.VIEW_HOURS ? self.VIEW_MINUTES : self.VIEW_HOURS;
+    };
+
+    this.setAM = function () {
+        if (self.time.hours() >= 12)
             self.time.hour(self.time.hour() - 12);
-	};
-    
-    this.setPM = function() {
-        if(self.time.hours() < 12)
+    };
+
+    this.setPM = function () {
+        if (self.time.hours() < 12)
             self.time.hour(self.time.hour() + 12);
-	};
-    
-    this.cancel = function() {
+    };
+
+    this.cancel = function () {
         $mdDialog.cancel();
     };
 
-    this.confirm = function() {
+    this.confirm = function () {
         $mdDialog.hide(this.time.toDate());
     };
 }
@@ -619,10 +626,10 @@ function ClockCtrl($scope) {
     var TYPE_HOURS = "hours";
     var TYPE_MINUTES = "minutes";
     var self = this;
-    
+
     this.STEP_DEG = 360 / 12;
     this.steps = [];
-    
+
     this.CLOCK_TYPES = {
         "hours": {
             range: 12,
@@ -631,342 +638,351 @@ function ClockCtrl($scope) {
             range: 60,
         }
     }
-    
-    this.getPointerStyle = function() {
+
+    this.getPointerStyle = function () {
         var divider = 1;
-        switch(self.type) {
+        switch (self.type) {
             case TYPE_HOURS:
                 divider = 12;
                 break;
             case TYPE_MINUTES:
                 divider = 60;
                 break;
-        }  
+        }
         var degrees = Math.round(self.selected * (360 / divider)) - 180;
-        return { 
+        return {
             "-webkit-transform": "rotate(" + degrees + "deg)",
             "-ms-transform": "rotate(" + degrees + "deg)",
             "transform": "rotate(" + degrees + "deg)"
         }
     };
-    
-    this.setTimeByDeg = function(deg) {
+
+    this.setTimeByDeg = function (deg) {
         deg = deg >= 360 ? 0 : deg;
         var divider = 0;
-        switch(self.type) {
+        switch (self.type) {
             case TYPE_HOURS:
                 divider = 12;
                 break;
             case TYPE_MINUTES:
                 divider = 60;
                 break;
-        }  
-        
+        }
+
         self.setTime(
             Math.round(divider / 360 * deg)
         );
     };
-    
-    this.setTime = function(time, type) {
+
+    this.setTime = function (time, type) {
         this.selected = time;
-        
-        switch(self.type) {
+
+        switch (self.type) {
             case TYPE_HOURS:
-                if(self.time.format("A") == "PM") time += 12;
+                if (self.time.format("A") == "PM") time += 12;
                 this.time.hours(time);
                 break;
             case TYPE_MINUTES:
-                if(time > 59) time -= 60;
+                if (time > 59) time -= 60;
                 this.time.minutes(time);
                 break;
         }
-        
+
     };
-    
-    this.init = function() {
+
+    this.init = function () {
         self.type = self.type || "hours";
-        switch(self.type) {
+        switch (self.type) {
             case TYPE_HOURS:
-                for(var i = 1; i <= 12; i++)
+                for (var i = 1; i <= 12; i++)
                     self.steps.push(i);
                 self.selected = self.time.hours() || 0;
-                if(self.selected > 12) self.selected -= 12;
-                    
+                if (self.selected > 12) self.selected -= 12;
+
                 break;
             case TYPE_MINUTES:
-                for(var i = 5; i <= 55; i+=5)
+                for (var i = 5; i <= 55; i += 5)
                     self.steps.push(i);
                 self.steps.push(0);
                 self.selected = self.time.minutes() || 0;
-                
+
                 break;
         }
     };
-    
+
     this.init();
 }
 
-module.directive("mdpClock", ["$animate", "$timeout", function($animate, $timeout) {
+module.directive("mdpClock", ["$animate", "$timeout", function ($animate, $timeout) {
     return {
         restrict: 'E',
         bindToController: {
             'type': '@?',
             'time': '=',
-            'autoSwitch': '=?'
+            'autoSwitch': '=?',
+            'dialogAccent': '='
         },
         replace: true,
-        template: '<div class="mdp-clock">' +
+        template:   '<div class="mdp-clock">' +
                         '<div class="mdp-clock-container">' +
                             '<md-toolbar class="mdp-clock-center md-primary"></md-toolbar>' +
                             '<md-toolbar ng-style="clock.getPointerStyle()" class="mdp-pointer md-primary">' +
                                 '<span class="mdp-clock-selected md-button md-raised md-primary"></span>' +
                             '</md-toolbar>' +
-                            '<md-button ng-class="{ \'md-primary\': clock.selected == step }" class="md-icon-button md-raised mdp-clock-deg{{ ::(clock.STEP_DEG * ($index + 1)) }}" ng-repeat="step in clock.steps" ng-click="clock.setTime(step)">{{ step }}</md-button>' +
+                            '<md-button ng-class="{ \'md-primary\': clock.selected == step, \'md-accent\': clock.selected == step && clock.dialogAccent }" class="md-icon-button md-raised mdp-clock-deg{{ ::(clock.STEP_DEG * ($index + 1)) }}" ng-repeat="step in clock.steps" ng-click="clock.setTime(step)">{{ step }}</md-button>' +
                         '</div>' +
                     '</div>',
         controller: ["$scope", ClockCtrl],
         controllerAs: "clock",
-        link: function(scope, element, attrs, ctrl) {
+        link: function (scope, element, attrs, ctrl) {
             var pointer = angular.element(element[0].querySelector(".mdp-pointer")),
                 timepickerCtrl = scope.$parent.timepicker;
-            
-            var onEvent = function(event) {
+
+            var onEvent = function (event) {
                 var containerCoords = event.currentTarget.getClientRects()[0];
                 var x = ((event.currentTarget.offsetWidth / 2) - (event.pageX - containerCoords.left)),
                     y = ((event.pageY - containerCoords.top) - (event.currentTarget.offsetHeight / 2));
 
                 var deg = Math.round((Math.atan2(x, y) * (180 / Math.PI)));
-                $timeout(function() {
+                $timeout(function () {
                     ctrl.setTimeByDeg(deg + 180);
-                    if(ctrl.autoSwitch && ["mouseup", "click"].indexOf(event.type) !== -1 && timepickerCtrl) timepickerCtrl.switchView();
+                    if (ctrl.autoSwitch && ["mouseup", "click"].indexOf(event.type) !== -1 && timepickerCtrl) timepickerCtrl.switchView();
                 });
-            }; 
-            
-            element.on("mousedown", function() {
-               element.on("mousemove", onEvent);
+            };
+
+            element.on("mousedown", function () {
+                element.on("mousemove", onEvent);
             });
-            
-            element.on("mouseup", function(e) {
+
+            element.on("mouseup", function (e) {
                 element.off("mousemove");
             });
-            
+
             element.on("click", onEvent);
-            scope.$on("$destroy", function() {
+            scope.$on("$destroy", function () {
                 element.off("click", onEvent);
-                element.off("mousemove", onEvent); 
+                element.off("mousemove", onEvent);
             });
         }
     }
 }]);
 
-module.provider("$mdpTimePicker", function() {
+module.provider("$mdpTimePicker", function () {
     var LABEL_OK = "OK",
         LABEL_CANCEL = "Cancel";
-        
-    this.setOKButtonLabel = function(label) {
+
+    this.setOKButtonLabel = function (label) {
         LABEL_OK = label;
     };
-    
-    this.setCancelButtonLabel = function(label) {
+
+    this.setCancelButtonLabel = function (label) {
         LABEL_CANCEL = label;
     };
-    
-    this.$get = ["$mdDialog", function($mdDialog) {
-        var timePicker = function(time, options) {
-            if(!angular.isDate(time)) time = Date.now();
+
+    this.$get = ["$mdDialog", function ($mdDialog) {
+        var timePicker = function (time, options) {
+            if (!angular.isDate(time)) time = Date.now();
             if (!angular.isObject(options)) options = {};
-    
+
             return $mdDialog.show({
-                controller:  ['$scope', '$mdDialog', 'time', 'autoSwitch', '$mdMedia', TimePickerCtrl],
+                controller: ['$scope', '$mdDialog', 'time', 'autoSwitch', '$mdMedia', 'dialogAccent', TimePickerCtrl],
                 controllerAs: 'timepicker',
                 clickOutsideToClose: true,
-                template: '<md-dialog aria-label="" class="mdp-timepicker" ng-class="{ \'portrait\': !$mdMedia(\'gt-xs\') }">' +
-                            '<md-dialog-content layout-gt-xs="row" layout-wrap>' +
-                                '<md-toolbar layout-gt-xs="column" layout-xs="row" layout-align="center center" flex class="mdp-timepicker-time md-hue-1 md-primary">' +
+                template:   '<md-dialog aria-label="" class="mdp-timepicker" ng-class="{ \'portrait\': !$mdMedia(\'gt-xs\') }">' +
+                                '<md-dialog-content layout-gt-xs="row" layout-wrap>' +
+                                '<md-toolbar layout-gt-xs="column" layout-xs="row" layout-align="center center" flex class="mdp-timepicker-time md-hue-1 md-primary" ng-class="{\'md-accent\': timepicker.dialogAccent}">' +
                                     '<div class="mdp-timepicker-selected-time">' +
-                                        '<span ng-class="{ \'active\': timepicker.currentView == timepicker.VIEW_HOURS }" ng-click="timepicker.currentView = timepicker.VIEW_HOURS">{{ timepicker.time.format("h") }}</span>:' + 
+                                        '<span ng-class="{ \'active\': timepicker.currentView == timepicker.VIEW_HOURS }" ng-click="timepicker.currentView = timepicker.VIEW_HOURS">{{ timepicker.time.format("h") }}</span>:' +
                                         '<span ng-class="{ \'active\': timepicker.currentView == timepicker.VIEW_MINUTES }" ng-click="timepicker.currentView = timepicker.VIEW_MINUTES">{{ timepicker.time.format("mm") }}</span>' +
                                     '</div>' +
-                                    '<div layout="column" class="mdp-timepicker-selected-ampm">' + 
+                                    '<div layout="column" class="mdp-timepicker-selected-ampm">' +
                                         '<span ng-click="timepicker.setAM()" ng-class="{ \'active\': timepicker.time.hours() < 12 }">AM</span>' +
                                         '<span ng-click="timepicker.setPM()" ng-class="{ \'active\': timepicker.time.hours() >= 12 }">PM</span>' +
-                                    '</div>' + 
+                                    '</div>' +
                                 '</md-toolbar>' +
                                 '<div>' +
                                     '<div class="mdp-clock-switch-container" ng-switch="timepicker.currentView" layout layout-align="center center">' +
-	                                    '<mdp-clock class="mdp-animation-zoom" auto-switch="timepicker.autoSwitch" time="timepicker.time" type="hours" ng-switch-when="1"></mdp-clock>' +
-	                                    '<mdp-clock class="mdp-animation-zoom" auto-switch="timepicker.autoSwitch" time="timepicker.time" type="minutes" ng-switch-when="2"></mdp-clock>' +
+                                        '<mdp-clock class="mdp-animation-zoom" auto-switch="timepicker.autoSwitch" time="timepicker.time" type="hours" ng-switch-when="1" dialog-accent="timepicker.dialogAccent"></mdp-clock>' +
+                                        '<mdp-clock class="mdp-animation-zoom" auto-switch="timepicker.autoSwitch" time="timepicker.time" type="minutes" ng-switch-when="2" dialog-accent="timepicker.dialogAccent"></mdp-clock>' +
                                     '</div>' +
-                                    
+
                                     '<md-dialog-actions layout="row">' +
-	                                	'<span flex></span>' +
+                                        '<span flex></span>' +
                                         '<md-button ng-click="timepicker.cancel()" aria-label="' + LABEL_CANCEL + '">' + LABEL_CANCEL + '</md-button>' +
                                         '<md-button ng-click="timepicker.confirm()" class="md-primary" aria-label="' + LABEL_OK + '">' + LABEL_OK + '</md-button>' +
                                     '</md-dialog-actions>' +
                                 '</div>' +
-                            '</md-dialog-content>' +
-                        '</md-dialog>',
+                                '</md-dialog-content>' +
+                            '</md-dialog>',
                 targetEvent: options.targetEvent,
                 locals: {
                     time: time,
-                    autoSwitch: options.autoSwitch
+                    autoSwitch: options.autoSwitch,
+                    dialogAccent: options.dialogAccent
                 },
                 skipHide: true
             });
         };
-    
+
         return timePicker;
     }];
 });
 
-module.directive("mdpTimePicker", ["$mdpTimePicker", "$timeout", function($mdpTimePicker, $timeout) {
-    return  {
+module.directive("mdpTimePicker", ["$mdpTimePicker", "$timeout", function ($mdpTimePicker, $timeout) {
+    return {
         restrict: 'E',
         require: 'ngModel',
         transclude: true,
-        template: function(element, attrs) {
+        template: function (element, attrs) {
             var noFloat = angular.isDefined(attrs.mdpNoFloat),
                 placeholder = angular.isDefined(attrs.mdpPlaceholder) ? attrs.mdpPlaceholder : "",
                 openOnClick = angular.isDefined(attrs.mdpOpenOnClick) ? true : false;
-            
-            return '<div layout layout-align="start start">' +
-                    '<md-button class="md-icon-button" ng-click="showPicker($event)"' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled="disabled"' : '') + '>' +
-                        '<md-icon md-svg-icon="mdp-access-time"></md-icon>' +
-                    '</md-button>' +
-                    '<md-input-container' + (noFloat ? ' md-no-float' : '') + ' md-is-error="isError()">' +
-                        '<input type="{{ ::type }}"' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled="disabled"' : '') + ' aria-label="' + placeholder + '" placeholder="' + placeholder + '"' + (openOnClick ? ' ng-click="showPicker($event)" ' : '') + ' />' +
-                    '</md-input-container>' +
-                '</div>';
+
+            return  '<div layout layout-align="start start">' +
+                        '<md-button class="md-icon-button" ng-click="showPicker($event)"' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled="disabled"' : '') + '>' +
+                            '<md-icon md-svg-icon="mdp-access-time"></md-icon>' +
+                        '</md-button>' +
+                        '<md-input-container' + (noFloat ? ' md-no-float' : '') + ' md-is-error="isError()">' +
+                            '<input type="{{ ::type }}"' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled="disabled"' : '') + ' aria-label="' + placeholder + '" placeholder="' + placeholder + '"' + (openOnClick ? ' ng-click="showPicker($event)" ' : '') + ' />' +
+                        '</md-input-container>' +
+                    '</div>';
         },
         scope: {
             "timeFormat": "@mdpFormat",
             "placeholder": "@mdpPlaceholder",
             "autoSwitch": "=?mdpAutoSwitch",
-            "disabled": "=?mdpDisabled"
+            "disabled": "=?mdpDisabled",
+            "dialogAccent": "=?mdpDialogAccent"
         },
-        link: function(scope, element, attrs, ngModel, $transclude) {
+        link: function (scope, element, attrs, ngModel, $transclude) {
             var inputElement = angular.element(element[0].querySelector('input')),
                 inputContainer = angular.element(element[0].querySelector('md-input-container')),
                 inputContainerCtrl = inputContainer.controller("mdInputContainer");
-                
-            $transclude(function(clone) {
-               inputContainer.append(clone); 
+
+            $transclude(function (clone) {
+                inputContainer.append(clone);
             });
-            
+
             var messages = angular.element(inputContainer[0].querySelector("[ng-messages]"));
-            
-            scope.type = scope.timeFormat ? "text" : "time"
+
+            scope.type = scope.timeFormat ? "text" : "time";
             scope.timeFormat = scope.timeFormat || "HH:mm";
             scope.autoSwitch = scope.autoSwitch || false;
-            
-            scope.$watch(function() { return ngModel.$error }, function(newValue, oldValue) {
+            scope.dialogAccent = scope.dialogAccent || false;
+
+            scope.$watch(function () {
+                return ngModel.$error
+            }, function (newValue, oldValue) {
                 inputContainerCtrl.setInvalid(!ngModel.$pristine && !!Object.keys(ngModel.$error).length);
             }, true);
-            
+
             // update input element if model has changed
-            ngModel.$formatters.unshift(function(value) {
+            ngModel.$formatters.unshift(function (value) {
                 var time = angular.isDate(value) && moment(value);
-                if(time && time.isValid()) 
+                if (time && time.isValid())
                     updateInputElement(time.format(scope.timeFormat));
                 else
                     updateInputElement(null);
             });
-            
-            ngModel.$validators.format = function(modelValue, viewValue) {
+
+            ngModel.$validators.format = function (modelValue, viewValue) {
                 return !viewValue || angular.isDate(viewValue) || moment(viewValue, scope.timeFormat, true).isValid();
             };
-            
-            ngModel.$validators.required = function(modelValue, viewValue) {
+
+            ngModel.$validators.required = function (modelValue, viewValue) {
                 return angular.isUndefined(attrs.required) || !ngModel.$isEmpty(modelValue) || !ngModel.$isEmpty(viewValue);
             };
-            
-            ngModel.$parsers.unshift(function(value) {
+
+            ngModel.$parsers.unshift(function (value) {
                 var parsed = moment(value, scope.timeFormat, true);
-                if(parsed.isValid()) {
-                    if(angular.isDate(ngModel.$modelValue)) {
+                if (parsed.isValid()) {
+                    if (angular.isDate(ngModel.$modelValue)) {
                         var originalModel = moment(ngModel.$modelValue);
                         originalModel.minutes(parsed.minutes());
                         originalModel.hours(parsed.hours());
                         originalModel.seconds(parsed.seconds());
-                        
+
                         parsed = originalModel;
                     }
-                    return parsed.toDate(); 
+                    return parsed.toDate();
                 } else
                     return null;
             });
-            
+
             // update input element value
             function updateInputElement(value) {
                 inputElement[0].value = value;
                 inputContainerCtrl.setHasValue(!ngModel.$isEmpty(value));
             }
-            
+
             function updateTime(time) {
                 var value = moment(time, angular.isDate(time) ? null : scope.timeFormat, true),
                     strValue = value.format(scope.timeFormat);
 
-                if(value.isValid()) {
+                if (value.isValid()) {
                     updateInputElement(strValue);
                     ngModel.$setViewValue(strValue);
                 } else {
                     updateInputElement(time);
                     ngModel.$setViewValue(time);
                 }
-                
-                if(!ngModel.$pristine && 
-                    messages.hasClass("md-auto-hide") && 
+
+                if (!ngModel.$pristine &&
+                    messages.hasClass("md-auto-hide") &&
                     inputContainer.hasClass("md-input-invalid")) messages.removeClass("md-auto-hide");
-                
+
                 ngModel.$render();
             }
-                
-            scope.showPicker = function(ev) {
+
+            scope.showPicker = function (ev) {
                 $mdpTimePicker(ngModel.$modelValue, {
                     targetEvent: ev,
-                    autoSwitch: scope.autoSwitch
-                }).then(function(time) {
+                    autoSwitch: scope.autoSwitch,
+                    dialogAccent: scope.dialogAccent
+                }).then(function (time) {
                     updateTime(time, true);
                 });
             };
-            
+
             function onInputElementEvents(event) {
-                if(event.target.value !== ngModel.$viewVaue)
+                if (event.target.value !== ngModel.$viewVaue)
                     updateTime(event.target.value);
             }
-            
+
             inputElement.on("reset input blur", onInputElementEvents);
-            
-            scope.$on("$destroy", function() {
+
+            scope.$on("$destroy", function () {
                 inputElement.off("reset input blur", onInputElementEvents);
             })
         }
     };
 }]);
 
-module.directive("mdpTimePicker", ["$mdpTimePicker", "$timeout", function($mdpTimePicker, $timeout) {
-    return  {
+module.directive("mdpTimePicker", ["$mdpTimePicker", "$timeout", function ($mdpTimePicker, $timeout) {
+    return {
         restrict: 'A',
         require: 'ngModel',
         scope: {
             "timeFormat": "@mdpFormat",
             "autoSwitch": "=?mdpAutoSwitch",
+            "dialogAccent": "=?mdpDialogAccent"
         },
-        link: function(scope, element, attrs, ngModel, $transclude) {
+        link: function (scope, element, attrs, ngModel, $transclude) {
             scope.format = scope.format || "HH:mm";
             function showPicker(ev) {
                 $mdpTimePicker(ngModel.$modelValue, {
                     targetEvent: ev,
-                    autoSwitch: scope.autoSwitch
-                }).then(function(time) {
+                    autoSwitch: scope.autoSwitch,
+                    dialogAccent: scope.dialogAccent
+                }).then(function (time) {
                     ngModel.$setViewValue(moment(time).format(scope.format));
                     ngModel.$render();
                 });
             };
-            
+
             element.on("click", showPicker);
-            
-            scope.$on("$destroy", function() {
+
+            scope.$on("$destroy", function () {
                 element.off("click", showPicker);
             });
         }
diff --git a/dist/mdPickers.min.css b/dist/mdPickers.min.css
index e9477885..42ab6ebb 100644
--- a/dist/mdPickers.min.css
+++ b/dist/mdPickers.min.css
@@ -1 +1 @@
-.mdp-animate-next,.mdp-animate-next-remove{opacity:0;-webkit-transform:translate3d(50%,0,1px);transform:translate3d(50%,0,1px)}.mdp-animate-next-remove{-webkit-transition:all .5s cubic-bezier(.35,0,.25,1);transition:all .5s cubic-bezier(.35,0,.25,1)}.mdp-animate-next-remove-active{opacity:1;-webkit-transform:translateZ(1px);transform:translateZ(1px)}.mdp-animate-prev,.mdp-animate-prev-remove{opacity:0;-webkit-transform:translate3d(-50%,0,1px);transform:translate3d(-50%,0,1px)}.mdp-animate-prev-remove{-webkit-transition:all .3s cubic-bezier(.35,0,.25,1);transition:all .3s cubic-bezier(.35,0,.25,1)}.mdp-animate-prev-remove-active{opacity:1;-webkit-transform:translateZ(1px);transform:translateZ(1px)}@-webkit-keyframes a{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}70%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes a{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}70%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.mdp-animation-zoom.ng-enter{-webkit-transition:all .3s cubic-bezier(.35,0,.25,1);transition:all .3s cubic-bezier(.35,0,.25,1);-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:a;animation-name:a}.mdp-datepicker{max-height:initial;min-width:234px}.mdp-datepicker *{outline:0}.mdp-datepicker .md-actions{width:100%;padding:0 5px}.mdp-calendar-week-days{font-size:.75rem;opacity:.6}.mdp-calendar-week-days>*{width:32px;height:32px;line-height:32px;margin:0 5px;padding:0;min-width:0;min-height:0;box-shadow:none!important;background-color:transparent}.mdp-calendar-days{font-size:1rem;max-width:100%}.mdp-calendar-days .md-button,.mdp-calendar-days .mdp-day-placeholder{width:32px;height:32px;margin:0 5px}.mdp-calendar-days .md-button{cursor:pointer;border-radius:50%;font-size:12px;width:32px;height:32px;line-height:32px;padding:0;min-width:0;min-height:0;box-shadow:none!important;background-color:transparent}.mdp-calendar-days .md-button[disabled]:not(.md-accent){background-color:transparent!important}.mdp-calendar-monthyear{font-size:.8125rem;font-weight:700;line-height:32px;min-height:32px}.mdp-datepicker-date,.mdp-datepicker-day,.mdp-datepicker-dow,.mdp-datepicker-month{font-size:1.8rem;opacity:.6}.mdp-datepicker-date:not(.active),.mdp-datepicker-day:not(.active),.mdp-datepicker-dow:not(.active),.mdp-datepicker-month:not(.active){cursor:pointer}.mdp-datepicker-date.active,.mdp-datepicker-date:hover,.mdp-datepicker-day.active,.mdp-datepicker-day:hover,.mdp-datepicker-dow.active,.mdp-datepicker-dow:hover,.mdp-datepicker-month.active,.mdp-datepicker-month:hover{opacity:1}.mdp-datepicker-year{font-size:.9rem;opacity:.6;padding:0;margin:0}.mdp-datepicker-year:not(.active){cursor:pointer}.mdp-datepicker-year.active,.mdp-datepicker-year:hover{opacity:1}.mdp-datepicker-select-year{height:232px}.mdp-datepicker-select-year .repeated-year{text-align:center}.mdp-datepicker-select-year .repeated-year .md-button{width:100%;margin:0;border-radius:0;padding:0;font-size:1rem;line-height:42px}.mdp-datepicker-select-year .repeated-year .md-button.current{font-size:1.8rem;line-height:42px}.mdp-datepicker-select-year .md-virtual-repeat-container,.mdp-datepicker-select-year .md-virtual-repeat-offsetter,.mdp-datepicker-select-year .md-virtual-repeat-scroller{height:100%;width:100%}mdp-date-picker>md-input-container.md-has-icon{padding-left:40px}mdp-date-picker .md-button.md-icon-button{margin:18px 0 0}.mdp-datepicker:not(.portrait) .mdp-datepicker-select-year{width:309px}.mdp-datepicker:not(.portrait) .mdp-calendar{margin-right:5px;width:294px;margin-left:10px}.mdp-datepicker:not(.portrait) .mdp-datepicker-date-wrapper{width:150px}.mdp-datepicker:not(.portrait) .mdp-datepicker-dow{width:100%;display:block}.mdp-datepicker:not(.portrait) .mdp-calendar-days>*,.mdp-datepicker:not(.portrait) .mdp-calendar-week-days>*{width:42px}.mdp-datepicker .mdp-datepicker-date-wrapper{padding:16px 35px 16px 16px}.mdp-datepicker md-dialog-content{overflow:hidden;padding:0}.mdp-datepicker md-dialog-content .mdp-calendar{width:294px;overflow-x:hidden}.mdp-datepicker.portrait{max-width:234px}.mdp-datepicker.portrait .mdp-calendar{text-align:center;width:100%}.mdp-datepicker.portrait .mdp-datepicker-select-year{height:252px}.mdp-datepicker.portrait md-dialog-content>*{width:100%}.mdp-datepicker.portrait .md-actions,.mdp-datepicker.portrait .mdp-calendar-days,.mdp-datepicker.portrait .mdp-calendar-week-days{padding:0 5px}.mdp-datepicker.portrait .md-actions{margin-top:20px}.mdp-datepicker.portrait .mdp-calendar-days>*,.mdp-datepicker.portrait .mdp-calendar-week-days>*{width:32px}mdp-calendar{display:block}.mdp-calendar-week-days{width:100%}.mdp-calendar-days .md-button,.mdp-calendar-days .mdp-day-placeholder,.mdp-calendar-week-days>*{margin:0}.mdp-clock{width:200px;height:200px;border-radius:50%;cursor:pointer;padding:24px;background:#ededed}.mdp-clock .md-button{box-shadow:none!important;background-color:transparent;display:block;position:absolute;min-height:32px;width:32px;height:32px;font-size:12px;line-height:32px;margin:0;padding:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mdp-clock .mdp-clock-container{width:100%;height:100%;position:relative;display:block}.mdp-clock .mdp-pointer{width:1px;height:50%;margin:0 auto;-webkit-transform-origin:top center;transform-origin:top center;z-index:0;pointer-events:none}.mdp-clock .mdp-clock-center,.mdp-clock .mdp-pointer{min-height:0;position:absolute;left:0;right:0;bottom:0}.mdp-clock .mdp-clock-center{height:6px;width:6px;top:0;margin:auto;border-radius:50%}.mdp-clock .md-button.mdp-clock-selected{position:absolute;border-radius:50%;width:8px;height:8px;bottom:-8px;left:0;min-width:0;min-height:0;pointer-events:none}.mdp-timepicker .mdp-clock-switch-container{padding:20px;width:309px}.mdp-timepicker .mdp-timepicker-time{padding:15px}.mdp-timepicker .mdp-timepicker-selected-time{font-size:3rem}.mdp-timepicker:not(.portrait) .mdp-timepicker-time{width:138px}.mdp-timepicker.portrait .mdp-timepicker-selected-time{font-size:4rem;margin-right:1.5rem}mdp-time-picker md-input-container.md-has-icon{padding-left:40px}mdp-time-picker .md-button.md-icon-button{margin:18px 0 0}.mdp-timepicker-selected-ampm>span,.mdp-timepicker-selected-time>span{outline:0;opacity:.6}.mdp-timepicker-selected-ampm>span:not(.active),.mdp-timepicker-selected-time>span:not(.active){cursor:pointer}.mdp-timepicker-selected-ampm>span.active,.mdp-timepicker-selected-time>span.active{opacity:1}.mdp-clock-deg0{top:0;left:50%}.mdp-clock-deg30{top:6.69872981%;left:75%}.mdp-clock-deg60{top:25%;left:93.30127019%}.mdp-clock-deg90{top:50%;left:100%}.mdp-clock-deg120{top:75%;left:93.30127019%}.mdp-clock-deg150{top:93.30127019%;left:75%}.mdp-clock-deg180{top:100%;left:50%}.mdp-clock-deg210{top:93.30127019%;left:25%}.mdp-clock-deg240{top:75%;left:6.69872981%}.mdp-clock-deg270{top:50%;left:0}.mdp-clock-deg300{top:25%;left:6.69872981%}.mdp-clock-deg330{top:6.69872981%;left:25%}.mdp-clock-deg360{top:0;left:50%}
\ No newline at end of file
+.mdp-animate-next,.mdp-animate-next-remove{opacity:0;-webkit-transform:translate3d(50%,0,1px);transform:translate3d(50%,0,1px)}.mdp-animate-next-remove{-webkit-transition:all .5s cubic-bezier(.35,0,.25,1);transition:all .5s cubic-bezier(.35,0,.25,1)}.mdp-animate-next-remove-active{opacity:1;-webkit-transform:translateZ(1px);transform:translateZ(1px)}.mdp-animate-prev,.mdp-animate-prev-remove{opacity:0;-webkit-transform:translate3d(-50%,0,1px);transform:translate3d(-50%,0,1px)}.mdp-animate-prev-remove{-webkit-transition:all .3s cubic-bezier(.35,0,.25,1);transition:all .3s cubic-bezier(.35,0,.25,1)}.mdp-animate-prev-remove-active{opacity:1;-webkit-transform:translateZ(1px);transform:translateZ(1px)}@-webkit-keyframes a{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}70%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes a{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}70%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.mdp-animation-zoom.ng-enter{-webkit-transition:all .3s cubic-bezier(.35,0,.25,1);transition:all .3s cubic-bezier(.35,0,.25,1);-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:a;animation-name:a}.mdp-datepicker{max-height:none;min-width:234px}.mdp-datepicker *{outline:0}.mdp-datepicker .md-actions{width:100%;padding:0 5px}.mdp-calendar-week-days{font-size:.75rem;opacity:.6}.mdp-calendar-week-days>*{width:32px;height:32px;line-height:32px;margin:0 5px;padding:0;min-width:0;min-height:0;box-shadow:none!important;background-color:transparent}.mdp-calendar-days{font-size:1rem;max-width:100%}.mdp-calendar-days .md-button,.mdp-calendar-days .mdp-day-placeholder{width:32px;height:32px;margin:0 5px}.mdp-calendar-days .md-button{cursor:pointer;border-radius:50%;font-size:12px;width:32px;height:32px;line-height:32px;padding:0;min-width:0;min-height:0;box-shadow:none!important;background-color:transparent}.mdp-calendar-days .md-button[disabled]:not(.md-accent){background-color:transparent!important}.mdp-calendar-monthyear{font-size:.8125rem;font-weight:700;line-height:32px;min-height:32px}.mdp-datepicker-date,.mdp-datepicker-day,.mdp-datepicker-dow,.mdp-datepicker-month{font-size:1.8rem;opacity:.6}.mdp-datepicker-date:not(.active),.mdp-datepicker-day:not(.active),.mdp-datepicker-dow:not(.active),.mdp-datepicker-month:not(.active){cursor:pointer}.mdp-datepicker-date.active,.mdp-datepicker-date:hover,.mdp-datepicker-day.active,.mdp-datepicker-day:hover,.mdp-datepicker-dow.active,.mdp-datepicker-dow:hover,.mdp-datepicker-month.active,.mdp-datepicker-month:hover{opacity:1}.mdp-datepicker-year{font-size:.9rem;opacity:.6;padding:0;margin:0}.mdp-datepicker-year:not(.active){cursor:pointer}.mdp-datepicker-year.active,.mdp-datepicker-year:hover{opacity:1}.mdp-datepicker-select-year{height:232px}.mdp-datepicker-select-year .repeated-year{text-align:center}.mdp-datepicker-select-year .repeated-year .md-button{width:100%;margin:0;border-radius:0;padding:0;font-size:1rem;line-height:42px}.mdp-datepicker-select-year .repeated-year .md-button.current{font-size:1.8rem;line-height:42px}.mdp-datepicker-select-year .md-virtual-repeat-container,.mdp-datepicker-select-year .md-virtual-repeat-offsetter,.mdp-datepicker-select-year .md-virtual-repeat-scroller{height:100%;width:100%}mdp-date-picker>md-input-container.md-has-icon{padding-left:40px}mdp-date-picker .md-button.md-icon-button{margin:18px 0 0}.mdp-datepicker:not(.portrait) .mdp-datepicker-select-year{width:309px}.mdp-datepicker:not(.portrait) .mdp-calendar{margin-right:5px;width:294px;margin-left:10px}.mdp-datepicker:not(.portrait) .mdp-datepicker-date-wrapper{width:150px}.mdp-datepicker:not(.portrait) .mdp-datepicker-dow{width:100%;display:block}.mdp-datepicker:not(.portrait) .mdp-calendar-days>*,.mdp-datepicker:not(.portrait) .mdp-calendar-week-days>*{width:42px}.mdp-datepicker .mdp-datepicker-date-wrapper{padding:16px 35px 16px 16px}.mdp-datepicker md-dialog-content{overflow:hidden;padding:0}.mdp-datepicker md-dialog-content .mdp-calendar{width:294px;overflow-x:hidden}.mdp-datepicker.portrait{max-width:234px}.mdp-datepicker.portrait .mdp-calendar{text-align:center;width:100%}.mdp-datepicker.portrait .mdp-datepicker-select-year{height:252px}.mdp-datepicker.portrait md-dialog-content>*{width:100%}.mdp-datepicker.portrait .md-actions,.mdp-datepicker.portrait .mdp-calendar-days,.mdp-datepicker.portrait .mdp-calendar-week-days{padding:0 5px}.mdp-datepicker.portrait .md-actions{margin-top:20px}.mdp-datepicker.portrait .mdp-calendar-days>*,.mdp-datepicker.portrait .mdp-calendar-week-days>*{width:32px}mdp-calendar{display:block}.mdp-calendar-week-days{width:100%}.mdp-calendar-days .md-button,.mdp-calendar-days .mdp-day-placeholder,.mdp-calendar-week-days>*{margin:0}.mdp-clock{width:200px;height:200px;border-radius:50%;cursor:pointer;padding:24px;background:#ededed}.mdp-clock .md-button{box-shadow:none!important;background-color:transparent;display:block;position:absolute;min-height:32px;width:32px;height:32px;font-size:12px;line-height:32px;margin:0;padding:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mdp-clock .mdp-clock-container{width:100%;height:100%;position:relative;display:block}.mdp-clock .mdp-pointer{width:1px;height:50%;margin:0 auto;-webkit-transform-origin:top center;transform-origin:top center;z-index:0;pointer-events:none}.mdp-clock .mdp-clock-center,.mdp-clock .mdp-pointer{min-height:0;position:absolute;left:0;right:0;bottom:0}.mdp-clock .mdp-clock-center{height:6px;width:6px;top:0;margin:auto;border-radius:50%}.mdp-clock .md-button.mdp-clock-selected{position:absolute;border-radius:50%;width:8px;height:8px;bottom:-8px;left:0;min-width:0;min-height:0;pointer-events:none}.mdp-timepicker .mdp-clock-switch-container{padding:20px;width:309px}.mdp-timepicker .mdp-timepicker-time{padding:15px}.mdp-timepicker .mdp-timepicker-selected-time{font-size:3rem}.mdp-timepicker:not(.portrait) .mdp-timepicker-time{width:138px}.mdp-timepicker.portrait .mdp-timepicker-selected-time{font-size:4rem;margin-right:1.5rem}mdp-time-picker md-input-container.md-has-icon{padding-left:40px}mdp-time-picker .md-button.md-icon-button{margin:18px 0 0}.mdp-timepicker-selected-ampm>span,.mdp-timepicker-selected-time>span{outline:0;opacity:.6}.mdp-timepicker-selected-ampm>span:not(.active),.mdp-timepicker-selected-time>span:not(.active){cursor:pointer}.mdp-timepicker-selected-ampm>span.active,.mdp-timepicker-selected-time>span.active{opacity:1}.mdp-clock-deg0{top:0;left:50%}.mdp-clock-deg30{top:6.69872981%;left:75%}.mdp-clock-deg60{top:25%;left:93.30127019%}.mdp-clock-deg90{top:50%;left:100%}.mdp-clock-deg120{top:75%;left:93.30127019%}.mdp-clock-deg150{top:93.30127019%;left:75%}.mdp-clock-deg180{top:100%;left:50%}.mdp-clock-deg210{top:93.30127019%;left:25%}.mdp-clock-deg240{top:75%;left:6.69872981%}.mdp-clock-deg270{top:50%;left:0}.mdp-clock-deg300{top:25%;left:6.69872981%}.mdp-clock-deg330{top:6.69872981%;left:25%}.mdp-clock-deg360{top:0;left:50%}
\ No newline at end of file
diff --git a/dist/mdPickers.min.js b/dist/mdPickers.min.js
index 28b299ec..ddf01c1a 100644
--- a/dist/mdPickers.min.js
+++ b/dist/mdPickers.min.js
@@ -1,2 +1,2 @@
-!function(){"use strict";function t(t,e,a,i,n,r){var o=this;this.date=moment(n),this.minDate=r.minDate&&moment(r.minDate).isValid()?moment(r.minDate):null,this.maxDate=r.maxDate&&moment(r.maxDate).isValid()?moment(r.maxDate):null,this.displayFormat=r.displayFormat||"ddd, MMM DD",this.dateFilter=angular.isFunction(r.dateFilter)?r.dateFilter:null,this.selectingYear=!1,this.minDate&&this.maxDate&&this.maxDate.isBefore(this.minDate)&&(this.maxDate=moment(this.minDate).add(1,"days")),this.date&&(this.minDate&&this.date.isBefore(this.minDate)&&(this.date=moment(this.minDate)),this.maxDate&&this.date.isAfter(this.maxDate)&&(this.date=moment(this.maxDate))),this.yearItems={currentIndex_:0,PAGE_SIZE:5,START:o.minDate?o.minDate.year():1900,END:o.maxDate?o.maxDate.year():0,getItemAtIndex:function(t){return this.currentIndex_<t&&(this.currentIndex_=t),this.START+t},getLength:function(){return Math.min(this.currentIndex_+Math.floor(this.PAGE_SIZE/2),Math.abs(this.START-this.END)+1)}},t.$mdMedia=a,t.year=this.date.year(),this.selectYear=function(e){o.date.year(e),t.year=e,o.selectingYear=!1,o.animate()},this.showYear=function(){o.yearTopIndex=o.date.year()-o.yearItems.START+Math.floor(o.yearItems.PAGE_SIZE/2),o.yearItems.currentIndex_=o.date.year()-o.yearItems.START+1,o.selectingYear=!0},this.showCalendar=function(){o.selectingYear=!1},this.cancel=function(){e.cancel()},this.confirm=function(){var t=this.date;this.minDate&&this.date.isBefore(this.minDate)&&(t=moment(this.minDate)),this.maxDate&&this.date.isAfter(this.maxDate)&&(t=moment(this.maxDate)),e.hide(t.toDate())},this.animate=function(){o.animating=!0,i(angular.noop).then(function(){o.animating=!1})}}function e(t){var e=this;this.dow=moment.localeData().firstDayOfWeek(),this.weekDays=[].concat(moment.weekdaysMin().slice(this.dow),moment.weekdaysMin().slice(0,this.dow)),this.daysInMonth=[],this.getDaysInMonth=function(){var t=e.date.daysInMonth(),a=moment(e.date).date(1).day()-this.dow;0>a&&(a=this.weekDays.length-1);for(var i=[],n=1;a+t>=n;n++){var r=null;n>a&&(r={value:n-a,enabled:e.isDayEnabled(moment(e.date).date(n-a).toDate())}),i.push(r)}return i},this.isDayEnabled=function(t){return!(this.minDate&&!(this.minDate<=t)||this.maxDate&&!(this.maxDate>=t)||e.dateFilter&&e.dateFilter(t))},this.selectDate=function(t){e.date.date(t)},this.nextMonth=function(){e.date.add(1,"months")},this.prevMonth=function(){e.date.subtract(1,"months")},this.updateDaysInMonth=function(){e.daysInMonth=e.getDaysInMonth()},t.$watch(function(){return e.date.unix()},function(t,a){t&&t!==a&&e.updateDaysInMonth()}),e.updateDaysInMonth()}function a(t,e){return!t||angular.isDate(t)||moment(t,e,!0).isValid()}function i(t,e,a){var a=moment(a,"YYYY-MM-DD",!0),i=angular.isDate(t)?moment(t):moment(t,e,!0);return!t||angular.isDate(t)||!a.isValid()||i.isSameOrAfter(a)}function n(t,e,a){var a=moment(a,"YYYY-MM-DD",!0),i=angular.isDate(t)?moment(t):moment(t,e,!0);return!t||angular.isDate(t)||!a.isValid()||i.isSameOrBefore(a)}function r(t,e,a){var i=angular.isDate(t)?moment(t):moment(t,e,!0);return!t||angular.isDate(t)||!angular.isFunction(a)||!a(i)}function o(t,e,a,i,n){var r=this;this.VIEW_HOURS=1,this.VIEW_MINUTES=2,this.currentView=this.VIEW_HOURS,this.time=moment(a),this.autoSwitch=!!i,this.clockHours=parseInt(this.time.format("h")),this.clockMinutes=parseInt(this.time.minutes()),t.$mdMedia=n,this.switchView=function(){r.currentView=r.currentView==r.VIEW_HOURS?r.VIEW_MINUTES:r.VIEW_HOURS},this.setAM=function(){r.time.hours()>=12&&r.time.hour(r.time.hour()-12)},this.setPM=function(){r.time.hours()<12&&r.time.hour(r.time.hour()+12)},this.cancel=function(){e.cancel()},this.confirm=function(){e.hide(this.time.toDate())}}function s(t){var e="hours",a="minutes",i=this;this.STEP_DEG=30,this.steps=[],this.CLOCK_TYPES={hours:{range:12},minutes:{range:60}},this.getPointerStyle=function(){var t=1;switch(i.type){case e:t=12;break;case a:t=60}var n=Math.round(i.selected*(360/t))-180;return{"-webkit-transform":"rotate("+n+"deg)","-ms-transform":"rotate("+n+"deg)",transform:"rotate("+n+"deg)"}},this.setTimeByDeg=function(t){t=t>=360?0:t;var n=0;switch(i.type){case e:n=12;break;case a:n=60}i.setTime(Math.round(n/360*t))},this.setTime=function(t,n){switch(this.selected=t,i.type){case e:"PM"==i.time.format("A")&&(t+=12),this.time.hours(t);break;case a:t>59&&(t-=60),this.time.minutes(t)}},this.init=function(){switch(i.type=i.type||"hours",i.type){case e:for(var t=1;12>=t;t++)i.steps.push(t);i.selected=i.time.hours()||0,i.selected>12&&(i.selected-=12);break;case a:for(var t=5;55>=t;t+=5)i.steps.push(t);i.steps.push(0),i.selected=i.time.minutes()||0}},this.init()}var d=angular.module("mdPickers",["ngMaterial","ngAnimate","ngAria"]);d.config(["$mdIconProvider","mdpIconsRegistry",function(t,e){angular.forEach(e,function(e,a){t.icon(e.id,e.url)})}]),d.run(["$templateCache","mdpIconsRegistry",function(t,e){angular.forEach(e,function(e,a){t.put(e.url,e.svg)})}]),d.constant("mdpIconsRegistry",[{id:"mdp-chevron-left",url:"mdp-chevron-left.svg",svg:'<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/><path d="M0 0h24v24H0z" fill="none"/></svg>'},{id:"mdp-chevron-right",url:"mdp-chevron-right.svg",svg:'<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>'},{id:"mdp-access-time",url:"mdp-access-time.svg",svg:'<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>'},{id:"mdp-event",url:"mdp-event.svg",svg:'<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"/><path d="M0 0h24v24H0z" fill="none"/></svg>'}]),d.directive("ngMessage",["$mdUtil",function(t){return{restrict:"EA",priority:101,compile:function(e){var a=t.getClosest(e,"mdp-time-picker",!0)||t.getClosest(e,"mdp-date-picker",!0);if(a)return e.toggleClass("md-input-message-animation",!0),{}}}}]),d.provider("$mdpDatePicker",function(){var e="OK",a="Cancel",i="ddd, MMM DD";this.setDisplayFormat=function(t){i=t},this.setOKButtonLabel=function(t){e=t},this.setCancelButtonLabel=function(t){a=t},this.$get=["$mdDialog",function(n){var r=function(r,o){return angular.isDate(r)||(r=Date.now()),angular.isObject(o)||(o={}),o.displayFormat=i,n.show({controller:["$scope","$mdDialog","$mdMedia","$timeout","currentDate","options",t],controllerAs:"datepicker",clickOutsideToClose:!0,template:'<md-dialog aria-label="" class="mdp-datepicker" ng-class="{ \'portrait\': !$mdMedia(\'gt-xs\') }"><md-dialog-content layout="row" layout-wrap><div layout="column" layout-align="start center"><md-toolbar layout-align="start start" flex class="mdp-datepicker-date-wrapper md-hue-1 md-primary" layout="column"><span class="mdp-datepicker-year" ng-click="datepicker.showYear()" ng-class="{ \'active\': datepicker.selectingYear }">{{ datepicker.date.format(\'YYYY\') }}</span><span class="mdp-datepicker-date" ng-click="datepicker.showCalendar()" ng-class="{ \'active\': !datepicker.selectingYear }">{{ datepicker.date.format(datepicker.displayFormat) }}</span> </md-toolbar></div><div><div class="mdp-datepicker-select-year mdp-animation-zoom" layout="column" layout-align="center start" ng-if="datepicker.selectingYear"><md-virtual-repeat-container md-auto-shrink md-top-index="datepicker.yearTopIndex"><div flex md-virtual-repeat="item in datepicker.yearItems" md-on-demand class="repeated-year"><span class="md-button" ng-click="datepicker.selectYear(item)" md-ink-ripple ng-class="{ \'md-primary current\': item == year }">{{ item }}</span></div></md-virtual-repeat-container></div><mdp-calendar ng-if="!datepicker.selectingYear" class="mdp-animation-zoom" date="datepicker.date" min-date="datepicker.minDate" date-filter="datepicker.dateFilter" max-date="datepicker.maxDate"></mdp-calendar><md-dialog-actions layout="row"><span flex></span><md-button ng-click="datepicker.cancel()" aria-label="'+a+'">'+a+'</md-button><md-button ng-click="datepicker.confirm()" class="md-primary" aria-label="'+e+'">'+e+"</md-button></md-dialog-actions></div></md-dialog-content></md-dialog>",targetEvent:o.targetEvent,locals:{currentDate:r,options:o},skipHide:!0})};return r}]}),d.directive("mdpCalendar",["$animate",function(t){return{restrict:"E",bindToController:{date:"=",minDate:"=",maxDate:"=",dateFilter:"="},template:'<div class="mdp-calendar"><div layout="row" layout-align="space-between center"><md-button aria-label="previous month" class="md-icon-button" ng-click="calendar.prevMonth()"><md-icon md-svg-icon="mdp-chevron-left"></md-icon></md-button><div class="mdp-calendar-monthyear" ng-show="!calendar.animating">{{ calendar.date.format("MMMM YYYY") }}</div><md-button aria-label="next month" class="md-icon-button" ng-click="calendar.nextMonth()"><md-icon md-svg-icon="mdp-chevron-right"></md-icon></md-button></div><div layout="row" layout-align="space-around center" class="mdp-calendar-week-days" ng-show="!calendar.animating"><div layout layout-align="center center" ng-repeat="d in calendar.weekDays track by $index">{{ d }}</div></div><div layout="row" layout-align="start center" layout-wrap class="mdp-calendar-days" ng-class="{ \'mdp-animate-next\': calendar.animating }" ng-show="!calendar.animating" md-swipe-left="calendar.nextMonth()" md-swipe-right="calendar.prevMonth()"><div layout layout-align="center center" ng-repeat-start="day in calendar.daysInMonth track by $index" ng-class="{ \'mdp-day-placeholder\': !day }"><md-button class="md-icon-button md-raised" aria-label="Select day" ng-if="day" ng-class="{ \'md-accent\': calendar.date.date() == day.value }" ng-click="calendar.selectDate(day.value)" ng-disabled="!day.enabled">{{ day.value }}</md-button></div><div flex="100" ng-if="($index + 1) % 7 == 0" ng-repeat-end></div></div></div>',controller:["$scope",e],controllerAs:"calendar",link:function(e,a,i,n){var r=[a[0].querySelector(".mdp-calendar-week-days"),a[0].querySelector(".mdp-calendar-days"),a[0].querySelector(".mdp-calendar-monthyear")].map(function(t){return angular.element(t)});e.$watch(function(){return n.date.format("YYYYMM")},function(e,a){var i=null;if(e>a?i="mdp-animate-next":a>e&&(i="mdp-animate-prev"),i)for(var n in r)r[n].addClass(i),t.removeClass(r[n],i)})}}}]),d.directive("mdpDatePicker",["$mdpDatePicker","$timeout",function(t,e){return{restrict:"E",require:"ngModel",transclude:!0,template:function(t,e){var a=angular.isDefined(e.mdpNoFloat),i=angular.isDefined(e.mdpPlaceholder)?e.mdpPlaceholder:"",n=angular.isDefined(e.mdpOpenOnClick)?!0:!1;return'<div layout layout-align="start start"><md-button'+(angular.isDefined(e.mdpDisabled)?' ng-disabled="disabled"':"")+' class="md-icon-button" ng-click="showPicker($event)"><md-icon md-svg-icon="mdp-event"></md-icon></md-button><md-input-container'+(a?" md-no-float":"")+' md-is-error="isError()"><input type="{{ ::type }}"'+(angular.isDefined(e.mdpDisabled)?' ng-disabled="disabled"':"")+' aria-label="'+i+'" placeholder="'+i+'"'+(n?' ng-click="showPicker($event)" ':"")+" /></md-input-container></div>"},scope:{minDate:"=mdpMinDate",maxDate:"=mdpMaxDate",dateFilter:"=mdpDateFilter",dateFormat:"@mdpFormat",placeholder:"@mdpPlaceholder",noFloat:"=mdpNoFloat",openOnClick:"=mdpOpenOnClick",disabled:"=?mdpDisabled"},link:{pre:function(t,e,a,i,n){},post:function(e,o,s,d,m){function c(t){p[0].value=t,g.setHasValue(!d.$isEmpty(t))}function l(t){var a=moment(t,angular.isDate(t)?null:e.dateFormat,!0),i=a.format(e.dateFormat);a.isValid()?(c(i),d.$setViewValue(i)):(c(t),d.$setViewValue(t)),!d.$pristine&&f.hasClass("md-auto-hide")&&h.hasClass("md-input-invalid")&&f.removeClass("md-auto-hide"),d.$render()}function u(t){t.target.value!==d.$viewVaue&&l(t.target.value)}var p=angular.element(o[0].querySelector("input")),h=angular.element(o[0].querySelector("md-input-container")),g=h.controller("mdInputContainer");m(function(t){h.append(t)});var f=angular.element(h[0].querySelector("[ng-messages]"));e.type=e.dateFormat?"text":"date",e.dateFormat=e.dateFormat||"YYYY-MM-DD",e.model=d,e.isError=function(){return!d.$pristine&&!!d.$invalid},d.$formatters.unshift(function(t){var a=angular.isDate(t)&&moment(t);c(a&&a.isValid()?a.format(e.dateFormat):null)}),d.$validators.format=function(t,i){return a(i,e.dateFormat)},d.$validators.minDate=function(t,a){return i(a,e.dateFormat,e.minDate)},d.$validators.maxDate=function(t,a){return n(a,e.dateFormat,e.maxDate)},d.$validators.filter=function(t,a){return r(a,e.dateFormat,e.dateFilter)},d.$validators.required=function(t,e){return angular.isUndefined(s.required)||!d.$isEmpty(t)||!d.$isEmpty(e)},d.$parsers.unshift(function(t){var a=moment(t,e.dateFormat,!0);if(a.isValid()){if(angular.isDate(d.$modelValue)){var i=moment(d.$modelValue);i.year(a.year()),i.month(a.month()),i.date(a.date()),a=i}return a.toDate()}return null}),e.showPicker=function(a){t(d.$modelValue,{minDate:e.minDate,maxDate:e.maxDate,dateFilter:e.dateFilter,targetEvent:a}).then(l)},p.on("reset input blur",u),e.$on("$destroy",function(){p.off("reset input blur",u)})}}}}]),d.directive("mdpDatePicker",["$mdpDatePicker","$timeout",function(t,e){return{restrict:"A",require:"ngModel",scope:{minDate:"@min",maxDate:"@max",dateFilter:"=mdpDateFilter",dateFormat:"@mdpFormat"},link:function(e,o,s,d,m){function c(a){t(d.$modelValue,{minDate:e.minDate,maxDate:e.maxDate,dateFilter:e.dateFilter,targetEvent:a}).then(function(t){d.$setViewValue(moment(t).format(e.format)),d.$render()})}e.dateFormat=e.dateFormat||"YYYY-MM-DD",d.$validators.format=function(t,i){return a(i,e.format)},d.$validators.minDate=function(t,a){return i(a,e.format,e.minDate)},d.$validators.maxDate=function(t,a){return n(a,e.format,e.maxDate)},d.$validators.filter=function(t,a){return r(a,e.format,e.dateFilter)},o.on("click",c),e.$on("$destroy",function(){o.off("click",c)})}}}]),d.directive("mdpClock",["$animate","$timeout",function(t,e){return{restrict:"E",bindToController:{type:"@?",time:"=",autoSwitch:"=?"},replace:!0,template:'<div class="mdp-clock"><div class="mdp-clock-container"><md-toolbar class="mdp-clock-center md-primary"></md-toolbar><md-toolbar ng-style="clock.getPointerStyle()" class="mdp-pointer md-primary"><span class="mdp-clock-selected md-button md-raised md-primary"></span></md-toolbar><md-button ng-class="{ \'md-primary\': clock.selected == step }" class="md-icon-button md-raised mdp-clock-deg{{ ::(clock.STEP_DEG * ($index + 1)) }}" ng-repeat="step in clock.steps" ng-click="clock.setTime(step)">{{ step }}</md-button></div></div>',controller:["$scope",s],controllerAs:"clock",link:function(t,a,i,n){var r=(angular.element(a[0].querySelector(".mdp-pointer")),t.$parent.timepicker),o=function(t){var a=t.currentTarget.getClientRects()[0],i=t.currentTarget.offsetWidth/2-(t.pageX-a.left),o=t.pageY-a.top-t.currentTarget.offsetHeight/2,s=Math.round(Math.atan2(i,o)*(180/Math.PI));e(function(){n.setTimeByDeg(s+180),n.autoSwitch&&-1!==["mouseup","click"].indexOf(t.type)&&r&&r.switchView()})};a.on("mousedown",function(){a.on("mousemove",o)}),a.on("mouseup",function(t){a.off("mousemove")}),a.on("click",o),t.$on("$destroy",function(){a.off("click",o),a.off("mousemove",o)})}}}]),d.provider("$mdpTimePicker",function(){var t="OK",e="Cancel";this.setOKButtonLabel=function(e){t=e},this.setCancelButtonLabel=function(t){e=t},this.$get=["$mdDialog",function(a){var i=function(i,n){return angular.isDate(i)||(i=Date.now()),angular.isObject(n)||(n={}),a.show({controller:["$scope","$mdDialog","time","autoSwitch","$mdMedia",o],controllerAs:"timepicker",clickOutsideToClose:!0,template:'<md-dialog aria-label="" class="mdp-timepicker" ng-class="{ \'portrait\': !$mdMedia(\'gt-xs\') }"><md-dialog-content layout-gt-xs="row" layout-wrap><md-toolbar layout-gt-xs="column" layout-xs="row" layout-align="center center" flex class="mdp-timepicker-time md-hue-1 md-primary"><div class="mdp-timepicker-selected-time"><span ng-class="{ \'active\': timepicker.currentView == timepicker.VIEW_HOURS }" ng-click="timepicker.currentView = timepicker.VIEW_HOURS">{{ timepicker.time.format("h") }}</span>:<span ng-class="{ \'active\': timepicker.currentView == timepicker.VIEW_MINUTES }" ng-click="timepicker.currentView = timepicker.VIEW_MINUTES">{{ timepicker.time.format("mm") }}</span></div><div layout="column" class="mdp-timepicker-selected-ampm"><span ng-click="timepicker.setAM()" ng-class="{ \'active\': timepicker.time.hours() < 12 }">AM</span><span ng-click="timepicker.setPM()" ng-class="{ \'active\': timepicker.time.hours() >= 12 }">PM</span></div></md-toolbar><div><div class="mdp-clock-switch-container" ng-switch="timepicker.currentView" layout layout-align="center center"><mdp-clock class="mdp-animation-zoom" auto-switch="timepicker.autoSwitch" time="timepicker.time" type="hours" ng-switch-when="1"></mdp-clock><mdp-clock class="mdp-animation-zoom" auto-switch="timepicker.autoSwitch" time="timepicker.time" type="minutes" ng-switch-when="2"></mdp-clock></div><md-dialog-actions layout="row"><span flex></span><md-button ng-click="timepicker.cancel()" aria-label="'+e+'">'+e+'</md-button><md-button ng-click="timepicker.confirm()" class="md-primary" aria-label="'+t+'">'+t+"</md-button></md-dialog-actions></div></md-dialog-content></md-dialog>",targetEvent:n.targetEvent,locals:{time:i,autoSwitch:n.autoSwitch},skipHide:!0})};return i}]}),d.directive("mdpTimePicker",["$mdpTimePicker","$timeout",function(t,e){return{restrict:"E",require:"ngModel",transclude:!0,template:function(t,e){var a=angular.isDefined(e.mdpNoFloat),i=angular.isDefined(e.mdpPlaceholder)?e.mdpPlaceholder:"",n=angular.isDefined(e.mdpOpenOnClick)?!0:!1;return'<div layout layout-align="start start"><md-button class="md-icon-button" ng-click="showPicker($event)"'+(angular.isDefined(e.mdpDisabled)?' ng-disabled="disabled"':"")+'><md-icon md-svg-icon="mdp-access-time"></md-icon></md-button><md-input-container'+(a?" md-no-float":"")+' md-is-error="isError()"><input type="{{ ::type }}"'+(angular.isDefined(e.mdpDisabled)?' ng-disabled="disabled"':"")+' aria-label="'+i+'" placeholder="'+i+'"'+(n?' ng-click="showPicker($event)" ':"")+" /></md-input-container></div>"},scope:{timeFormat:"@mdpFormat",placeholder:"@mdpPlaceholder",autoSwitch:"=?mdpAutoSwitch",disabled:"=?mdpDisabled"},link:function(e,a,i,n,r){function o(t){m[0].value=t,l.setHasValue(!n.$isEmpty(t))}function s(t){var a=moment(t,angular.isDate(t)?null:e.timeFormat,!0),i=a.format(e.timeFormat);a.isValid()?(o(i),n.$setViewValue(i)):(o(t),n.$setViewValue(t)),!n.$pristine&&u.hasClass("md-auto-hide")&&c.hasClass("md-input-invalid")&&u.removeClass("md-auto-hide"),n.$render()}function d(t){t.target.value!==n.$viewVaue&&s(t.target.value)}var m=angular.element(a[0].querySelector("input")),c=angular.element(a[0].querySelector("md-input-container")),l=c.controller("mdInputContainer");r(function(t){c.append(t)});var u=angular.element(c[0].querySelector("[ng-messages]"));e.type=e.timeFormat?"text":"time",e.timeFormat=e.timeFormat||"HH:mm",e.autoSwitch=e.autoSwitch||!1,e.$watch(function(){return n.$error},function(t,e){l.setInvalid(!n.$pristine&&!!Object.keys(n.$error).length)},!0),n.$formatters.unshift(function(t){var a=angular.isDate(t)&&moment(t);o(a&&a.isValid()?a.format(e.timeFormat):null)}),n.$validators.format=function(t,a){return!a||angular.isDate(a)||moment(a,e.timeFormat,!0).isValid()},n.$validators.required=function(t,e){return angular.isUndefined(i.required)||!n.$isEmpty(t)||!n.$isEmpty(e)},n.$parsers.unshift(function(t){var a=moment(t,e.timeFormat,!0);if(a.isValid()){if(angular.isDate(n.$modelValue)){var i=moment(n.$modelValue);i.minutes(a.minutes()),i.hours(a.hours()),i.seconds(a.seconds()),a=i}return a.toDate()}return null}),e.showPicker=function(a){t(n.$modelValue,{targetEvent:a,autoSwitch:e.autoSwitch}).then(function(t){s(t,!0)})},m.on("reset input blur",d),e.$on("$destroy",function(){m.off("reset input blur",d)})}}}]),d.directive("mdpTimePicker",["$mdpTimePicker","$timeout",function(t,e){return{restrict:"A",require:"ngModel",scope:{timeFormat:"@mdpFormat",autoSwitch:"=?mdpAutoSwitch"},link:function(e,a,i,n,r){function o(a){t(n.$modelValue,{targetEvent:a,autoSwitch:e.autoSwitch}).then(function(t){n.$setViewValue(moment(t).format(e.format)),n.$render()})}e.format=e.format||"HH:mm",a.on("click",o),e.$on("$destroy",function(){a.off("click",o)})}}}])}();
+!function(){"use strict";function t(t,e,a,i,n,r,o){var c=this;this.date=moment(n),this.minDate=r.minDate&&moment(r.minDate).isValid()?moment(r.minDate):null,this.maxDate=r.maxDate&&moment(r.maxDate).isValid()?moment(r.maxDate):null,this.displayFormat=r.displayFormat||"ddd, MMM DD",this.dateFilter=angular.isFunction(r.dateFilter)?r.dateFilter:null,this.selectingYear=!1,this.dialogAccent=o,this.minDate&&this.maxDate&&this.maxDate.isBefore(this.minDate)&&(this.maxDate=moment(this.minDate).add(1,"days")),this.date&&(this.minDate&&this.date.isBefore(this.minDate)&&(this.date=moment(this.minDate)),this.maxDate&&this.date.isAfter(this.maxDate)&&(this.date=moment(this.maxDate))),this.yearItems={currentIndex_:0,PAGE_SIZE:5,START:c.minDate?c.minDate.year():1900,END:c.maxDate?c.maxDate.year():0,getItemAtIndex:function(t){return this.currentIndex_<t&&(this.currentIndex_=t),this.START+t},getLength:function(){return Math.min(this.currentIndex_+Math.floor(this.PAGE_SIZE/2),Math.abs(this.START-this.END)+1)}},t.$mdMedia=a,t.year=this.date.year(),this.selectYear=function(e){c.date.year(e),t.year=e,c.selectingYear=!1,c.animate()},this.showYear=function(){c.yearTopIndex=c.date.year()-c.yearItems.START+Math.floor(c.yearItems.PAGE_SIZE/2),c.yearItems.currentIndex_=c.date.year()-c.yearItems.START+1,c.selectingYear=!0},this.showCalendar=function(){c.selectingYear=!1},this.cancel=function(){e.cancel()},this.confirm=function(){var t=this.date;this.minDate&&this.date.isBefore(this.minDate)&&(t=moment(this.minDate)),this.maxDate&&this.date.isAfter(this.maxDate)&&(t=moment(this.maxDate)),e.hide(t.toDate())},this.animate=function(){c.animating=!0,i(angular.noop).then(function(){c.animating=!1})}}function e(t){var e=this;this.dow=moment.localeData().firstDayOfWeek(),this.weekDays=[].concat(moment.weekdaysMin().slice(this.dow),moment.weekdaysMin().slice(0,this.dow)),this.daysInMonth=[],this.getDaysInMonth=function(){var t=e.date.daysInMonth(),a=moment(e.date).date(1).day()-this.dow;a<0&&(a=this.weekDays.length-1);for(var i=[],n=1;n<=a+t;n++){var r=null;n>a&&(r={value:n-a,enabled:e.isDayEnabled(moment(e.date).date(n-a).toDate())}),i.push(r)}return i},this.isDayEnabled=function(t){return!(this.minDate&&!(this.minDate<=t)||this.maxDate&&!(this.maxDate>=t)||e.dateFilter&&e.dateFilter(t))},this.selectDate=function(t){e.date.date(t)},this.nextMonth=function(){e.date.add(1,"months")},this.prevMonth=function(){e.date.subtract(1,"months")},this.updateDaysInMonth=function(){e.daysInMonth=e.getDaysInMonth()},t.$watch(function(){return e.date.unix()},function(t,a){t&&t!==a&&e.updateDaysInMonth()}),e.updateDaysInMonth()}function a(t,e){return!t||angular.isDate(t)||moment(t,e,!0).isValid()}function i(t,e,a){var a=moment(a,"YYYY-MM-DD",!0),i=angular.isDate(t)?moment(t):moment(t,e,!0);return!t||angular.isDate(t)||!a.isValid()||i.isSameOrAfter(a)}function n(t,e,a){var a=moment(a,"YYYY-MM-DD",!0),i=angular.isDate(t)?moment(t):moment(t,e,!0);return!t||angular.isDate(t)||!a.isValid()||i.isSameOrBefore(a)}function r(t,e,a){var i=angular.isDate(t)?moment(t):moment(t,e,!0);return!t||angular.isDate(t)||!angular.isFunction(a)||!a(i)}function o(t,e,a,i,n,r){var o=this;this.VIEW_HOURS=1,this.VIEW_MINUTES=2,this.currentView=this.VIEW_HOURS,this.time=moment(a),this.autoSwitch=!!i,this.dialogAccent=r,this.clockHours=parseInt(this.time.format("h")),this.clockMinutes=parseInt(this.time.minutes()),t.$mdMedia=n,this.switchView=function(){o.currentView=o.currentView==o.VIEW_HOURS?o.VIEW_MINUTES:o.VIEW_HOURS},this.setAM=function(){o.time.hours()>=12&&o.time.hour(o.time.hour()-12)},this.setPM=function(){o.time.hours()<12&&o.time.hour(o.time.hour()+12)},this.cancel=function(){e.cancel()},this.confirm=function(){e.hide(this.time.toDate())}}function c(t){var e="hours",a="minutes",i=this;this.STEP_DEG=30,this.steps=[],this.CLOCK_TYPES={hours:{range:12},minutes:{range:60}},this.getPointerStyle=function(){var t=1;switch(i.type){case e:t=12;break;case a:t=60}var n=Math.round(i.selected*(360/t))-180;return{"-webkit-transform":"rotate("+n+"deg)","-ms-transform":"rotate("+n+"deg)",transform:"rotate("+n+"deg)"}},this.setTimeByDeg=function(t){t=t>=360?0:t;var n=0;switch(i.type){case e:n=12;break;case a:n=60}i.setTime(Math.round(n/360*t))},this.setTime=function(t,n){switch(this.selected=t,i.type){case e:"PM"==i.time.format("A")&&(t+=12),this.time.hours(t);break;case a:t>59&&(t-=60),this.time.minutes(t)}},this.init=function(){switch(i.type=i.type||"hours",i.type){case e:for(var t=1;t<=12;t++)i.steps.push(t);i.selected=i.time.hours()||0,i.selected>12&&(i.selected-=12);break;case a:for(var t=5;t<=55;t+=5)i.steps.push(t);i.steps.push(0),i.selected=i.time.minutes()||0}},this.init()}var d=angular.module("mdPickers",["ngMaterial","ngAnimate","ngAria"]);d.config(["$mdIconProvider","mdpIconsRegistry",function(t,e){angular.forEach(e,function(e,a){t.icon(e.id,e.url)})}]),d.run(["$templateCache","mdpIconsRegistry",function(t,e){angular.forEach(e,function(e,a){t.put(e.url,e.svg)})}]),d.constant("mdpIconsRegistry",[{id:"mdp-chevron-left",url:"mdp-chevron-left.svg",svg:'<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/><path d="M0 0h24v24H0z" fill="none"/></svg>'},{id:"mdp-chevron-right",url:"mdp-chevron-right.svg",svg:'<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>'},{id:"mdp-access-time",url:"mdp-access-time.svg",svg:'<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>'},{id:"mdp-event",url:"mdp-event.svg",svg:'<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"/><path d="M0 0h24v24H0z" fill="none"/></svg>'}]),d.directive("ngMessage",["$mdUtil",function(t){return{restrict:"EA",priority:101,compile:function(e){var a=t.getClosest(e,"mdp-time-picker",!0)||t.getClosest(e,"mdp-date-picker",!0);if(a)return e.toggleClass("md-input-message-animation",!0),{}}}}]),d.provider("$mdpDatePicker",function(){var e="OK",a="Cancel",i="ddd, MMM DD";this.setDisplayFormat=function(t){i=t},this.setOKButtonLabel=function(t){e=t},this.setCancelButtonLabel=function(t){a=t},this.$get=["$mdDialog",function(n){var r=function(r,o){return angular.isDate(r)||(r=Date.now()),angular.isObject(o)||(o={}),o.displayFormat=i,n.show({controller:["$scope","$mdDialog","$mdMedia","$timeout","currentDate","options","dialogAccent",t],controllerAs:"datepicker",clickOutsideToClose:!0,template:'<md-dialog aria-label="" class="mdp-datepicker" ng-class="{ \'portrait\': !$mdMedia(\'gt-xs\') }"><md-dialog-content layout="row" layout-wrap><div layout="column" layout-align="start center"><md-toolbar layout-align="start start" flex class="mdp-datepicker-date-wrapper md-hue-1 md-primary" layout="column" ng-class="{\'md-accent\': datepicker.dialogAccent}"><span class="mdp-datepicker-year" ng-click="datepicker.showYear()" ng-class="{ \'active\': datepicker.selectingYear }">{{ datepicker.date.format(\'YYYY\') }}</span><span class="mdp-datepicker-date" ng-click="datepicker.showCalendar()" ng-class="{ \'active\': !datepicker.selectingYear }">{{ datepicker.date.format(datepicker.displayFormat) }}</span> </md-toolbar></div><div><div class="mdp-datepicker-select-year mdp-animation-zoom" layout="column" layout-align="center start" ng-if="datepicker.selectingYear"><md-virtual-repeat-container md-auto-shrink md-top-index="datepicker.yearTopIndex"><div flex md-virtual-repeat="item in datepicker.yearItems" md-on-demand class="repeated-year"><span class="md-button" ng-click="datepicker.selectYear(item)" md-ink-ripple ng-class="{ \'md-primary current\': item == year, \'md-accent\': item == year && datepicker.dialogAccent }">{{ item }}</span></div></md-virtual-repeat-container></div><mdp-calendar ng-if="!datepicker.selectingYear" class="mdp-animation-zoom" date="datepicker.date" min-date="datepicker.minDate" date-filter="datepicker.dateFilter" max-date="datepicker.maxDate"></mdp-calendar><md-dialog-actions layout="row"><span flex></span><md-button ng-click="datepicker.cancel()" aria-label="'+a+'">'+a+'</md-button><md-button ng-click="datepicker.confirm()" class="md-primary" aria-label="'+e+'">'+e+"</md-button></md-dialog-actions></div></md-dialog-content></md-dialog>",targetEvent:o.targetEvent,locals:{currentDate:r,options:o,dialogAccent:o.dialogAccent},skipHide:!0})};return r}]}),d.directive("mdpCalendar",["$animate",function(t){return{restrict:"E",bindToController:{date:"=",minDate:"=",maxDate:"=",dateFilter:"="},template:'<div class="mdp-calendar"><div layout="row" layout-align="space-between center"><md-button aria-label="previous month" class="md-icon-button" ng-click="calendar.prevMonth()"><md-icon md-svg-icon="mdp-chevron-left"></md-icon></md-button><div class="mdp-calendar-monthyear" ng-show="!calendar.animating">{{ calendar.date.format("MMMM YYYY") }}</div><md-button aria-label="next month" class="md-icon-button" ng-click="calendar.nextMonth()"><md-icon md-svg-icon="mdp-chevron-right"></md-icon></md-button></div><div layout="row" layout-align="space-around center" class="mdp-calendar-week-days" ng-show="!calendar.animating"><div layout layout-align="center center" ng-repeat="d in calendar.weekDays track by $index">{{ d }}</div></div><div layout="row" layout-align="start center" layout-wrap class="mdp-calendar-days" ng-class="{ \'mdp-animate-next\': calendar.animating }" ng-show="!calendar.animating" md-swipe-left="calendar.nextMonth()" md-swipe-right="calendar.prevMonth()"><div layout layout-align="center center" ng-repeat-start="day in calendar.daysInMonth track by $index" ng-class="{ \'mdp-day-placeholder\': !day }"><md-button class="md-icon-button md-raised" aria-label="Select day" ng-if="day" ng-class="{ \'md-accent\': calendar.date.date() == day.value }" ng-click="calendar.selectDate(day.value)" ng-disabled="!day.enabled">{{ day.value }}</md-button></div><div flex="100" ng-if="($index + 1) % 7 == 0" ng-repeat-end></div></div></div>',controller:["$scope",e],controllerAs:"calendar",link:function(e,a,i,n){var r=[a[0].querySelector(".mdp-calendar-week-days"),a[0].querySelector(".mdp-calendar-days"),a[0].querySelector(".mdp-calendar-monthyear")].map(function(t){return angular.element(t)});e.$watch(function(){return n.date.format("YYYYMM")},function(e,a){var i=null;if(e>a?i="mdp-animate-next":e<a&&(i="mdp-animate-prev"),i)for(var n in r)r[n].addClass(i),t.removeClass(r[n],i)})}}}]),d.directive("mdpDatePicker",["$mdpDatePicker","$timeout",function(t,e){return{restrict:"E",require:"ngModel",transclude:!0,template:function(t,e){var a=angular.isDefined(e.mdpNoFloat),i=angular.isDefined(e.mdpPlaceholder)?e.mdpPlaceholder:"",n=!!angular.isDefined(e.mdpOpenOnClick);return'<div layout layout-align="start start"><md-button'+(angular.isDefined(e.mdpDisabled)?' ng-disabled="disabled"':"")+' class="md-icon-button" ng-click="showPicker($event)"><md-icon md-svg-icon="mdp-event"></md-icon></md-button><md-input-container'+(a?" md-no-float":"")+' md-is-error="isError()"><input type="{{ ::type }}"'+(angular.isDefined(e.mdpDisabled)?' ng-disabled="disabled"':"")+' aria-label="'+i+'" placeholder="'+i+'"'+(n?' ng-click="showPicker($event)" ':"")+" /></md-input-container></div>"},scope:{minDate:"=mdpMinDate",maxDate:"=mdpMaxDate",dateFilter:"=mdpDateFilter",dateFormat:"@mdpFormat",placeholder:"@mdpPlaceholder",noFloat:"=mdpNoFloat",openOnClick:"=mdpOpenOnClick",disabled:"=?mdpDisabled",dialogAccent:"=?mdpDialogAccent"},link:{pre:function(t,e,a,i,n){},post:function(e,o,c,d,s){function m(t){p[0].value=t,g.setHasValue(!d.$isEmpty(t))}function l(t){var a=moment(t,angular.isDate(t)?null:e.dateFormat,!0),i=a.format(e.dateFormat);a.isValid()?(m(i),d.$setViewValue(i)):(m(t),d.$setViewValue(t)),!d.$pristine&&f.hasClass("md-auto-hide")&&h.hasClass("md-input-invalid")&&f.removeClass("md-auto-hide"),d.$render()}function u(t){t.target.value!==d.$viewVaue&&l(t.target.value)}var p=angular.element(o[0].querySelector("input")),h=angular.element(o[0].querySelector("md-input-container")),g=h.controller("mdInputContainer");s(function(t){h.append(t)});var f=angular.element(h[0].querySelector("[ng-messages]"));e.type=e.dateFormat?"text":"date",e.dateFormat=e.dateFormat||"YYYY-MM-DD",e.model=d,e.dialogAccent=e.dialogAccent||!1,e.isError=function(){return!d.$pristine&&!!d.$invalid},d.$formatters.unshift(function(t){var a=angular.isDate(t)&&moment(t);m(a&&a.isValid()?a.format(e.dateFormat):null)}),d.$validators.format=function(t,i){return a(i,e.dateFormat)},d.$validators.minDate=function(t,a){return i(a,e.dateFormat,e.minDate)},d.$validators.maxDate=function(t,a){return n(a,e.dateFormat,e.maxDate)},d.$validators.filter=function(t,a){return r(a,e.dateFormat,e.dateFilter)},d.$validators.required=function(t,e){return angular.isUndefined(c.required)||!d.$isEmpty(t)||!d.$isEmpty(e)},d.$parsers.unshift(function(t){var a=moment(t,e.dateFormat,!0);if(a.isValid()){if(angular.isDate(d.$modelValue)){var i=moment(d.$modelValue);i.year(a.year()),i.month(a.month()),i.date(a.date()),a=i}return a.toDate()}return null}),e.showPicker=function(a){t(d.$modelValue,{minDate:e.minDate,maxDate:e.maxDate,dateFilter:e.dateFilter,targetEvent:a,dialogAccent:e.dialogAccent}).then(l)},p.on("reset input blur",u),e.$on("$destroy",function(){p.off("reset input blur",u)})}}}}]),d.directive("mdpDatePicker",["$mdpDatePicker","$timeout",function(t,e){return{restrict:"A",require:"ngModel",scope:{minDate:"@min",maxDate:"@max",dateFilter:"=mdpDateFilter",dateFormat:"@mdpFormat",dialogAccent:"=?mdpDialogAccent"},link:function(e,o,c,d,s){function m(a){t(d.$modelValue,{minDate:e.minDate,maxDate:e.maxDate,dateFilter:e.dateFilter,targetEvent:a,dialogAccent:e.dialogAccent}).then(function(t){d.$setViewValue(moment(t).format(e.format)),d.$render()})}e.dateFormat=e.dateFormat||"YYYY-MM-DD",d.$validators.format=function(t,i){return a(i,e.format)},d.$validators.minDate=function(t,a){return i(a,e.format,e.minDate)},d.$validators.maxDate=function(t,a){return n(a,e.format,e.maxDate)},d.$validators.filter=function(t,a){return r(a,e.format,e.dateFilter)},o.on("click",m),e.$on("$destroy",function(){o.off("click",m)})}}}]),d.directive("mdpClock",["$animate","$timeout",function(t,e){return{restrict:"E",bindToController:{type:"@?",time:"=",autoSwitch:"=?",dialogAccent:"="},replace:!0,template:'<div class="mdp-clock"><div class="mdp-clock-container"><md-toolbar class="mdp-clock-center md-primary"></md-toolbar><md-toolbar ng-style="clock.getPointerStyle()" class="mdp-pointer md-primary"><span class="mdp-clock-selected md-button md-raised md-primary"></span></md-toolbar><md-button ng-class="{ \'md-primary\': clock.selected == step, \'md-accent\': clock.selected == step && clock.dialogAccent }" class="md-icon-button md-raised mdp-clock-deg{{ ::(clock.STEP_DEG * ($index + 1)) }}" ng-repeat="step in clock.steps" ng-click="clock.setTime(step)">{{ step }}</md-button></div></div>',controller:["$scope",c],controllerAs:"clock",link:function(t,a,i,n){var r=(angular.element(a[0].querySelector(".mdp-pointer")),t.$parent.timepicker),o=function(t){var a=t.currentTarget.getClientRects()[0],i=t.currentTarget.offsetWidth/2-(t.pageX-a.left),o=t.pageY-a.top-t.currentTarget.offsetHeight/2,c=Math.round(Math.atan2(i,o)*(180/Math.PI));e(function(){n.setTimeByDeg(c+180),n.autoSwitch&&["mouseup","click"].indexOf(t.type)!==-1&&r&&r.switchView()})};a.on("mousedown",function(){a.on("mousemove",o)}),a.on("mouseup",function(t){a.off("mousemove")}),a.on("click",o),t.$on("$destroy",function(){a.off("click",o),a.off("mousemove",o)})}}}]),d.provider("$mdpTimePicker",function(){var t="OK",e="Cancel";this.setOKButtonLabel=function(e){t=e},this.setCancelButtonLabel=function(t){e=t},this.$get=["$mdDialog",function(a){var i=function(i,n){return angular.isDate(i)||(i=Date.now()),angular.isObject(n)||(n={}),a.show({controller:["$scope","$mdDialog","time","autoSwitch","$mdMedia","dialogAccent",o],controllerAs:"timepicker",clickOutsideToClose:!0,template:'<md-dialog aria-label="" class="mdp-timepicker" ng-class="{ \'portrait\': !$mdMedia(\'gt-xs\') }"><md-dialog-content layout-gt-xs="row" layout-wrap><md-toolbar layout-gt-xs="column" layout-xs="row" layout-align="center center" flex class="mdp-timepicker-time md-hue-1 md-primary" ng-class="{\'md-accent\': timepicker.dialogAccent}"><div class="mdp-timepicker-selected-time"><span ng-class="{ \'active\': timepicker.currentView == timepicker.VIEW_HOURS }" ng-click="timepicker.currentView = timepicker.VIEW_HOURS">{{ timepicker.time.format("h") }}</span>:<span ng-class="{ \'active\': timepicker.currentView == timepicker.VIEW_MINUTES }" ng-click="timepicker.currentView = timepicker.VIEW_MINUTES">{{ timepicker.time.format("mm") }}</span></div><div layout="column" class="mdp-timepicker-selected-ampm"><span ng-click="timepicker.setAM()" ng-class="{ \'active\': timepicker.time.hours() < 12 }">AM</span><span ng-click="timepicker.setPM()" ng-class="{ \'active\': timepicker.time.hours() >= 12 }">PM</span></div></md-toolbar><div><div class="mdp-clock-switch-container" ng-switch="timepicker.currentView" layout layout-align="center center"><mdp-clock class="mdp-animation-zoom" auto-switch="timepicker.autoSwitch" time="timepicker.time" type="hours" ng-switch-when="1" dialog-accent="timepicker.dialogAccent"></mdp-clock><mdp-clock class="mdp-animation-zoom" auto-switch="timepicker.autoSwitch" time="timepicker.time" type="minutes" ng-switch-when="2" dialog-accent="timepicker.dialogAccent"></mdp-clock></div><md-dialog-actions layout="row"><span flex></span><md-button ng-click="timepicker.cancel()" aria-label="'+e+'">'+e+'</md-button><md-button ng-click="timepicker.confirm()" class="md-primary" aria-label="'+t+'">'+t+"</md-button></md-dialog-actions></div></md-dialog-content></md-dialog>",targetEvent:n.targetEvent,locals:{time:i,autoSwitch:n.autoSwitch,dialogAccent:n.dialogAccent},skipHide:!0})};return i}]}),d.directive("mdpTimePicker",["$mdpTimePicker","$timeout",function(t,e){return{restrict:"E",require:"ngModel",transclude:!0,template:function(t,e){var a=angular.isDefined(e.mdpNoFloat),i=angular.isDefined(e.mdpPlaceholder)?e.mdpPlaceholder:"",n=!!angular.isDefined(e.mdpOpenOnClick);return'<div layout layout-align="start start"><md-button class="md-icon-button" ng-click="showPicker($event)"'+(angular.isDefined(e.mdpDisabled)?' ng-disabled="disabled"':"")+'><md-icon md-svg-icon="mdp-access-time"></md-icon></md-button><md-input-container'+(a?" md-no-float":"")+' md-is-error="isError()"><input type="{{ ::type }}"'+(angular.isDefined(e.mdpDisabled)?' ng-disabled="disabled"':"")+' aria-label="'+i+'" placeholder="'+i+'"'+(n?' ng-click="showPicker($event)" ':"")+" /></md-input-container></div>"},scope:{timeFormat:"@mdpFormat",placeholder:"@mdpPlaceholder",autoSwitch:"=?mdpAutoSwitch",disabled:"=?mdpDisabled",dialogAccent:"=?mdpDialogAccent"},link:function(e,a,i,n,r){function o(t){s[0].value=t,l.setHasValue(!n.$isEmpty(t))}function c(t){var a=moment(t,angular.isDate(t)?null:e.timeFormat,!0),i=a.format(e.timeFormat);a.isValid()?(o(i),n.$setViewValue(i)):(o(t),n.$setViewValue(t)),!n.$pristine&&u.hasClass("md-auto-hide")&&m.hasClass("md-input-invalid")&&u.removeClass("md-auto-hide"),n.$render()}function d(t){t.target.value!==n.$viewVaue&&c(t.target.value)}var s=angular.element(a[0].querySelector("input")),m=angular.element(a[0].querySelector("md-input-container")),l=m.controller("mdInputContainer");r(function(t){m.append(t)});var u=angular.element(m[0].querySelector("[ng-messages]"));e.type=e.timeFormat?"text":"time",e.timeFormat=e.timeFormat||"HH:mm",e.autoSwitch=e.autoSwitch||!1,e.dialogAccent=e.dialogAccent||!1,e.$watch(function(){return n.$error},function(t,e){l.setInvalid(!n.$pristine&&!!Object.keys(n.$error).length)},!0),n.$formatters.unshift(function(t){var a=angular.isDate(t)&&moment(t);o(a&&a.isValid()?a.format(e.timeFormat):null)}),n.$validators.format=function(t,a){return!a||angular.isDate(a)||moment(a,e.timeFormat,!0).isValid()},n.$validators.required=function(t,e){return angular.isUndefined(i.required)||!n.$isEmpty(t)||!n.$isEmpty(e)},n.$parsers.unshift(function(t){var a=moment(t,e.timeFormat,!0);if(a.isValid()){if(angular.isDate(n.$modelValue)){var i=moment(n.$modelValue);i.minutes(a.minutes()),i.hours(a.hours()),i.seconds(a.seconds()),a=i}return a.toDate()}return null}),e.showPicker=function(a){t(n.$modelValue,{targetEvent:a,autoSwitch:e.autoSwitch,dialogAccent:e.dialogAccent}).then(function(t){c(t,!0)})},s.on("reset input blur",d),e.$on("$destroy",function(){s.off("reset input blur",d)})}}}]),d.directive("mdpTimePicker",["$mdpTimePicker","$timeout",function(t,e){return{restrict:"A",require:"ngModel",scope:{timeFormat:"@mdpFormat",autoSwitch:"=?mdpAutoSwitch",dialogAccent:"=?mdpDialogAccent"},link:function(e,a,i,n,r){function o(a){t(n.$modelValue,{targetEvent:a,autoSwitch:e.autoSwitch,dialogAccent:e.dialogAccent}).then(function(t){n.$setViewValue(moment(t).format(e.format)),n.$render()})}e.format=e.format||"HH:mm",a.on("click",o),e.$on("$destroy",function(){a.off("click",o)})}}}])}();
 //# sourceMappingURL=mdPickers.min.js.map
diff --git a/dist/mdPickers.min.js.map b/dist/mdPickers.min.js.map
index 99e5a176..ac4253f4 100644
--- a/dist/mdPickers.min.js.map
+++ b/dist/mdPickers.min.js.map
@@ -1 +1 @@
-{"version":3,"sources":["mdPickers.min.js"],"names":["DatePickerCtrl","$scope","$mdDialog","$mdMedia","$timeout","currentDate","options","self","this","date","moment","minDate","isValid","maxDate","displayFormat","dateFilter","angular","isFunction","selectingYear","isBefore","add","isAfter","yearItems","currentIndex_","PAGE_SIZE","START","year","END","getItemAtIndex","index","getLength","Math","min","floor","abs","selectYear","animate","showYear","yearTopIndex","showCalendar","cancel","confirm","hide","toDate","animating","noop","then","CalendarCtrl","dow","localeData","firstDayOfWeek","weekDays","concat","weekdaysMin","slice","daysInMonth","getDaysInMonth","days","firstDay","day","length","arr","i","value","enabled","isDayEnabled","push","selectDate","dom","nextMonth","prevMonth","subtract","updateDaysInMonth","$watch","unix","newValue","oldValue","formatValidator","format","isDate","minDateValidator","isSameOrAfter","maxDateValidator","isSameOrBefore","filterValidator","filter","TimePickerCtrl","time","autoSwitch","VIEW_HOURS","VIEW_MINUTES","currentView","clockHours","parseInt","clockMinutes","minutes","switchView","setAM","hours","hour","setPM","ClockCtrl","TYPE_HOURS","TYPE_MINUTES","STEP_DEG","steps","CLOCK_TYPES","range","getPointerStyle","divider","type","degrees","round","selected","-webkit-transform","-ms-transform","transform","setTimeByDeg","deg","setTime","init","module","config","$mdIconProvider","mdpIconsRegistry","forEach","icon","id","url","run","$templateCache","put","svg","constant","directive","$mdUtil","restrict","priority","compile","element","inputContainer","getClosest","toggleClass","provider","LABEL_OK","LABEL_CANCEL","DISPLAY_FORMAT","setDisplayFormat","setOKButtonLabel","label","setCancelButtonLabel","$get","datePicker","Date","now","isObject","show","controller","controllerAs","clickOutsideToClose","template","targetEvent","locals","skipHide","$animate","bindToController","link","scope","attrs","ctrl","animElements","querySelector","map","a","direction","addClass","removeClass","$mdpDatePicker","require","transclude","noFloat","isDefined","mdpNoFloat","placeholder","mdpPlaceholder","openOnClick","mdpOpenOnClick","mdpDisabled","dateFormat","disabled","pre","ngModel","$transclude","post","updateInputElement","inputElement","inputContainerCtrl","setHasValue","$isEmpty","updateDate","strValue","$setViewValue","$pristine","messages","hasClass","$render","onInputElementEvents","event","target","$viewVaue","clone","append","model","isError","$invalid","$formatters","unshift","$validators","modelValue","viewValue","required","isUndefined","$parsers","parsed","$modelValue","originalModel","month","showPicker","ev","on","$on","off","replace","timepickerCtrl","$parent","timepicker","onEvent","containerCoords","currentTarget","getClientRects","x","offsetWidth","pageX","left","y","pageY","top","offsetHeight","atan2","PI","indexOf","e","timePicker","$mdpTimePicker","timeFormat","updateTime","$error","setInvalid","Object","keys","seconds"],"mappings":"CAAA,WACA,YA8DA,SAASA,GAAeC,EAAQC,EAAWC,EAAUC,EAAUC,EAAaC,GACxE,GAAIC,GAAOC,IAEXA,MAAKC,KAAOC,OAAOL,GACnBG,KAAKG,QAAUL,EAAQK,SAAWD,OAAOJ,EAAQK,SAASC,UAAYF,OAAOJ,EAAQK,SAAW,KAChGH,KAAKK,QAAUP,EAAQO,SAAWH,OAAOJ,EAAQO,SAASD,UAAYF,OAAOJ,EAAQO,SAAW,KAChGL,KAAKM,cAAgBR,EAAQQ,eAAiB,cAC9CN,KAAKO,WAAaC,QAAQC,WAAWX,EAAQS,YAAcT,EAAQS,WAAa,KAChFP,KAAKU,eAAgB,EAGpBV,KAAKG,SAAWH,KAAKK,SACpBL,KAAKK,QAAQM,SAASX,KAAKG,WAC9BH,KAAKK,QAAUH,OAAOF,KAAKG,SAASS,IAAI,EAAG,SAIzCZ,KAAKC,OAEDD,KAAKG,SAAWH,KAAKC,KAAKU,SAASX,KAAKG,WAC9CH,KAAKC,KAAOC,OAAOF,KAAKG,UAIlBH,KAAKK,SAAWL,KAAKC,KAAKY,QAAQb,KAAKK,WAC7CL,KAAKC,KAAOC,OAAOF,KAAKK,WAI1BL,KAAKc,WACEC,cAAe,EACfC,UAAW,EACXC,MAAQlB,EAAKI,QAAUJ,EAAKI,QAAQe,OAAS,KAC7CC,IAAMpB,EAAKM,QAAUN,EAAKM,QAAQa,OAAS,EAC3CE,eAAgB,SAASC,GAIxB,MAHGrB,MAAKe,cAAgBM,IACjBrB,KAAKe,cAAgBM,GAErBrB,KAAKiB,MAAQI,GAErBC,UAAW,WACP,MAAOC,MAAKC,IACRxB,KAAKe,cAAgBQ,KAAKE,MAAMzB,KAAKgB,UAAY,GACjDO,KAAKG,IAAI1B,KAAKiB,MAAQjB,KAAKmB,KAAO,KAK9C1B,EAAOE,SAAWA,EAClBF,EAAOyB,KAAOlB,KAAKC,KAAKiB,OAE3BlB,KAAK2B,WAAa,SAAST,GACpBnB,EAAKE,KAAKiB,KAAKA,GACfzB,EAAOyB,KAAOA,EACdnB,EAAKW,eAAgB,EACrBX,EAAK6B,WAGT5B,KAAK6B,SAAW,WACZ9B,EAAK+B,aAAgB/B,EAAKE,KAAKiB,OAASnB,EAAKe,UAAUG,MAASM,KAAKE,MAAM1B,EAAKe,UAAUE,UAAY,GACtGjB,EAAKe,UAAUC,cAAiBhB,EAAKE,KAAKiB,OAASnB,EAAKe,UAAUG,MAAS,EAC3ElB,EAAKW,eAAgB,GAGzBV,KAAK+B,aAAe,WAChBhC,EAAKW,eAAgB,GAGzBV,KAAKgC,OAAS,WACVtC,EAAUsC,UAGdhC,KAAKiC,QAAU,WACd,GAAIhC,GAAOD,KAAKC,IAEZD,MAAKG,SAAWH,KAAKC,KAAKU,SAASX,KAAKG,WAC3CF,EAAOC,OAAOF,KAAKG,UAGhBH,KAAKK,SAAWL,KAAKC,KAAKY,QAAQb,KAAKK,WAC1CJ,EAAOC,OAAOF,KAAKK,UAGjBX,EAAUwC,KAAKjC,EAAKkC,WAGxBnC,KAAK4B,QAAU,WACX7B,EAAKqC,WAAY,EACjBxC,EAASY,QAAQ6B,MAAMC,KAAK,WACxBvC,EAAKqC,WAAY,KAuE7B,QAASG,GAAa9C,GACrB,GAAIM,GAAOC,IACXA,MAAKwC,IAAMtC,OAAOuC,aAAaC,iBAE5B1C,KAAK2C,YAAcC,OACf1C,OAAO2C,cAAcC,MACjB9C,KAAKwC,KAETtC,OAAO2C,cAAcC,MACjB,EACA9C,KAAKwC,MAIbxC,KAAK+C,eAEL/C,KAAKgD,eAAiB,WAClB,GAAIC,GAAOlD,EAAKE,KAAK8C,cACjBG,EAAWhD,OAAOH,EAAKE,MAAMA,KAAK,GAAGkD,MAAQnD,KAAKwC,GAExC,GAAXU,IAAcA,EAAWlD,KAAK2C,SAASS,OAAS,EAInD,KAAI,GADAC,MACIC,EAAI,EAASJ,EAAWD,GAAjBK,EAAwBA,IAAK,CACxC,GAAIH,GAAM,IACPG,GAAIJ,IACHC,GACII,MAAQD,EAAIJ,EACZM,QAASzD,EAAK0D,aAAavD,OAAOH,EAAKE,MAAMA,KAAKqD,EAAIJ,GAAUf,YAGxEkB,EAAIK,KAAKP,GAGb,MAAOE,IAGXrD,KAAKyD,aAAe,SAASN,GACzB,QAASnD,KAAKG,WAAWH,KAAKG,SAAWgD,IACnCnD,KAAKK,WAAWL,KAAKK,SAAW8C,IAChCpD,EAAKQ,YAAeR,EAAKQ,WAAW4C,KAG9CnD,KAAK2D,WAAa,SAASC,GACvB7D,EAAKE,KAAKA,KAAK2D,IAGnB5D,KAAK6D,UAAY,WACb9D,EAAKE,KAAKW,IAAI,EAAG,WAGrBZ,KAAK8D,UAAY,WACb/D,EAAKE,KAAK8D,SAAS,EAAG,WAG1B/D,KAAKgE,kBAAoB,WACrBjE,EAAKgD,YAAchD,EAAKiD,kBAG5BvD,EAAOwE,OAAO,WAAa,MAAQlE,GAAKE,KAAKiE,QAAU,SAASC,EAAUC,GACnED,GAAYA,IAAaC,GACxBrE,EAAKiE,sBAGbjE,EAAKiE,oBA0DT,QAASK,GAAgBd,EAAOe,GAC5B,OAAQf,GAAS/C,QAAQ+D,OAAOhB,IAAUrD,OAAOqD,EAAOe,GAAQ,GAAMlE,UAG1E,QAASoE,GAAiBjB,EAAOe,EAAQnE,GACrC,GAAIA,GAAUD,OAAOC,EAAS,cAAc,GACxCF,EAAOO,QAAQ+D,OAAOhB,GAASrD,OAAOqD,GAAUrD,OAAOqD,EAAOe,GAAQ,EAE1E,QAAQf,GACA/C,QAAQ+D,OAAOhB,KACdpD,EAAQC,WACTH,EAAKwE,cAActE,GAG/B,QAASuE,GAAiBnB,EAAOe,EAAQjE,GACrC,GAAIA,GAAUH,OAAOG,EAAS,cAAc,GACxCJ,EAAOO,QAAQ+D,OAAOhB,GAASrD,OAAOqD,GAAUrD,OAAOqD,EAAOe,GAAQ,EAE1E,QAAQf,GACA/C,QAAQ+D,OAAOhB,KACdlD,EAAQD,WACTH,EAAK0E,eAAetE,GAGhC,QAASuE,GAAgBrB,EAAOe,EAAQO,GACpC,GAAI5E,GAAOO,QAAQ+D,OAAOhB,GAASrD,OAAOqD,GAAUrD,OAAOqD,EAAOe,GAAQ,EAE1E,QAAQf,GACA/C,QAAQ+D,OAAOhB,KACd/C,QAAQC,WAAWoE,KACnBA,EAAO5E,GA6MpB,QAAS6E,GAAerF,EAAQC,EAAWqF,EAAMC,EAAYrF,GAC5D,GAAII,GAAOC,IACRA,MAAKiF,WAAa,EAClBjF,KAAKkF,aAAe,EACpBlF,KAAKmF,YAAcnF,KAAKiF,WACxBjF,KAAK+E,KAAO7E,OAAO6E,GACnB/E,KAAKgF,aAAeA,EAEpBhF,KAAKoF,WAAaC,SAASrF,KAAK+E,KAAKT,OAAO,MAC5CtE,KAAKsF,aAAeD,SAASrF,KAAK+E,KAAKQ,WAE1C9F,EAAOE,SAAWA,EAElBK,KAAKwF,WAAa,WACdzF,EAAKoF,YAAcpF,EAAKoF,aAAepF,EAAKkF,WAAalF,EAAKmF,aAAenF,EAAKkF,YAGtFjF,KAAKyF,MAAQ,WACH1F,EAAKgF,KAAKW,SAAW,IACpB3F,EAAKgF,KAAKY,KAAK5F,EAAKgF,KAAKY,OAAS,KAG1C3F,KAAK4F,MAAQ,WACN7F,EAAKgF,KAAKW,QAAU,IACnB3F,EAAKgF,KAAKY,KAAK5F,EAAKgF,KAAKY,OAAS,KAG1C3F,KAAKgC,OAAS,WACVtC,EAAUsC,UAGdhC,KAAKiC,QAAU,WACXvC,EAAUwC,KAAKlC,KAAK+E,KAAK5C,WAIjC,QAAS0D,GAAUpG,GACf,GAAIqG,GAAa,QACbC,EAAe,UACfhG,EAAOC,IAEXA,MAAKgG,SAAW,GAChBhG,KAAKiG,SAELjG,KAAKkG,aACDR,OACIS,MAAO,IAEXZ,SACIY,MAAO,KAIfnG,KAAKoG,gBAAkB,WACnB,GAAIC,GAAU,CACd,QAAOtG,EAAKuG,MACR,IAAKR,GACDO,EAAU,EACV,MACJ,KAAKN,GACDM,EAAU,GAGlB,GAAIE,GAAUhF,KAAKiF,MAAMzG,EAAK0G,UAAY,IAAMJ,IAAY,GAC5D,QACIK,oBAAqB,UAAYH,EAAU,OAC3CI,gBAAiB,UAAYJ,EAAU,OACvCK,UAAa,UAAYL,EAAU,SAI3CvG,KAAK6G,aAAe,SAASC,GACzBA,EAAMA,GAAO,IAAM,EAAIA,CACvB,IAAIT,GAAU,CACd,QAAOtG,EAAKuG,MACR,IAAKR,GACDO,EAAU,EACV,MACJ,KAAKN,GACDM,EAAU,GAIlBtG,EAAKgH,QACDxF,KAAKiF,MAAMH,EAAU,IAAMS,KAInC9G,KAAK+G,QAAU,SAAShC,EAAMuB,GAG1B,OAFAtG,KAAKyG,SAAW1B,EAEThF,EAAKuG,MACR,IAAKR,GAC2B,MAAzB/F,EAAKgF,KAAKT,OAAO,OAAcS,GAAQ,IAC1C/E,KAAK+E,KAAKW,MAAMX,EAChB,MACJ,KAAKgB,GACEhB,EAAO,KAAIA,GAAQ,IACtB/E,KAAK+E,KAAKQ,QAAQR,KAM9B/E,KAAKgH,KAAO,WAER,OADAjH,EAAKuG,KAAOvG,EAAKuG,MAAQ,QAClBvG,EAAKuG,MACR,IAAKR,GACD,IAAI,GAAIxC,GAAI,EAAQ,IAALA,EAASA,IACpBvD,EAAKkG,MAAMvC,KAAKJ,EACpBvD,GAAK0G,SAAW1G,EAAKgF,KAAKW,SAAW,EAClC3F,EAAK0G,SAAW,KAAI1G,EAAK0G,UAAY,GAExC,MACJ,KAAKV,GACD,IAAI,GAAIzC,GAAI,EAAQ,IAALA,EAASA,GAAG,EACvBvD,EAAKkG,MAAMvC,KAAKJ,EACpBvD,GAAKkG,MAAMvC,KAAK,GAChB3D,EAAK0G,SAAW1G,EAAKgF,KAAKQ,WAAa,IAMnDvF,KAAKgH,OA7rBT,GAAIC,GAASzG,QAAQyG,OAAO,aAC3B,aACA,YACA,UAGDA,GAAOC,QAAQ,kBAAmB,mBAAoB,SAASC,EAAiBC,GAC/E5G,QAAQ6G,QAAQD,EAAkB,SAASE,EAAMjG,GAChD8F,EAAgBG,KAAKA,EAAKC,GAAID,EAAKE,UAIrCP,EAAOQ,KAAK,iBAAkB,mBAAoB,SAASC,EAAgBN,GAC1E5G,QAAQ6G,QAAQD,EAAkB,SAASE,EAAMjG,GAChDqG,EAAeC,IAAIL,EAAKE,IAAKF,EAAKM,UAGpCX,EAAOY,SAAS,qBAERN,GAAI,mBACJC,IAAK,uBACLI,IAAK,4LAGLL,GAAI,oBACJC,IAAK,wBACLI,IAAK,6LAGLL,GAAI,kBACJC,IAAK,sBACLI,IAAK,kVAGLL,GAAI,YACJC,IAAK,gBACLI,IAAK,wRAGbX,EAAOa,UAAU,aAAc,UAAW,SAASC,GAChD,OACKC,SAAU,KACVC,SAAU,IACVC,QAAS,SAASC,GACd,GAAIC,GAAiBL,EAAQM,WAAWF,EAAS,mBAAmB,IAC/CJ,EAAQM,WAAWF,EAAS,mBAAmB,EAGpE,IAAKC,EAKL,MAFAD,GAAQG,YAAY,8BAA8B,WAsG9DrB,EAAOsB,SAAS,iBAAkB,WAC9B,GAAIC,GAAW,KACXC,EAAe,SACfC,EAAiB,aAErB1I,MAAK2I,iBAAmB,SAASrE,GAC7BoE,EAAiBpE,GAGrBtE,KAAK4I,iBAAmB,SAASC,GAC7BL,EAAWK,GAGf7I,KAAK8I,qBAAuB,SAASD,GACjCJ,EAAeI,GAGnB7I,KAAK+I,MAAQ,YAAa,SAASrJ,GAC/B,GAAIsJ,GAAa,SAASnJ,EAAaC,GAMnC,MALKU,SAAQ+D,OAAO1E,KAAcA,EAAcoJ,KAAKC,OAChD1I,QAAQ2I,SAASrJ,KAAUA,MAEhCA,EAAQQ,cAAgBoI,EAEjBhJ,EAAU0J,MACbC,YAAc,SAAU,YAAa,WAAY,WAAY,cAAe,UAAW7J,GACvF8J,aAAc,aACdC,qBAAqB,EACrBC,SAAU,09CAmByEf,EAAe,KAAOA,EAAe,yFACjBD,EAAW,KAAOA,EAAW,yEAKpIiB,YAAa3J,EAAQ2J,YACrBC,QACI7J,YAAaA,EACbC,QAASA,GAEb6J,UAAU,IAIlB,OAAOX,OAwEf/B,EAAOa,UAAU,eAAgB,WAAY,SAAS8B,GAClD,OACI5B,SAAU,IACV6B,kBACI5J,KAAQ,IACRE,QAAW,IACXE,QAAW,IACXE,WAAc,KAElBiJ,SAAU,26CAgBVH,YAAa,SAAU9G,GACvB+G,aAAc,WACdQ,KAAM,SAASC,EAAO5B,EAAS6B,EAAOC,GAClC,GAAIC,IACA/B,EAAQ,GAAGgC,cAAc,2BACzBhC,EAAQ,GAAGgC,cAAc,sBACzBhC,EAAQ,GAAGgC,cAAc,4BAC3BC,IAAI,SAASC,GACZ,MAAO7J,SAAQ2H,QAAQkC,IAG1BN,GAAM9F,OAAO,WAAa,MAAQgG,GAAKhK,KAAKqE,OAAO,WAAa,SAASH,EAAUC,GAC/E,GAAIkG,GAAY,IAOhB,IALGnG,EAAWC,EACVkG,EAAY,mBACGlG,EAAXD,IACJmG,EAAY,oBAEbA,EACC,IAAI,GAAIhH,KAAK4G,GACTA,EAAa5G,GAAGiH,SAASD,GACzBV,EAASY,YAAYN,EAAa5G,GAAIgH,UA6C9DrD,EAAOa,UAAU,iBAAkB,iBAAkB,WAAY,SAAS2C,EAAgB7K,GACtF,OACIoI,SAAU,IACV0C,QAAS,UACTC,YAAY,EACZnB,SAAU,SAASrB,EAAS6B,GACxB,GAAIY,GAAUpK,QAAQqK,UAAUb,EAAMc,YAClCC,EAAcvK,QAAQqK,UAAUb,EAAMgB,gBAAkBhB,EAAMgB,eAAiB,GAC/EC,EAAczK,QAAQqK,UAAUb,EAAMkB,iBAAkB,GAAO,CAEnE,OAAO,qDACiB1K,QAAQqK,UAAUb,EAAMmB,aAAe,0BAA4B,IAAM,oIAGhEP,EAAU,eAAiB,IAAM,uDACtBpK,QAAQqK,UAAUb,EAAMmB,aAAe,0BAA4B,IAAM,gBAAkBJ,EAAc,kBAAoBA,EAAc,KAAOE,EAAc,kCAAoC,IAAM,kCAI1PlB,OACI5J,QAAW,cACXE,QAAW,cACXE,WAAc,iBACd6K,WAAc,aACdL,YAAe,kBACfH,QAAW,cACXK,YAAe,kBACfI,SAAY,iBAEhBvB,MACIwB,IAAK,SAASvB,EAAO5B,EAAS6B,EAAOuB,EAASC,KAG9CC,KAAM,SAAS1B,EAAO5B,EAAS6B,EAAOuB,EAASC,GAiE3C,QAASE,GAAmBnI,GACxBoI,EAAa,GAAGpI,MAAQA,EACxBqI,EAAmBC,aAAaN,EAAQO,SAASvI,IAGrD,QAASwI,GAAW9L,GAChB,GAAIsD,GAAQrD,OAAOD,EAAMO,QAAQ+D,OAAOtE,GAAQ,KAAO8J,EAAMqB,YAAY,GACrEY,EAAWzI,EAAMe,OAAOyF,EAAMqB,WAE/B7H,GAAMnD,WACLsL,EAAmBM,GACnBT,EAAQU,cAAcD,KAEtBN,EAAmBzL,GACnBsL,EAAQU,cAAchM,KAGtBsL,EAAQW,WACRC,EAASC,SAAS,iBAClBhE,EAAegE,SAAS,qBAAqBD,EAAS3B,YAAY,gBAEtEe,EAAQc,UAYZ,QAASC,GAAqBC,GACvBA,EAAMC,OAAOjJ,QAAUgI,EAAQkB,WAC9BV,EAAWQ,EAAMC,OAAOjJ,OAnGhC,GAAIoI,GAAenL,QAAQ2H,QAAQA,EAAQ,GAAGgC,cAAc,UACxD/B,EAAiB5H,QAAQ2H,QAAQA,EAAQ,GAAGgC,cAAc,uBAC1DyB,EAAqBxD,EAAeiB,WAAW,mBAEnDmC,GAAY,SAASkB,GAClBtE,EAAeuE,OAAOD,IAGzB,IAAIP,GAAW3L,QAAQ2H,QAAQC,EAAe,GAAG+B,cAAc,iBAE/DJ,GAAMzD,KAAOyD,EAAMqB,WAAa,OAAS,OACzCrB,EAAMqB,WAAarB,EAAMqB,YAAc,aACvCrB,EAAM6C,MAAQrB,EAEdxB,EAAM8C,QAAU,WACZ,OAAQtB,EAAQW,aAAeX,EAAQuB,UAI3CvB,EAAQwB,YAAYC,QAAQ,SAASzJ,GACjC,GAAItD,GAAOO,QAAQ+D,OAAOhB,IAAUrD,OAAOqD,EAEvCmI,GADDzL,GAAQA,EAAKG,UACOH,EAAKqE,OAAOyF,EAAMqB,YAElB,QAG3BG,EAAQ0B,YAAY3I,OAAS,SAAS4I,EAAYC,GAC9C,MAAO9I,GAAgB8I,EAAWpD,EAAMqB,aAG5CG,EAAQ0B,YAAY9M,QAAU,SAAS+M,EAAYC,GAC/C,MAAO3I,GAAiB2I,EAAWpD,EAAMqB,WAAYrB,EAAM5J,UAG/DoL,EAAQ0B,YAAY5M,QAAU,SAAS6M,EAAYC,GAC/C,MAAOzI,GAAiByI,EAAWpD,EAAMqB,WAAYrB,EAAM1J,UAG/DkL,EAAQ0B,YAAYpI,OAAS,SAASqI,EAAYC,GAC9C,MAAOvI,GAAgBuI,EAAWpD,EAAMqB,WAAYrB,EAAMxJ,aAG9DgL,EAAQ0B,YAAYG,SAAW,SAASF,EAAYC,GAChD,MAAO3M,SAAQ6M,YAAYrD,EAAMoD,YAAc7B,EAAQO,SAASoB,KAAgB3B,EAAQO,SAASqB,IAGrG5B,EAAQ+B,SAASN,QAAQ,SAASzJ,GAC9B,GAAIgK,GAASrN,OAAOqD,EAAOwG,EAAMqB,YAAY,EAC7C,IAAGmC,EAAOnN,UAAW,CACjB,GAAGI,QAAQ+D,OAAOgH,EAAQiC,aAAc,CACpC,GAAIC,GAAgBvN,OAAOqL,EAAQiC,YACnCC,GAAcvM,KAAKqM,EAAOrM,QAC1BuM,EAAcC,MAAMH,EAAOG,SAC3BD,EAAcxN,KAAKsN,EAAOtN,QAE1BsN,EAASE,EAEb,MAAOF,GAAOpL,SAEd,MAAO,QA4Bf4H,EAAM4D,WAAa,SAASC,GACxBnD,EAAec,EAAQiC,aACtBrN,QAAS4J,EAAM5J,QACfE,QAAS0J,EAAM1J,QACfE,WAAYwJ,EAAMxJ,WAClBkJ,YAAamE,IACdtL,KAAKyJ,IAQTJ,EAAakC,GAAG,mBAAoBvB,GAEpCvC,EAAM+D,IAAI,WAAY,WAClBnC,EAAaoC,IAAI,mBAAoBzB,WAQzDrF,EAAOa,UAAU,iBAAkB,iBAAkB,WAAY,SAAS2C,EAAgB7K,GACtF,OACIoI,SAAU,IACV0C,QAAS,UACTX,OACI5J,QAAW,OACXE,QAAW,OACXE,WAAc,iBACd6K,WAAc,cAElBtB,KAAM,SAASC,EAAO5B,EAAS6B,EAAOuB,EAASC,GAmB3C,QAASmC,GAAWC,GAChBnD,EAAec,EAAQiC,aACtBrN,QAAS4J,EAAM5J,QACfE,QAAS0J,EAAM1J,QACfE,WAAYwJ,EAAMxJ,WAClBkJ,YAAamE,IACdtL,KAAK,SAASyC,GACVwG,EAAQU,cAAc/L,OAAO6E,GAAMT,OAAOyF,EAAMzF,SAChDiH,EAAQc,YA1BhBtC,EAAMqB,WAAarB,EAAMqB,YAAc,aAEvCG,EAAQ0B,YAAY3I,OAAS,SAAS4I,EAAYC,GAC9C,MAAO9I,GAAgB8I,EAAWpD,EAAMzF,SAG5CiH,EAAQ0B,YAAY9M,QAAU,SAAS+M,EAAYC,GAC/C,MAAO3I,GAAiB2I,EAAWpD,EAAMzF,OAAQyF,EAAM5J,UAG3DoL,EAAQ0B,YAAY5M,QAAU,SAAS6M,EAAYC,GAC/C,MAAOzI,GAAiByI,EAAWpD,EAAMzF,OAAQyF,EAAM1J,UAG3DkL,EAAQ0B,YAAYpI,OAAS,SAASqI,EAAYC,GAC9C,MAAOvI,GAAgBuI,EAAWpD,EAAMzF,OAAQyF,EAAMxJ,aAe1D4H,EAAQ0F,GAAG,QAASF,GAEpB5D,EAAM+D,IAAI,WAAY,WAClB3F,EAAQ4F,IAAI,QAASJ,UAsIrC1G,EAAOa,UAAU,YAAa,WAAY,WAAY,SAAS8B,EAAUhK,GACrE,OACIoI,SAAU,IACV6B,kBACIvD,KAAQ,KACRvB,KAAQ,IACRC,WAAc,MAElBgJ,SAAS,EACTxE,SAAU,khBASVH,YAAa,SAAUxD,GACvByD,aAAc,QACdQ,KAAM,SAASC,EAAO5B,EAAS6B,EAAOC,GAClC,GACIgE,IADUzN,QAAQ2H,QAAQA,EAAQ,GAAGgC,cAAc,iBAClCJ,EAAMmE,QAAQC,YAE/BC,EAAU,SAAS7B,GACnB,GAAI8B,GAAkB9B,EAAM+B,cAAcC,iBAAiB,GACvDC,EAAMjC,EAAM+B,cAAcG,YAAc,GAAMlC,EAAMmC,MAAQL,EAAgBM,MAC5EC,EAAMrC,EAAMsC,MAAQR,EAAgBS,IAAQvC,EAAM+B,cAAcS,aAAe,EAE/EjI,EAAMvF,KAAKiF,MAAOjF,KAAKyN,MAAMR,EAAGI,IAAM,IAAMrN,KAAK0N,IACrDrP,GAAS,WACLqK,EAAKpD,aAAaC,EAAM,KACrBmD,EAAKjF,YAA2D,MAA5C,UAAW,SAASkK,QAAQ3C,EAAMjG,OAAgB2H,GAAgBA,EAAezI,eAIhH2C,GAAQ0F,GAAG,YAAa,WACrB1F,EAAQ0F,GAAG,YAAaO,KAG3BjG,EAAQ0F,GAAG,UAAW,SAASsB,GAC3BhH,EAAQ4F,IAAI,eAGhB5F,EAAQ0F,GAAG,QAASO,GACpBrE,EAAM+D,IAAI,WAAY,WAClB3F,EAAQ4F,IAAI,QAASK,GACrBjG,EAAQ4F,IAAI,YAAaK,UAMzCnH,EAAOsB,SAAS,iBAAkB,WAC9B,GAAIC,GAAW,KACXC,EAAe,QAEnBzI,MAAK4I,iBAAmB,SAASC,GAC7BL,EAAWK,GAGf7I,KAAK8I,qBAAuB,SAASD,GACjCJ,EAAeI,GAGnB7I,KAAK+I,MAAQ,YAAa,SAASrJ,GAC/B,GAAI0P,GAAa,SAASrK,EAAMjF,GAI5B,MAHIU,SAAQ+D,OAAOQ,KAAOA,EAAOkE,KAAKC,OACjC1I,QAAQ2I,SAASrJ,KAAUA,MAEzBJ,EAAU0J,MACbC,YAAc,SAAU,YAAa,OAAQ,aAAc,WAAYvE,GACvEwE,aAAc,aACdC,qBAAqB,EACrBC,SAAU,68CAoByEf,EAAe,KAAOA,EAAe,yFACjBD,EAAW,KAAOA,EAAW,yEAKpIiB,YAAa3J,EAAQ2J,YACrBC,QACI3E,KAAMA,EACNC,WAAYlF,EAAQkF,YAExB2E,UAAU,IAIlB,OAAOyF,OAIfnI,EAAOa,UAAU,iBAAkB,iBAAkB,WAAY,SAASuH,EAAgBzP,GACtF,OACIoI,SAAU,IACV0C,QAAS,UACTC,YAAY,EACZnB,SAAU,SAASrB,EAAS6B,GACxB,GAAIY,GAAUpK,QAAQqK,UAAUb,EAAMc,YAClCC,EAAcvK,QAAQqK,UAAUb,EAAMgB,gBAAkBhB,EAAMgB,eAAiB,GAC/EC,EAAczK,QAAQqK,UAAUb,EAAMkB,iBAAkB,GAAO,CAEnE,OAAO,0GACsE1K,QAAQqK,UAAUb,EAAMmB,aAAe,0BAA4B,IAAM,qFAGrHP,EAAU,eAAiB,IAAM,uDACtBpK,QAAQqK,UAAUb,EAAMmB,aAAe,0BAA4B,IAAM,gBAAkBJ,EAAc,kBAAoBA,EAAc,KAAOE,EAAc,kCAAoC,IAAM,kCAI1PlB,OACIuF,WAAc,aACdvE,YAAe,kBACf/F,WAAc,kBACdqG,SAAY,iBAEhBvB,KAAM,SAASC,EAAO5B,EAAS6B,EAAOuB,EAASC,GAqD3C,QAASE,GAAmBnI,GACxBoI,EAAa,GAAGpI,MAAQA,EACxBqI,EAAmBC,aAAaN,EAAQO,SAASvI,IAGrD,QAASgM,GAAWxK,GAChB,GAAIxB,GAAQrD,OAAO6E,EAAMvE,QAAQ+D,OAAOQ,GAAQ,KAAOgF,EAAMuF,YAAY,GACrEtD,EAAWzI,EAAMe,OAAOyF,EAAMuF,WAE/B/L,GAAMnD,WACLsL,EAAmBM,GACnBT,EAAQU,cAAcD,KAEtBN,EAAmB3G,GACnBwG,EAAQU,cAAclH,KAGtBwG,EAAQW,WACRC,EAASC,SAAS,iBAClBhE,EAAegE,SAAS,qBAAqBD,EAAS3B,YAAY,gBAEtEe,EAAQc,UAYZ,QAASC,GAAqBC,GACvBA,EAAMC,OAAOjJ,QAAUgI,EAAQkB,WAC9B8C,EAAWhD,EAAMC,OAAOjJ,OAvFhC,GAAIoI,GAAenL,QAAQ2H,QAAQA,EAAQ,GAAGgC,cAAc,UACxD/B,EAAiB5H,QAAQ2H,QAAQA,EAAQ,GAAGgC,cAAc,uBAC1DyB,EAAqBxD,EAAeiB,WAAW,mBAEnDmC,GAAY,SAASkB,GAClBtE,EAAeuE,OAAOD,IAGzB,IAAIP,GAAW3L,QAAQ2H,QAAQC,EAAe,GAAG+B,cAAc,iBAE/DJ,GAAMzD,KAAOyD,EAAMuF,WAAa,OAAS,OACzCvF,EAAMuF,WAAavF,EAAMuF,YAAc,QACvCvF,EAAM/E,WAAa+E,EAAM/E,aAAc,EAEvC+E,EAAM9F,OAAO,WAAa,MAAOsH,GAAQiE,QAAU,SAASrL,EAAUC,GAClEwH,EAAmB6D,YAAYlE,EAAQW,aAAewD,OAAOC,KAAKpE,EAAQiE,QAAQpM,UACnF,GAGHmI,EAAQwB,YAAYC,QAAQ,SAASzJ,GACjC,GAAIwB,GAAOvE,QAAQ+D,OAAOhB,IAAUrD,OAAOqD,EAEvCmI,GADD3G,GAAQA,EAAK3E,UACO2E,EAAKT,OAAOyF,EAAMuF,YAElB,QAG3B/D,EAAQ0B,YAAY3I,OAAS,SAAS4I,EAAYC,GAC9C,OAAQA,GAAa3M,QAAQ+D,OAAO4I,IAAcjN,OAAOiN,EAAWpD,EAAMuF,YAAY,GAAMlP,WAGhGmL,EAAQ0B,YAAYG,SAAW,SAASF,EAAYC,GAChD,MAAO3M,SAAQ6M,YAAYrD,EAAMoD,YAAc7B,EAAQO,SAASoB,KAAgB3B,EAAQO,SAASqB,IAGrG5B,EAAQ+B,SAASN,QAAQ,SAASzJ,GAC9B,GAAIgK,GAASrN,OAAOqD,EAAOwG,EAAMuF,YAAY,EAC7C,IAAG/B,EAAOnN,UAAW,CACjB,GAAGI,QAAQ+D,OAAOgH,EAAQiC,aAAc,CACpC,GAAIC,GAAgBvN,OAAOqL,EAAQiC,YACnCC,GAAclI,QAAQgI,EAAOhI,WAC7BkI,EAAc/H,MAAM6H,EAAO7H,SAC3B+H,EAAcmC,QAAQrC,EAAOqC,WAE7BrC,EAASE,EAEb,MAAOF,GAAOpL,SAEd,MAAO,QA4Bf4H,EAAM4D,WAAa,SAASC,GACxByB,EAAe9D,EAAQiC,aACnB/D,YAAamE,EACb5I,WAAY+E,EAAM/E,aACnB1C,KAAK,SAASyC,GACbwK,EAAWxK,GAAM,MASzB4G,EAAakC,GAAG,mBAAoBvB,GAEpCvC,EAAM+D,IAAI,WAAY,WAClBnC,EAAaoC,IAAI,mBAAoBzB,UAMrDrF,EAAOa,UAAU,iBAAkB,iBAAkB,WAAY,SAASuH,EAAgBzP,GACtF,OACIoI,SAAU,IACV0C,QAAS,UACTX,OACIuF,WAAc,aACdtK,WAAc,mBAElB8E,KAAM,SAASC,EAAO5B,EAAS6B,EAAOuB,EAASC,GAE3C,QAASmC,GAAWC,GAChByB,EAAe9D,EAAQiC,aACnB/D,YAAamE,EACb5I,WAAY+E,EAAM/E,aACnB1C,KAAK,SAASyC,GACbwG,EAAQU,cAAc/L,OAAO6E,GAAMT,OAAOyF,EAAMzF,SAChDiH,EAAQc,YAPhBtC,EAAMzF,OAASyF,EAAMzF,QAAU,QAW/B6D,EAAQ0F,GAAG,QAASF,GAEpB5D,EAAM+D,IAAI,WAAY,WAClB3F,EAAQ4F,IAAI,QAASJ","file":"mdPickers.min.js","sourcesContent":["(function() {\n\"use strict\";\n/* global moment, angular */\n\nvar module = angular.module(\"mdPickers\", [\n\t\"ngMaterial\",\n\t\"ngAnimate\",\n\t\"ngAria\"\n]);\n\nmodule.config([\"$mdIconProvider\", \"mdpIconsRegistry\", function($mdIconProvider, mdpIconsRegistry) {\n\tangular.forEach(mdpIconsRegistry, function(icon, index) {\n\t\t$mdIconProvider.icon(icon.id, icon.url);\n\t});\n}]);\n\nmodule.run([\"$templateCache\", \"mdpIconsRegistry\", function($templateCache, mdpIconsRegistry) {\n\tangular.forEach(mdpIconsRegistry, function(icon, index) {\n\t\t$templateCache.put(icon.url, icon.svg);\n\t});\n}]);\nmodule.constant(\"mdpIconsRegistry\", [\n    {\n        id: 'mdp-chevron-left',\n        url: 'mdp-chevron-left.svg',\n        svg: '<svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/></svg>'\n    },\n    {\n        id: 'mdp-chevron-right',\n        url: 'mdp-chevron-right.svg',\n        svg: '<svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/></svg>'\n    },\n    {\n        id: 'mdp-access-time',\n        url: 'mdp-access-time.svg',\n        svg: '<svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z\"/></svg>'\n    },\n    {\n        id: 'mdp-event',\n        url: 'mdp-event.svg',\n        svg: '<svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/></svg>'\n    }\n]);\nmodule.directive(\"ngMessage\", [\"$mdUtil\", function($mdUtil) {\n   return {\n        restrict: \"EA\",\n        priority: 101,\n        compile: function(element) {\n            var inputContainer = $mdUtil.getClosest(element, \"mdp-time-picker\", true) ||\n                                 $mdUtil.getClosest(element, \"mdp-date-picker\", true);\n            \n            // If we are not a child of an input container, don't do anything\n            if (!inputContainer) return;\n            \n            // Add our animation class\n            element.toggleClass('md-input-message-animation', true);\n            \n            return {};\n        }\n    } \n}]);\n/* global moment, angular */\n\nfunction DatePickerCtrl($scope, $mdDialog, $mdMedia, $timeout, currentDate, options) {\n    var self = this;\n\n    this.date = moment(currentDate);\n    this.minDate = options.minDate && moment(options.minDate).isValid() ? moment(options.minDate) : null;\n    this.maxDate = options.maxDate && moment(options.maxDate).isValid() ? moment(options.maxDate) : null;\n    this.displayFormat = options.displayFormat || \"ddd, MMM DD\";\n    this.dateFilter = angular.isFunction(options.dateFilter) ? options.dateFilter : null;\n    this.selectingYear = false;\n    \n    // validate min and max date\n\tif (this.minDate && this.maxDate) {\n\t\tif (this.maxDate.isBefore(this.minDate)) {\n\t\t\tthis.maxDate = moment(this.minDate).add(1, 'days');\n\t\t}\n\t}\n\t\n\tif (this.date) {\n\t\t// check min date\n    \tif (this.minDate && this.date.isBefore(this.minDate)) {\n\t\t\tthis.date = moment(this.minDate);\n    \t}\n    \t\n    \t// check max date\n    \tif (this.maxDate && this.date.isAfter(this.maxDate)) {\n\t\t\tthis.date = moment(this.maxDate);\n    \t}\n\t}\n\t\n\tthis.yearItems = {\n        currentIndex_: 0,\n        PAGE_SIZE: 5,\n        START: (self.minDate ? self.minDate.year() : 1900),\n        END: (self.maxDate ? self.maxDate.year() : 0),\n        getItemAtIndex: function(index) {\n        \tif(this.currentIndex_ < index)\n                this.currentIndex_ = index;\n        \t\n        \treturn this.START + index;\n        },\n        getLength: function() {\n            return Math.min(\n                this.currentIndex_ + Math.floor(this.PAGE_SIZE / 2),\n                Math.abs(this.START - this.END) + 1\n            );\n        }\n    };\n\n    $scope.$mdMedia = $mdMedia;\n    $scope.year = this.date.year();\n\n\tthis.selectYear = function(year) {\n        self.date.year(year);\n        $scope.year = year;\n        self.selectingYear = false;\n        self.animate();\n    };\n    \n    this.showYear = function() { \n        self.yearTopIndex = (self.date.year() - self.yearItems.START) + Math.floor(self.yearItems.PAGE_SIZE / 2);\n        self.yearItems.currentIndex_ = (self.date.year() - self.yearItems.START) + 1;\n        self.selectingYear = true;\n    };\n    \n    this.showCalendar = function() {\n        self.selectingYear = false;\n    };\n\n    this.cancel = function() {\n        $mdDialog.cancel();\n    };\n\n    this.confirm = function() {\n    \tvar date = this.date;\n    \t\n    \tif (this.minDate && this.date.isBefore(this.minDate)) {\n    \t\tdate = moment(this.minDate);\n    \t}\n    \t\n    \tif (this.maxDate && this.date.isAfter(this.maxDate)) {\n    \t\tdate = moment(this.maxDate);\n    \t}  \t\n    \t\n        $mdDialog.hide(date.toDate());\n    };\n    \n    this.animate = function() {\n        self.animating = true;\n        $timeout(angular.noop).then(function() {\n            self.animating = false;\n        })  \n    };\n}\n\nmodule.provider(\"$mdpDatePicker\", function() {\n    var LABEL_OK = \"OK\",\n        LABEL_CANCEL = \"Cancel\",\n        DISPLAY_FORMAT = \"ddd, MMM DD\";\n        \n    this.setDisplayFormat = function(format) {\n        DISPLAY_FORMAT = format;    \n    };\n        \n    this.setOKButtonLabel = function(label) {\n        LABEL_OK = label;\n    };\n    \n    this.setCancelButtonLabel = function(label) {\n        LABEL_CANCEL = label;\n    };\n    \n    this.$get = [\"$mdDialog\", function($mdDialog) {\n        var datePicker = function(currentDate, options) {\n            if (!angular.isDate(currentDate)) currentDate = Date.now();\n            if (!angular.isObject(options)) options = {};\n            \n            options.displayFormat = DISPLAY_FORMAT;\n    \n            return $mdDialog.show({\n                controller:  ['$scope', '$mdDialog', '$mdMedia', '$timeout', 'currentDate', 'options', DatePickerCtrl],\n                controllerAs: 'datepicker',\n                clickOutsideToClose: true,\n                template: '<md-dialog aria-label=\"\" class=\"mdp-datepicker\" ng-class=\"{ \\'portrait\\': !$mdMedia(\\'gt-xs\\') }\">' +\n                            '<md-dialog-content layout=\"row\" layout-wrap>' +\n                                '<div layout=\"column\" layout-align=\"start center\">' +\n                                    '<md-toolbar layout-align=\"start start\" flex class=\"mdp-datepicker-date-wrapper md-hue-1 md-primary\" layout=\"column\">' +\n                                        '<span class=\"mdp-datepicker-year\" ng-click=\"datepicker.showYear()\" ng-class=\"{ \\'active\\': datepicker.selectingYear }\">{{ datepicker.date.format(\\'YYYY\\') }}</span>' +\n                                        '<span class=\"mdp-datepicker-date\" ng-click=\"datepicker.showCalendar()\" ng-class=\"{ \\'active\\': !datepicker.selectingYear }\">{{ datepicker.date.format(datepicker.displayFormat) }}</span> ' +\n                                    '</md-toolbar>' + \n                                '</div>' +  \n                                '<div>' + \n                                    '<div class=\"mdp-datepicker-select-year mdp-animation-zoom\" layout=\"column\" layout-align=\"center start\" ng-if=\"datepicker.selectingYear\">' +\n                                        '<md-virtual-repeat-container md-auto-shrink md-top-index=\"datepicker.yearTopIndex\">' +\n                                            '<div flex md-virtual-repeat=\"item in datepicker.yearItems\" md-on-demand class=\"repeated-year\">' +\n                                                '<span class=\"md-button\" ng-click=\"datepicker.selectYear(item)\" md-ink-ripple ng-class=\"{ \\'md-primary current\\': item == year }\">{{ item }}</span>' +\n                                            '</div>' +\n                                        '</md-virtual-repeat-container>' +\n                                    '</div>' +\n                                    '<mdp-calendar ng-if=\"!datepicker.selectingYear\" class=\"mdp-animation-zoom\" date=\"datepicker.date\" min-date=\"datepicker.minDate\" date-filter=\"datepicker.dateFilter\" max-date=\"datepicker.maxDate\"></mdp-calendar>' +\n                                    '<md-dialog-actions layout=\"row\">' +\n                                    \t'<span flex></span>' +\n                                        '<md-button ng-click=\"datepicker.cancel()\" aria-label=\"' + LABEL_CANCEL + '\">' + LABEL_CANCEL + '</md-button>' +\n                                        '<md-button ng-click=\"datepicker.confirm()\" class=\"md-primary\" aria-label=\"' + LABEL_OK + '\">' + LABEL_OK + '</md-button>' +\n                                    '</md-dialog-actions>' +\n                                '</div>' +\n                            '</md-dialog-content>' +\n                        '</md-dialog>',\n                targetEvent: options.targetEvent,\n                locals: {\n                    currentDate: currentDate,\n                    options: options\n                },\n                skipHide: true\n            });\n        };\n    \n        return datePicker;\n    }];\n});\n\nfunction CalendarCtrl($scope) {\n\tvar self = this;\n\tthis.dow = moment.localeData().firstDayOfWeek();\n\t\n    this.weekDays = [].concat(\n        moment.weekdaysMin().slice(\n            this.dow\n        ),\n        moment.weekdaysMin().slice(\n            0, \n            this.dow\n        )\n    );\n    \n    this.daysInMonth = [];\n    \n    this.getDaysInMonth = function() {\n        var days = self.date.daysInMonth(),\n            firstDay = moment(self.date).date(1).day() - this.dow;\n            \n        if(firstDay < 0) firstDay = this.weekDays.length - 1;\n            \n\n        var arr = [];\n        for(var i = 1; i <= (firstDay + days); i++) {\n            var day = null;\n            if(i > firstDay) {\n                day =  {\n                    value: (i - firstDay),\n                    enabled: self.isDayEnabled(moment(self.date).date(i - firstDay).toDate())\n                };\n            }\n            arr.push(day);\n        }\n \n        return arr;\n    };\n    \n    this.isDayEnabled = function(day) {\n        return (!this.minDate || this.minDate <= day) && \n            (!this.maxDate || this.maxDate >= day) && \n            (!self.dateFilter || !self.dateFilter(day));\n    };\n    \n    this.selectDate = function(dom) {\n        self.date.date(dom);\n    };\n\n    this.nextMonth = function() {\n        self.date.add(1, 'months');\n    };\n\n    this.prevMonth = function() {\n        self.date.subtract(1, 'months');\n    };\n    \n    this.updateDaysInMonth = function() {\n        self.daysInMonth = self.getDaysInMonth();\n    };\n    \n    $scope.$watch(function() { return  self.date.unix() }, function(newValue, oldValue) {\n        if(newValue && newValue !== oldValue)\n            self.updateDaysInMonth();\n    })\n    \n    self.updateDaysInMonth();\n}\n\nmodule.directive(\"mdpCalendar\", [\"$animate\", function($animate) {\n    return {\n        restrict: 'E',\n        bindToController: {\n            \"date\": \"=\",\n            \"minDate\": \"=\",\n            \"maxDate\": \"=\",\n            \"dateFilter\": \"=\"\n        },\n        template: '<div class=\"mdp-calendar\">' +\n                    '<div layout=\"row\" layout-align=\"space-between center\">' +\n                        '<md-button aria-label=\"previous month\" class=\"md-icon-button\" ng-click=\"calendar.prevMonth()\"><md-icon md-svg-icon=\"mdp-chevron-left\"></md-icon></md-button>' +\n                        '<div class=\"mdp-calendar-monthyear\" ng-show=\"!calendar.animating\">{{ calendar.date.format(\"MMMM YYYY\") }}</div>' +\n                        '<md-button aria-label=\"next month\" class=\"md-icon-button\" ng-click=\"calendar.nextMonth()\"><md-icon md-svg-icon=\"mdp-chevron-right\"></md-icon></md-button>' +\n                    '</div>' +\n                    '<div layout=\"row\" layout-align=\"space-around center\" class=\"mdp-calendar-week-days\" ng-show=\"!calendar.animating\">' +\n                        '<div layout layout-align=\"center center\" ng-repeat=\"d in calendar.weekDays track by $index\">{{ d }}</div>' +\n                    '</div>' +\n                    '<div layout=\"row\" layout-align=\"start center\" layout-wrap class=\"mdp-calendar-days\" ng-class=\"{ \\'mdp-animate-next\\': calendar.animating }\" ng-show=\"!calendar.animating\" md-swipe-left=\"calendar.nextMonth()\" md-swipe-right=\"calendar.prevMonth()\">' +\n                        '<div layout layout-align=\"center center\" ng-repeat-start=\"day in calendar.daysInMonth track by $index\" ng-class=\"{ \\'mdp-day-placeholder\\': !day }\">' +\n                            '<md-button class=\"md-icon-button md-raised\" aria-label=\"Select day\" ng-if=\"day\" ng-class=\"{ \\'md-accent\\': calendar.date.date() == day.value }\" ng-click=\"calendar.selectDate(day.value)\" ng-disabled=\"!day.enabled\">{{ day.value }}</md-button>' +\n                        '</div>' +\n                        '<div flex=\"100\" ng-if=\"($index + 1) % 7 == 0\" ng-repeat-end></div>' +\n                    '</div>' +\n                '</div>',\n        controller: [\"$scope\", CalendarCtrl],\n        controllerAs: \"calendar\",\n        link: function(scope, element, attrs, ctrl) {\n            var animElements = [\n                element[0].querySelector(\".mdp-calendar-week-days\"),\n                element[0].querySelector('.mdp-calendar-days'),\n                element[0].querySelector('.mdp-calendar-monthyear')\n            ].map(function(a) {\n               return angular.element(a); \n            });\n                \n            scope.$watch(function() { return  ctrl.date.format(\"YYYYMM\") }, function(newValue, oldValue) {\n                var direction = null;\n                \n                if(newValue > oldValue)\n                    direction = \"mdp-animate-next\";\n                else if(newValue < oldValue)\n                    direction = \"mdp-animate-prev\";\n                \n                if(direction) {\n                    for(var i in animElements) {\n                        animElements[i].addClass(direction);\n                        $animate.removeClass(animElements[i], direction);\n                    }\n                }\n            });\n        }\n    }\n}]);\n\nfunction formatValidator(value, format) {\n    return !value || angular.isDate(value) || moment(value, format, true).isValid();\n}\n\nfunction minDateValidator(value, format, minDate) {\n    var minDate = moment(minDate, \"YYYY-MM-DD\", true);\n    var date = angular.isDate(value) ? moment(value) :  moment(value, format, true);\n    \n    return !value || \n            angular.isDate(value) || \n            !minDate.isValid() || \n            date.isSameOrAfter(minDate);\n}\n\nfunction maxDateValidator(value, format, maxDate) {\n    var maxDate = moment(maxDate, \"YYYY-MM-DD\", true);\n    var date = angular.isDate(value) ? moment(value) :  moment(value, format, true);\n    \n    return !value || \n            angular.isDate(value) || \n            !maxDate.isValid() || \n            date.isSameOrBefore(maxDate);\n}\n\nfunction filterValidator(value, format, filter) {\n    var date = angular.isDate(value) ? moment(value) :  moment(value, format, true);\n                \n    return !value || \n            angular.isDate(value) || \n            !angular.isFunction(filter) || \n            !filter(date);\n}\n\nfunction requiredValidator(value, ngModel) {\n    return value\n}\n\nmodule.directive(\"mdpDatePicker\", [\"$mdpDatePicker\", \"$timeout\", function($mdpDatePicker, $timeout) {\n    return  {\n        restrict: 'E',\n        require: 'ngModel',\n        transclude: true,\n        template: function(element, attrs) {\n            var noFloat = angular.isDefined(attrs.mdpNoFloat),\n                placeholder = angular.isDefined(attrs.mdpPlaceholder) ? attrs.mdpPlaceholder : \"\",\n                openOnClick = angular.isDefined(attrs.mdpOpenOnClick) ? true : false;\n            \n            return '<div layout layout-align=\"start start\">' +\n                    '<md-button' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled=\"disabled\"' : '') + ' class=\"md-icon-button\" ng-click=\"showPicker($event)\">' +\n                        '<md-icon md-svg-icon=\"mdp-event\"></md-icon>' +\n                    '</md-button>' +\n                    '<md-input-container' + (noFloat ? ' md-no-float' : '') + ' md-is-error=\"isError()\">' +\n                        '<input type=\"{{ ::type }}\"' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled=\"disabled\"' : '') + ' aria-label=\"' + placeholder + '\" placeholder=\"' + placeholder + '\"' + (openOnClick ? ' ng-click=\"showPicker($event)\" ' : '') + ' />' +\n                    '</md-input-container>' +\n                '</div>';\n        },\n        scope: {\n            \"minDate\": \"=mdpMinDate\",\n            \"maxDate\": \"=mdpMaxDate\",\n            \"dateFilter\": \"=mdpDateFilter\",\n            \"dateFormat\": \"@mdpFormat\",\n            \"placeholder\": \"@mdpPlaceholder\",\n            \"noFloat\": \"=mdpNoFloat\",\n            \"openOnClick\": \"=mdpOpenOnClick\",\n            \"disabled\": \"=?mdpDisabled\"\n        },\n        link: {\n            pre: function(scope, element, attrs, ngModel, $transclude) {\n                \n            },\n            post: function(scope, element, attrs, ngModel, $transclude) {\n                var inputElement = angular.element(element[0].querySelector('input')),\n                    inputContainer = angular.element(element[0].querySelector('md-input-container')),\n                    inputContainerCtrl = inputContainer.controller(\"mdInputContainer\");\n                    \n                $transclude(function(clone) {\n                   inputContainer.append(clone); \n                });  \n                \n                var messages = angular.element(inputContainer[0].querySelector(\"[ng-messages]\"));\n                \n                scope.type = scope.dateFormat ? \"text\" : \"date\"\n                scope.dateFormat = scope.dateFormat || \"YYYY-MM-DD\";\n                scope.model = ngModel;\n                \n                scope.isError = function() {\n                    return !ngModel.$pristine && !!ngModel.$invalid;\n                };\n                \n                // update input element if model has changed\n                ngModel.$formatters.unshift(function(value) {\n                    var date = angular.isDate(value) && moment(value);\n                    if(date && date.isValid()) \n                        updateInputElement(date.format(scope.dateFormat));\n                    else\n                        updateInputElement(null);\n                });\n                \n                ngModel.$validators.format = function(modelValue, viewValue) {\n                    return formatValidator(viewValue, scope.dateFormat);\n                };\n                \n                ngModel.$validators.minDate = function(modelValue, viewValue) {\n                    return minDateValidator(viewValue, scope.dateFormat, scope.minDate);\n                };\n                \n                ngModel.$validators.maxDate = function(modelValue, viewValue) {\n                    return maxDateValidator(viewValue, scope.dateFormat, scope.maxDate);\n                };\n                \n                ngModel.$validators.filter = function(modelValue, viewValue) {\n                    return filterValidator(viewValue, scope.dateFormat, scope.dateFilter);\n                };\n                \n                ngModel.$validators.required = function(modelValue, viewValue) {\n                    return angular.isUndefined(attrs.required) || !ngModel.$isEmpty(modelValue) || !ngModel.$isEmpty(viewValue);\n                };\n                \n                ngModel.$parsers.unshift(function(value) {\n                    var parsed = moment(value, scope.dateFormat, true);\n                    if(parsed.isValid()) {\n                        if(angular.isDate(ngModel.$modelValue)) {\n                            var originalModel = moment(ngModel.$modelValue);\n                            originalModel.year(parsed.year());\n                            originalModel.month(parsed.month());\n                            originalModel.date(parsed.date());\n                            \n                            parsed = originalModel;\n                        }\n                        return parsed.toDate(); \n                    } else\n                        return null;\n                });\n                \n                // update input element value\n                function updateInputElement(value) {\n                    inputElement[0].value = value;\n                    inputContainerCtrl.setHasValue(!ngModel.$isEmpty(value));\n                }\n                \n                function updateDate(date) {\n                    var value = moment(date, angular.isDate(date) ? null : scope.dateFormat, true),\n                        strValue = value.format(scope.dateFormat);\n    \n                    if(value.isValid()) {\n                        updateInputElement(strValue);\n                        ngModel.$setViewValue(strValue);\n                    } else {\n                        updateInputElement(date);\n                        ngModel.$setViewValue(date);\n                    }\n                    \n                    if(!ngModel.$pristine && \n                        messages.hasClass(\"md-auto-hide\") && \n                        inputContainer.hasClass(\"md-input-invalid\")) messages.removeClass(\"md-auto-hide\");\n    \n                    ngModel.$render();\n                }\n                    \n                scope.showPicker = function(ev) {\n                    $mdpDatePicker(ngModel.$modelValue, {\n                \t    minDate: scope.minDate, \n                \t    maxDate: scope.maxDate,\n                \t    dateFilter: scope.dateFilter,\n                \t    targetEvent: ev\n            \t    }).then(updateDate);\n                };\n                \n                function onInputElementEvents(event) {\n                    if(event.target.value !== ngModel.$viewVaue)\n                        updateDate(event.target.value);\n                }\n                \n                inputElement.on(\"reset input blur\", onInputElementEvents);\n                \n                scope.$on(\"$destroy\", function() {\n                    inputElement.off(\"reset input blur\", onInputElementEvents);\n                });\n            }\n        }\n    };\n}]);\n\n\nmodule.directive(\"mdpDatePicker\", [\"$mdpDatePicker\", \"$timeout\", function($mdpDatePicker, $timeout) {\n    return  {\n        restrict: 'A',\n        require: 'ngModel',\n        scope: {\n            \"minDate\": \"@min\",\n            \"maxDate\": \"@max\",\n            \"dateFilter\": \"=mdpDateFilter\",\n            \"dateFormat\": \"@mdpFormat\",\n        },\n        link: function(scope, element, attrs, ngModel, $transclude) {\n            scope.dateFormat = scope.dateFormat || \"YYYY-MM-DD\";\n            \n            ngModel.$validators.format = function(modelValue, viewValue) {\n                return formatValidator(viewValue, scope.format);\n            };\n            \n            ngModel.$validators.minDate = function(modelValue, viewValue) {\n                return minDateValidator(viewValue, scope.format, scope.minDate);\n            };\n            \n            ngModel.$validators.maxDate = function(modelValue, viewValue) {\n                return maxDateValidator(viewValue, scope.format, scope.maxDate);\n            };\n            \n            ngModel.$validators.filter = function(modelValue, viewValue) {\n                return filterValidator(viewValue, scope.format, scope.dateFilter);\n            };\n            \n            function showPicker(ev) {\n                $mdpDatePicker(ngModel.$modelValue, {\n            \t    minDate: scope.minDate, \n            \t    maxDate: scope.maxDate,\n            \t    dateFilter: scope.dateFilter,\n            \t    targetEvent: ev\n        \t    }).then(function(time) {\n                    ngModel.$setViewValue(moment(time).format(scope.format));\n                    ngModel.$render();\n                });\n            };\n            \n            element.on(\"click\", showPicker);\n            \n            scope.$on(\"$destroy\", function() {\n                element.off(\"click\", showPicker);\n            });\n        }\n    }\n}]);\n/* global moment, angular */\n\nfunction TimePickerCtrl($scope, $mdDialog, time, autoSwitch, $mdMedia) {\n\tvar self = this;\n    this.VIEW_HOURS = 1;\n    this.VIEW_MINUTES = 2;\n    this.currentView = this.VIEW_HOURS;\n    this.time = moment(time);\n    this.autoSwitch = !!autoSwitch;\n    \n    this.clockHours = parseInt(this.time.format(\"h\"));\n    this.clockMinutes = parseInt(this.time.minutes());\n    \n\t$scope.$mdMedia = $mdMedia;\n\t\n\tthis.switchView = function() {\n\t    self.currentView = self.currentView == self.VIEW_HOURS ? self.VIEW_MINUTES : self.VIEW_HOURS;\n\t};\n    \n\tthis.setAM = function() {\n        if(self.time.hours() >= 12)\n            self.time.hour(self.time.hour() - 12);\n\t};\n    \n    this.setPM = function() {\n        if(self.time.hours() < 12)\n            self.time.hour(self.time.hour() + 12);\n\t};\n    \n    this.cancel = function() {\n        $mdDialog.cancel();\n    };\n\n    this.confirm = function() {\n        $mdDialog.hide(this.time.toDate());\n    };\n}\n\nfunction ClockCtrl($scope) {\n    var TYPE_HOURS = \"hours\";\n    var TYPE_MINUTES = \"minutes\";\n    var self = this;\n    \n    this.STEP_DEG = 360 / 12;\n    this.steps = [];\n    \n    this.CLOCK_TYPES = {\n        \"hours\": {\n            range: 12,\n        },\n        \"minutes\": {\n            range: 60,\n        }\n    }\n    \n    this.getPointerStyle = function() {\n        var divider = 1;\n        switch(self.type) {\n            case TYPE_HOURS:\n                divider = 12;\n                break;\n            case TYPE_MINUTES:\n                divider = 60;\n                break;\n        }  \n        var degrees = Math.round(self.selected * (360 / divider)) - 180;\n        return { \n            \"-webkit-transform\": \"rotate(\" + degrees + \"deg)\",\n            \"-ms-transform\": \"rotate(\" + degrees + \"deg)\",\n            \"transform\": \"rotate(\" + degrees + \"deg)\"\n        }\n    };\n    \n    this.setTimeByDeg = function(deg) {\n        deg = deg >= 360 ? 0 : deg;\n        var divider = 0;\n        switch(self.type) {\n            case TYPE_HOURS:\n                divider = 12;\n                break;\n            case TYPE_MINUTES:\n                divider = 60;\n                break;\n        }  \n        \n        self.setTime(\n            Math.round(divider / 360 * deg)\n        );\n    };\n    \n    this.setTime = function(time, type) {\n        this.selected = time;\n        \n        switch(self.type) {\n            case TYPE_HOURS:\n                if(self.time.format(\"A\") == \"PM\") time += 12;\n                this.time.hours(time);\n                break;\n            case TYPE_MINUTES:\n                if(time > 59) time -= 60;\n                this.time.minutes(time);\n                break;\n        }\n        \n    };\n    \n    this.init = function() {\n        self.type = self.type || \"hours\";\n        switch(self.type) {\n            case TYPE_HOURS:\n                for(var i = 1; i <= 12; i++)\n                    self.steps.push(i);\n                self.selected = self.time.hours() || 0;\n                if(self.selected > 12) self.selected -= 12;\n                    \n                break;\n            case TYPE_MINUTES:\n                for(var i = 5; i <= 55; i+=5)\n                    self.steps.push(i);\n                self.steps.push(0);\n                self.selected = self.time.minutes() || 0;\n                \n                break;\n        }\n    };\n    \n    this.init();\n}\n\nmodule.directive(\"mdpClock\", [\"$animate\", \"$timeout\", function($animate, $timeout) {\n    return {\n        restrict: 'E',\n        bindToController: {\n            'type': '@?',\n            'time': '=',\n            'autoSwitch': '=?'\n        },\n        replace: true,\n        template: '<div class=\"mdp-clock\">' +\n                        '<div class=\"mdp-clock-container\">' +\n                            '<md-toolbar class=\"mdp-clock-center md-primary\"></md-toolbar>' +\n                            '<md-toolbar ng-style=\"clock.getPointerStyle()\" class=\"mdp-pointer md-primary\">' +\n                                '<span class=\"mdp-clock-selected md-button md-raised md-primary\"></span>' +\n                            '</md-toolbar>' +\n                            '<md-button ng-class=\"{ \\'md-primary\\': clock.selected == step }\" class=\"md-icon-button md-raised mdp-clock-deg{{ ::(clock.STEP_DEG * ($index + 1)) }}\" ng-repeat=\"step in clock.steps\" ng-click=\"clock.setTime(step)\">{{ step }}</md-button>' +\n                        '</div>' +\n                    '</div>',\n        controller: [\"$scope\", ClockCtrl],\n        controllerAs: \"clock\",\n        link: function(scope, element, attrs, ctrl) {\n            var pointer = angular.element(element[0].querySelector(\".mdp-pointer\")),\n                timepickerCtrl = scope.$parent.timepicker;\n            \n            var onEvent = function(event) {\n                var containerCoords = event.currentTarget.getClientRects()[0];\n                var x = ((event.currentTarget.offsetWidth / 2) - (event.pageX - containerCoords.left)),\n                    y = ((event.pageY - containerCoords.top) - (event.currentTarget.offsetHeight / 2));\n\n                var deg = Math.round((Math.atan2(x, y) * (180 / Math.PI)));\n                $timeout(function() {\n                    ctrl.setTimeByDeg(deg + 180);\n                    if(ctrl.autoSwitch && [\"mouseup\", \"click\"].indexOf(event.type) !== -1 && timepickerCtrl) timepickerCtrl.switchView();\n                });\n            }; \n            \n            element.on(\"mousedown\", function() {\n               element.on(\"mousemove\", onEvent);\n            });\n            \n            element.on(\"mouseup\", function(e) {\n                element.off(\"mousemove\");\n            });\n            \n            element.on(\"click\", onEvent);\n            scope.$on(\"$destroy\", function() {\n                element.off(\"click\", onEvent);\n                element.off(\"mousemove\", onEvent); \n            });\n        }\n    }\n}]);\n\nmodule.provider(\"$mdpTimePicker\", function() {\n    var LABEL_OK = \"OK\",\n        LABEL_CANCEL = \"Cancel\";\n        \n    this.setOKButtonLabel = function(label) {\n        LABEL_OK = label;\n    };\n    \n    this.setCancelButtonLabel = function(label) {\n        LABEL_CANCEL = label;\n    };\n    \n    this.$get = [\"$mdDialog\", function($mdDialog) {\n        var timePicker = function(time, options) {\n            if(!angular.isDate(time)) time = Date.now();\n            if (!angular.isObject(options)) options = {};\n    \n            return $mdDialog.show({\n                controller:  ['$scope', '$mdDialog', 'time', 'autoSwitch', '$mdMedia', TimePickerCtrl],\n                controllerAs: 'timepicker',\n                clickOutsideToClose: true,\n                template: '<md-dialog aria-label=\"\" class=\"mdp-timepicker\" ng-class=\"{ \\'portrait\\': !$mdMedia(\\'gt-xs\\') }\">' +\n                            '<md-dialog-content layout-gt-xs=\"row\" layout-wrap>' +\n                                '<md-toolbar layout-gt-xs=\"column\" layout-xs=\"row\" layout-align=\"center center\" flex class=\"mdp-timepicker-time md-hue-1 md-primary\">' +\n                                    '<div class=\"mdp-timepicker-selected-time\">' +\n                                        '<span ng-class=\"{ \\'active\\': timepicker.currentView == timepicker.VIEW_HOURS }\" ng-click=\"timepicker.currentView = timepicker.VIEW_HOURS\">{{ timepicker.time.format(\"h\") }}</span>:' + \n                                        '<span ng-class=\"{ \\'active\\': timepicker.currentView == timepicker.VIEW_MINUTES }\" ng-click=\"timepicker.currentView = timepicker.VIEW_MINUTES\">{{ timepicker.time.format(\"mm\") }}</span>' +\n                                    '</div>' +\n                                    '<div layout=\"column\" class=\"mdp-timepicker-selected-ampm\">' + \n                                        '<span ng-click=\"timepicker.setAM()\" ng-class=\"{ \\'active\\': timepicker.time.hours() < 12 }\">AM</span>' +\n                                        '<span ng-click=\"timepicker.setPM()\" ng-class=\"{ \\'active\\': timepicker.time.hours() >= 12 }\">PM</span>' +\n                                    '</div>' + \n                                '</md-toolbar>' +\n                                '<div>' +\n                                    '<div class=\"mdp-clock-switch-container\" ng-switch=\"timepicker.currentView\" layout layout-align=\"center center\">' +\n\t                                    '<mdp-clock class=\"mdp-animation-zoom\" auto-switch=\"timepicker.autoSwitch\" time=\"timepicker.time\" type=\"hours\" ng-switch-when=\"1\"></mdp-clock>' +\n\t                                    '<mdp-clock class=\"mdp-animation-zoom\" auto-switch=\"timepicker.autoSwitch\" time=\"timepicker.time\" type=\"minutes\" ng-switch-when=\"2\"></mdp-clock>' +\n                                    '</div>' +\n                                    \n                                    '<md-dialog-actions layout=\"row\">' +\n\t                                \t'<span flex></span>' +\n                                        '<md-button ng-click=\"timepicker.cancel()\" aria-label=\"' + LABEL_CANCEL + '\">' + LABEL_CANCEL + '</md-button>' +\n                                        '<md-button ng-click=\"timepicker.confirm()\" class=\"md-primary\" aria-label=\"' + LABEL_OK + '\">' + LABEL_OK + '</md-button>' +\n                                    '</md-dialog-actions>' +\n                                '</div>' +\n                            '</md-dialog-content>' +\n                        '</md-dialog>',\n                targetEvent: options.targetEvent,\n                locals: {\n                    time: time,\n                    autoSwitch: options.autoSwitch\n                },\n                skipHide: true\n            });\n        };\n    \n        return timePicker;\n    }];\n});\n\nmodule.directive(\"mdpTimePicker\", [\"$mdpTimePicker\", \"$timeout\", function($mdpTimePicker, $timeout) {\n    return  {\n        restrict: 'E',\n        require: 'ngModel',\n        transclude: true,\n        template: function(element, attrs) {\n            var noFloat = angular.isDefined(attrs.mdpNoFloat),\n                placeholder = angular.isDefined(attrs.mdpPlaceholder) ? attrs.mdpPlaceholder : \"\",\n                openOnClick = angular.isDefined(attrs.mdpOpenOnClick) ? true : false;\n            \n            return '<div layout layout-align=\"start start\">' +\n                    '<md-button class=\"md-icon-button\" ng-click=\"showPicker($event)\"' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled=\"disabled\"' : '') + '>' +\n                        '<md-icon md-svg-icon=\"mdp-access-time\"></md-icon>' +\n                    '</md-button>' +\n                    '<md-input-container' + (noFloat ? ' md-no-float' : '') + ' md-is-error=\"isError()\">' +\n                        '<input type=\"{{ ::type }}\"' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled=\"disabled\"' : '') + ' aria-label=\"' + placeholder + '\" placeholder=\"' + placeholder + '\"' + (openOnClick ? ' ng-click=\"showPicker($event)\" ' : '') + ' />' +\n                    '</md-input-container>' +\n                '</div>';\n        },\n        scope: {\n            \"timeFormat\": \"@mdpFormat\",\n            \"placeholder\": \"@mdpPlaceholder\",\n            \"autoSwitch\": \"=?mdpAutoSwitch\",\n            \"disabled\": \"=?mdpDisabled\"\n        },\n        link: function(scope, element, attrs, ngModel, $transclude) {\n            var inputElement = angular.element(element[0].querySelector('input')),\n                inputContainer = angular.element(element[0].querySelector('md-input-container')),\n                inputContainerCtrl = inputContainer.controller(\"mdInputContainer\");\n                \n            $transclude(function(clone) {\n               inputContainer.append(clone); \n            });\n            \n            var messages = angular.element(inputContainer[0].querySelector(\"[ng-messages]\"));\n            \n            scope.type = scope.timeFormat ? \"text\" : \"time\"\n            scope.timeFormat = scope.timeFormat || \"HH:mm\";\n            scope.autoSwitch = scope.autoSwitch || false;\n            \n            scope.$watch(function() { return ngModel.$error }, function(newValue, oldValue) {\n                inputContainerCtrl.setInvalid(!ngModel.$pristine && !!Object.keys(ngModel.$error).length);\n            }, true);\n            \n            // update input element if model has changed\n            ngModel.$formatters.unshift(function(value) {\n                var time = angular.isDate(value) && moment(value);\n                if(time && time.isValid()) \n                    updateInputElement(time.format(scope.timeFormat));\n                else\n                    updateInputElement(null);\n            });\n            \n            ngModel.$validators.format = function(modelValue, viewValue) {\n                return !viewValue || angular.isDate(viewValue) || moment(viewValue, scope.timeFormat, true).isValid();\n            };\n            \n            ngModel.$validators.required = function(modelValue, viewValue) {\n                return angular.isUndefined(attrs.required) || !ngModel.$isEmpty(modelValue) || !ngModel.$isEmpty(viewValue);\n            };\n            \n            ngModel.$parsers.unshift(function(value) {\n                var parsed = moment(value, scope.timeFormat, true);\n                if(parsed.isValid()) {\n                    if(angular.isDate(ngModel.$modelValue)) {\n                        var originalModel = moment(ngModel.$modelValue);\n                        originalModel.minutes(parsed.minutes());\n                        originalModel.hours(parsed.hours());\n                        originalModel.seconds(parsed.seconds());\n                        \n                        parsed = originalModel;\n                    }\n                    return parsed.toDate(); \n                } else\n                    return null;\n            });\n            \n            // update input element value\n            function updateInputElement(value) {\n                inputElement[0].value = value;\n                inputContainerCtrl.setHasValue(!ngModel.$isEmpty(value));\n            }\n            \n            function updateTime(time) {\n                var value = moment(time, angular.isDate(time) ? null : scope.timeFormat, true),\n                    strValue = value.format(scope.timeFormat);\n\n                if(value.isValid()) {\n                    updateInputElement(strValue);\n                    ngModel.$setViewValue(strValue);\n                } else {\n                    updateInputElement(time);\n                    ngModel.$setViewValue(time);\n                }\n                \n                if(!ngModel.$pristine && \n                    messages.hasClass(\"md-auto-hide\") && \n                    inputContainer.hasClass(\"md-input-invalid\")) messages.removeClass(\"md-auto-hide\");\n                \n                ngModel.$render();\n            }\n                \n            scope.showPicker = function(ev) {\n                $mdpTimePicker(ngModel.$modelValue, {\n                    targetEvent: ev,\n                    autoSwitch: scope.autoSwitch\n                }).then(function(time) {\n                    updateTime(time, true);\n                });\n            };\n            \n            function onInputElementEvents(event) {\n                if(event.target.value !== ngModel.$viewVaue)\n                    updateTime(event.target.value);\n            }\n            \n            inputElement.on(\"reset input blur\", onInputElementEvents);\n            \n            scope.$on(\"$destroy\", function() {\n                inputElement.off(\"reset input blur\", onInputElementEvents);\n            })\n        }\n    };\n}]);\n\nmodule.directive(\"mdpTimePicker\", [\"$mdpTimePicker\", \"$timeout\", function($mdpTimePicker, $timeout) {\n    return  {\n        restrict: 'A',\n        require: 'ngModel',\n        scope: {\n            \"timeFormat\": \"@mdpFormat\",\n            \"autoSwitch\": \"=?mdpAutoSwitch\",\n        },\n        link: function(scope, element, attrs, ngModel, $transclude) {\n            scope.format = scope.format || \"HH:mm\";\n            function showPicker(ev) {\n                $mdpTimePicker(ngModel.$modelValue, {\n                    targetEvent: ev,\n                    autoSwitch: scope.autoSwitch\n                }).then(function(time) {\n                    ngModel.$setViewValue(moment(time).format(scope.format));\n                    ngModel.$render();\n                });\n            };\n            \n            element.on(\"click\", showPicker);\n            \n            scope.$on(\"$destroy\", function() {\n                element.off(\"click\", showPicker);\n            });\n        }\n    }\n}]);\n\n})();"],"sourceRoot":"/source/"}
\ No newline at end of file
+{"version":3,"sources":["mdPickers.min.js"],"names":["DatePickerCtrl","$scope","$mdDialog","$mdMedia","$timeout","currentDate","options","dialogAccent","self","this","date","moment","minDate","isValid","maxDate","displayFormat","dateFilter","angular","isFunction","selectingYear","isBefore","add","isAfter","yearItems","currentIndex_","PAGE_SIZE","START","year","END","getItemAtIndex","index","getLength","Math","min","floor","abs","selectYear","animate","showYear","yearTopIndex","showCalendar","cancel","confirm","hide","toDate","animating","noop","then","CalendarCtrl","dow","localeData","firstDayOfWeek","weekDays","concat","weekdaysMin","slice","daysInMonth","getDaysInMonth","days","firstDay","day","length","arr","i","value","enabled","isDayEnabled","push","selectDate","dom","nextMonth","prevMonth","subtract","updateDaysInMonth","$watch","unix","newValue","oldValue","formatValidator","format","isDate","minDateValidator","isSameOrAfter","maxDateValidator","isSameOrBefore","filterValidator","filter","TimePickerCtrl","time","autoSwitch","VIEW_HOURS","VIEW_MINUTES","currentView","clockHours","parseInt","clockMinutes","minutes","switchView","setAM","hours","hour","setPM","ClockCtrl","TYPE_HOURS","TYPE_MINUTES","STEP_DEG","steps","CLOCK_TYPES","range","getPointerStyle","divider","type","degrees","round","selected","-webkit-transform","-ms-transform","transform","setTimeByDeg","deg","setTime","init","module","config","$mdIconProvider","mdpIconsRegistry","forEach","icon","id","url","run","$templateCache","put","svg","constant","directive","$mdUtil","restrict","priority","compile","element","inputContainer","getClosest","toggleClass","provider","LABEL_OK","LABEL_CANCEL","DISPLAY_FORMAT","setDisplayFormat","setOKButtonLabel","label","setCancelButtonLabel","$get","datePicker","Date","now","isObject","show","controller","controllerAs","clickOutsideToClose","template","targetEvent","locals","skipHide","$animate","bindToController","link","scope","attrs","ctrl","animElements","querySelector","map","a","direction","addClass","removeClass","$mdpDatePicker","require","transclude","noFloat","isDefined","mdpNoFloat","placeholder","mdpPlaceholder","openOnClick","mdpOpenOnClick","mdpDisabled","dateFormat","disabled","pre","ngModel","$transclude","post","updateInputElement","inputElement","inputContainerCtrl","setHasValue","$isEmpty","updateDate","strValue","$setViewValue","$pristine","messages","hasClass","$render","onInputElementEvents","event","target","$viewVaue","clone","append","model","isError","$invalid","$formatters","unshift","$validators","modelValue","viewValue","required","isUndefined","$parsers","parsed","$modelValue","originalModel","month","showPicker","ev","on","$on","off","replace","timepickerCtrl","$parent","timepicker","onEvent","containerCoords","currentTarget","getClientRects","x","offsetWidth","pageX","left","y","pageY","top","offsetHeight","atan2","PI","indexOf","e","timePicker","$mdpTimePicker","timeFormat","updateTime","$error","setInvalid","Object","keys","seconds"],"mappings":"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","file":"mdPickers.min.js","sourcesContent":["(function() {\n\"use strict\";\n/* global moment, angular */\n\nvar module = angular.module(\"mdPickers\", [\n\t\"ngMaterial\",\n\t\"ngAnimate\",\n\t\"ngAria\"\n]);\n\nmodule.config([\"$mdIconProvider\", \"mdpIconsRegistry\", function($mdIconProvider, mdpIconsRegistry) {\n\tangular.forEach(mdpIconsRegistry, function(icon, index) {\n\t\t$mdIconProvider.icon(icon.id, icon.url);\n\t});\n}]);\n\nmodule.run([\"$templateCache\", \"mdpIconsRegistry\", function($templateCache, mdpIconsRegistry) {\n\tangular.forEach(mdpIconsRegistry, function(icon, index) {\n\t\t$templateCache.put(icon.url, icon.svg);\n\t});\n}]);\nmodule.constant(\"mdpIconsRegistry\", [\n    {\n        id: 'mdp-chevron-left',\n        url: 'mdp-chevron-left.svg',\n        svg: '<svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/></svg>'\n    },\n    {\n        id: 'mdp-chevron-right',\n        url: 'mdp-chevron-right.svg',\n        svg: '<svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/></svg>'\n    },\n    {\n        id: 'mdp-access-time',\n        url: 'mdp-access-time.svg',\n        svg: '<svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z\"/></svg>'\n    },\n    {\n        id: 'mdp-event',\n        url: 'mdp-event.svg',\n        svg: '<svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/></svg>'\n    }\n]);\nmodule.directive(\"ngMessage\", [\"$mdUtil\", function($mdUtil) {\n   return {\n        restrict: \"EA\",\n        priority: 101,\n        compile: function(element) {\n            var inputContainer = $mdUtil.getClosest(element, \"mdp-time-picker\", true) ||\n                                 $mdUtil.getClosest(element, \"mdp-date-picker\", true);\n            \n            // If we are not a child of an input container, don't do anything\n            if (!inputContainer) return;\n            \n            // Add our animation class\n            element.toggleClass('md-input-message-animation', true);\n            \n            return {};\n        }\n    } \n}]);\n/* global moment, angular */\n\nfunction DatePickerCtrl($scope, $mdDialog, $mdMedia, $timeout, currentDate, options, dialogAccent) {\n    var self = this;\n\n    this.date = moment(currentDate);\n    this.minDate = options.minDate && moment(options.minDate).isValid() ? moment(options.minDate) : null;\n    this.maxDate = options.maxDate && moment(options.maxDate).isValid() ? moment(options.maxDate) : null;\n    this.displayFormat = options.displayFormat || \"ddd, MMM DD\";\n    this.dateFilter = angular.isFunction(options.dateFilter) ? options.dateFilter : null;\n    this.selectingYear = false;\n    this.dialogAccent = dialogAccent;\n\n    // validate min and max date\n    if (this.minDate && this.maxDate) {\n        if (this.maxDate.isBefore(this.minDate)) {\n            this.maxDate = moment(this.minDate).add(1, 'days');\n        }\n    }\n\n    if (this.date) {\n        // check min date\n        if (this.minDate && this.date.isBefore(this.minDate)) {\n            this.date = moment(this.minDate);\n        }\n\n        // check max date\n        if (this.maxDate && this.date.isAfter(this.maxDate)) {\n            this.date = moment(this.maxDate);\n        }\n    }\n\n    this.yearItems = {\n        currentIndex_: 0,\n        PAGE_SIZE: 5,\n        START: (self.minDate ? self.minDate.year() : 1900),\n        END: (self.maxDate ? self.maxDate.year() : 0),\n        getItemAtIndex: function (index) {\n            if (this.currentIndex_ < index)\n                this.currentIndex_ = index;\n\n            return this.START + index;\n        },\n        getLength: function () {\n            return Math.min(\n                this.currentIndex_ + Math.floor(this.PAGE_SIZE / 2),\n                Math.abs(this.START - this.END) + 1\n            );\n        }\n    };\n\n    $scope.$mdMedia = $mdMedia;\n    $scope.year = this.date.year();\n\n    this.selectYear = function (year) {\n        self.date.year(year);\n        $scope.year = year;\n        self.selectingYear = false;\n        self.animate();\n    };\n\n    this.showYear = function () {\n        self.yearTopIndex = (self.date.year() - self.yearItems.START) + Math.floor(self.yearItems.PAGE_SIZE / 2);\n        self.yearItems.currentIndex_ = (self.date.year() - self.yearItems.START) + 1;\n        self.selectingYear = true;\n    };\n\n    this.showCalendar = function () {\n        self.selectingYear = false;\n    };\n\n    this.cancel = function () {\n        $mdDialog.cancel();\n    };\n\n    this.confirm = function () {\n        var date = this.date;\n\n        if (this.minDate && this.date.isBefore(this.minDate)) {\n            date = moment(this.minDate);\n        }\n\n        if (this.maxDate && this.date.isAfter(this.maxDate)) {\n            date = moment(this.maxDate);\n        }\n\n        $mdDialog.hide(date.toDate());\n    };\n\n    this.animate = function () {\n        self.animating = true;\n        $timeout(angular.noop).then(function () {\n            self.animating = false;\n        })\n    };\n}\n\nmodule.provider(\"$mdpDatePicker\", function () {\n    var LABEL_OK = \"OK\",\n        LABEL_CANCEL = \"Cancel\",\n        DISPLAY_FORMAT = \"ddd, MMM DD\";\n\n    this.setDisplayFormat = function (format) {\n        DISPLAY_FORMAT = format;\n    };\n\n    this.setOKButtonLabel = function (label) {\n        LABEL_OK = label;\n    };\n\n    this.setCancelButtonLabel = function (label) {\n        LABEL_CANCEL = label;\n    };\n\n    this.$get = [\"$mdDialog\", function ($mdDialog) {\n        var datePicker = function (currentDate, options) {\n            if (!angular.isDate(currentDate)) currentDate = Date.now();\n            if (!angular.isObject(options)) options = {};\n\n            options.displayFormat = DISPLAY_FORMAT;\n\n            return $mdDialog.show({\n                controller: ['$scope', '$mdDialog', '$mdMedia', '$timeout', 'currentDate', 'options', 'dialogAccent', DatePickerCtrl],\n                controllerAs: 'datepicker',\n                clickOutsideToClose: true,\n                template:   '<md-dialog aria-label=\"\" class=\"mdp-datepicker\" ng-class=\"{ \\'portrait\\': !$mdMedia(\\'gt-xs\\') }\">' +\n                                '<md-dialog-content layout=\"row\" layout-wrap>' +\n                                    '<div layout=\"column\" layout-align=\"start center\">' +\n                                        '<md-toolbar layout-align=\"start start\" flex class=\"mdp-datepicker-date-wrapper md-hue-1 md-primary\" layout=\"column\" ng-class=\"{\\'md-accent\\': datepicker.dialogAccent}\">' +\n                                            '<span class=\"mdp-datepicker-year\" ng-click=\"datepicker.showYear()\" ng-class=\"{ \\'active\\': datepicker.selectingYear }\">{{ datepicker.date.format(\\'YYYY\\') }}</span>' +\n                                            '<span class=\"mdp-datepicker-date\" ng-click=\"datepicker.showCalendar()\" ng-class=\"{ \\'active\\': !datepicker.selectingYear }\">{{ datepicker.date.format(datepicker.displayFormat) }}</span> ' +\n                                        '</md-toolbar>' +\n                                    '</div>' +\n                                    '<div>' +\n                                        '<div class=\"mdp-datepicker-select-year mdp-animation-zoom\" layout=\"column\" layout-align=\"center start\" ng-if=\"datepicker.selectingYear\">' +\n                                            '<md-virtual-repeat-container md-auto-shrink md-top-index=\"datepicker.yearTopIndex\">' +\n                                                '<div flex md-virtual-repeat=\"item in datepicker.yearItems\" md-on-demand class=\"repeated-year\">' +\n                                                    '<span class=\"md-button\" ng-click=\"datepicker.selectYear(item)\" md-ink-ripple ng-class=\"{ \\'md-primary current\\': item == year, \\'md-accent\\': item == year && datepicker.dialogAccent }\">{{ item }}</span>' +\n                                                '</div>' +\n                                            '</md-virtual-repeat-container>' +\n                                        '</div>' +\n                                        '<mdp-calendar ng-if=\"!datepicker.selectingYear\" class=\"mdp-animation-zoom\" date=\"datepicker.date\" min-date=\"datepicker.minDate\" date-filter=\"datepicker.dateFilter\" max-date=\"datepicker.maxDate\"></mdp-calendar>' +\n                                            '<md-dialog-actions layout=\"row\">' +\n                                                '<span flex></span>' +\n                                                '<md-button ng-click=\"datepicker.cancel()\" aria-label=\"' + LABEL_CANCEL + '\">' + LABEL_CANCEL + '</md-button>' +\n                                                '<md-button ng-click=\"datepicker.confirm()\" class=\"md-primary\" aria-label=\"' + LABEL_OK + '\">' + LABEL_OK + '</md-button>' +\n                                            '</md-dialog-actions>' +\n                                    '</div>' +\n                                '</md-dialog-content>' +\n                            '</md-dialog>',\n                targetEvent: options.targetEvent,\n                locals: {\n                    currentDate: currentDate,\n                    options: options,\n                    dialogAccent: options.dialogAccent\n                },\n                skipHide: true\n            });\n        };\n\n        return datePicker;\n    }];\n});\n\nfunction CalendarCtrl($scope) {\n    var self = this;\n    this.dow = moment.localeData().firstDayOfWeek();\n\n    this.weekDays = [].concat(\n        moment.weekdaysMin().slice(\n            this.dow\n        ),\n        moment.weekdaysMin().slice(\n            0,\n            this.dow\n        )\n    );\n\n    this.daysInMonth = [];\n\n    this.getDaysInMonth = function () {\n        var days = self.date.daysInMonth(),\n            firstDay = moment(self.date).date(1).day() - this.dow;\n\n        if (firstDay < 0) firstDay = this.weekDays.length - 1;\n\n\n        var arr = [];\n        for (var i = 1; i <= (firstDay + days); i++) {\n            var day = null;\n            if (i > firstDay) {\n                day = {\n                    value: (i - firstDay),\n                    enabled: self.isDayEnabled(moment(self.date).date(i - firstDay).toDate())\n                };\n            }\n            arr.push(day);\n        }\n\n        return arr;\n    };\n\n    this.isDayEnabled = function (day) {\n        return (!this.minDate || this.minDate <= day) &&\n            (!this.maxDate || this.maxDate >= day) &&\n            (!self.dateFilter || !self.dateFilter(day));\n    };\n\n    this.selectDate = function (dom) {\n        self.date.date(dom);\n    };\n\n    this.nextMonth = function () {\n        self.date.add(1, 'months');\n    };\n\n    this.prevMonth = function () {\n        self.date.subtract(1, 'months');\n    };\n\n    this.updateDaysInMonth = function () {\n        self.daysInMonth = self.getDaysInMonth();\n    };\n\n    $scope.$watch(function () {\n        return self.date.unix()\n    }, function (newValue, oldValue) {\n        if (newValue && newValue !== oldValue)\n            self.updateDaysInMonth();\n    });\n\n    self.updateDaysInMonth();\n}\n\nmodule.directive(\"mdpCalendar\", [\"$animate\", function ($animate) {\n    return {\n        restrict: 'E',\n        bindToController: {\n            \"date\": \"=\",\n            \"minDate\": \"=\",\n            \"maxDate\": \"=\",\n            \"dateFilter\": \"=\"\n        },\n        template:   '<div class=\"mdp-calendar\">' +\n                        '<div layout=\"row\" layout-align=\"space-between center\">' +\n                            '<md-button aria-label=\"previous month\" class=\"md-icon-button\" ng-click=\"calendar.prevMonth()\"><md-icon md-svg-icon=\"mdp-chevron-left\"></md-icon></md-button>' +\n                                '<div class=\"mdp-calendar-monthyear\" ng-show=\"!calendar.animating\">{{ calendar.date.format(\"MMMM YYYY\") }}</div>' +\n                            '<md-button aria-label=\"next month\" class=\"md-icon-button\" ng-click=\"calendar.nextMonth()\"><md-icon md-svg-icon=\"mdp-chevron-right\"></md-icon></md-button>' +\n                        '</div>' +\n                        '<div layout=\"row\" layout-align=\"space-around center\" class=\"mdp-calendar-week-days\" ng-show=\"!calendar.animating\">' +\n                            '<div layout layout-align=\"center center\" ng-repeat=\"d in calendar.weekDays track by $index\">{{ d }}</div>' +\n                        '</div>' +\n                        '<div layout=\"row\" layout-align=\"start center\" layout-wrap class=\"mdp-calendar-days\" ng-class=\"{ \\'mdp-animate-next\\': calendar.animating }\" ng-show=\"!calendar.animating\" md-swipe-left=\"calendar.nextMonth()\" md-swipe-right=\"calendar.prevMonth()\">' +\n                            '<div layout layout-align=\"center center\" ng-repeat-start=\"day in calendar.daysInMonth track by $index\" ng-class=\"{ \\'mdp-day-placeholder\\': !day }\">' +\n                                '<md-button class=\"md-icon-button md-raised\" aria-label=\"Select day\" ng-if=\"day\" ng-class=\"{ \\'md-accent\\': calendar.date.date() == day.value }\" ng-click=\"calendar.selectDate(day.value)\" ng-disabled=\"!day.enabled\">{{ day.value }}</md-button>' +\n                            '</div>' +\n                            '<div flex=\"100\" ng-if=\"($index + 1) % 7 == 0\" ng-repeat-end></div>' +\n                        '</div>' +\n                    '</div>',\n        controller: [\"$scope\", CalendarCtrl],\n        controllerAs: \"calendar\",\n        link: function (scope, element, attrs, ctrl) {\n            var animElements = [\n                element[0].querySelector(\".mdp-calendar-week-days\"),\n                element[0].querySelector('.mdp-calendar-days'),\n                element[0].querySelector('.mdp-calendar-monthyear')\n            ].map(function (a) {\n                return angular.element(a);\n            });\n\n            scope.$watch(function () {\n                return ctrl.date.format(\"YYYYMM\")\n            }, function (newValue, oldValue) {\n                var direction = null;\n\n                if (newValue > oldValue)\n                    direction = \"mdp-animate-next\";\n                else if (newValue < oldValue)\n                    direction = \"mdp-animate-prev\";\n\n                if (direction) {\n                    for (var i in animElements) {\n                        animElements[i].addClass(direction);\n                        $animate.removeClass(animElements[i], direction);\n                    }\n                }\n            });\n        }\n    }\n}]);\n\nfunction formatValidator(value, format) {\n    return !value || angular.isDate(value) || moment(value, format, true).isValid();\n}\n\nfunction minDateValidator(value, format, minDate) {\n    var minDate = moment(minDate, \"YYYY-MM-DD\", true);\n    var date = angular.isDate(value) ? moment(value) : moment(value, format, true);\n\n    return !value ||\n        angular.isDate(value) || !minDate.isValid() ||\n        date.isSameOrAfter(minDate);\n}\n\nfunction maxDateValidator(value, format, maxDate) {\n    var maxDate = moment(maxDate, \"YYYY-MM-DD\", true);\n    var date = angular.isDate(value) ? moment(value) : moment(value, format, true);\n\n    return !value ||\n        angular.isDate(value) || !maxDate.isValid() ||\n        date.isSameOrBefore(maxDate);\n}\n\nfunction filterValidator(value, format, filter) {\n    var date = angular.isDate(value) ? moment(value) : moment(value, format, true);\n\n    return !value ||\n        angular.isDate(value) || !angular.isFunction(filter) || !filter(date);\n}\n\nfunction requiredValidator(value, ngModel) {\n    return value\n}\n\nmodule.directive(\"mdpDatePicker\", [\"$mdpDatePicker\", \"$timeout\", function ($mdpDatePicker, $timeout) {\n    return {\n        restrict: 'E',\n        require: 'ngModel',\n        transclude: true,\n        template: function (element, attrs) {\n            var noFloat = angular.isDefined(attrs.mdpNoFloat),\n                placeholder = angular.isDefined(attrs.mdpPlaceholder) ? attrs.mdpPlaceholder : \"\",\n                openOnClick = angular.isDefined(attrs.mdpOpenOnClick) ? true : false;\n\n            return '<div layout layout-align=\"start start\">' +\n                '<md-button' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled=\"disabled\"' : '') + ' class=\"md-icon-button\" ng-click=\"showPicker($event)\">' +\n                '<md-icon md-svg-icon=\"mdp-event\"></md-icon>' +\n                '</md-button>' +\n                '<md-input-container' + (noFloat ? ' md-no-float' : '') + ' md-is-error=\"isError()\">' +\n                '<input type=\"{{ ::type }}\"' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled=\"disabled\"' : '') + ' aria-label=\"' + placeholder + '\" placeholder=\"' + placeholder + '\"' + (openOnClick ? ' ng-click=\"showPicker($event)\" ' : '') + ' />' +\n                '</md-input-container>' +\n                '</div>';\n        },\n        scope: {\n            \"minDate\": \"=mdpMinDate\",\n            \"maxDate\": \"=mdpMaxDate\",\n            \"dateFilter\": \"=mdpDateFilter\",\n            \"dateFormat\": \"@mdpFormat\",\n            \"placeholder\": \"@mdpPlaceholder\",\n            \"noFloat\": \"=mdpNoFloat\",\n            \"openOnClick\": \"=mdpOpenOnClick\",\n            \"disabled\": \"=?mdpDisabled\",\n            \"dialogAccent\": \"=?mdpDialogAccent\"\n        },\n        link: {\n            pre: function (scope, element, attrs, ngModel, $transclude) {\n\n            },\n            post: function (scope, element, attrs, ngModel, $transclude) {\n                var inputElement = angular.element(element[0].querySelector('input')),\n                    inputContainer = angular.element(element[0].querySelector('md-input-container')),\n                    inputContainerCtrl = inputContainer.controller(\"mdInputContainer\");\n\n                $transclude(function (clone) {\n                    inputContainer.append(clone);\n                });\n\n                var messages = angular.element(inputContainer[0].querySelector(\"[ng-messages]\"));\n\n                scope.type = scope.dateFormat ? \"text\" : \"date\"\n                scope.dateFormat = scope.dateFormat || \"YYYY-MM-DD\";\n                scope.model = ngModel;\n                scope.dialogAccent = scope.dialogAccent || false;\n\n                scope.isError = function () {\n                    return !ngModel.$pristine && !!ngModel.$invalid;\n                };\n\n                // update input element if model has changed\n                ngModel.$formatters.unshift(function (value) {\n                    var date = angular.isDate(value) && moment(value);\n                    if (date && date.isValid())\n                        updateInputElement(date.format(scope.dateFormat));\n                    else\n                        updateInputElement(null);\n                });\n\n                ngModel.$validators.format = function (modelValue, viewValue) {\n                    return formatValidator(viewValue, scope.dateFormat);\n                };\n\n                ngModel.$validators.minDate = function (modelValue, viewValue) {\n                    return minDateValidator(viewValue, scope.dateFormat, scope.minDate);\n                };\n\n                ngModel.$validators.maxDate = function (modelValue, viewValue) {\n                    return maxDateValidator(viewValue, scope.dateFormat, scope.maxDate);\n                };\n\n                ngModel.$validators.filter = function (modelValue, viewValue) {\n                    return filterValidator(viewValue, scope.dateFormat, scope.dateFilter);\n                };\n\n                ngModel.$validators.required = function (modelValue, viewValue) {\n                    return angular.isUndefined(attrs.required) || !ngModel.$isEmpty(modelValue) || !ngModel.$isEmpty(viewValue);\n                };\n\n                ngModel.$parsers.unshift(function (value) {\n                    var parsed = moment(value, scope.dateFormat, true);\n                    if (parsed.isValid()) {\n                        if (angular.isDate(ngModel.$modelValue)) {\n                            var originalModel = moment(ngModel.$modelValue);\n                            originalModel.year(parsed.year());\n                            originalModel.month(parsed.month());\n                            originalModel.date(parsed.date());\n\n                            parsed = originalModel;\n                        }\n                        return parsed.toDate();\n                    } else\n                        return null;\n                });\n\n                // update input element value\n                function updateInputElement(value) {\n                    inputElement[0].value = value;\n                    inputContainerCtrl.setHasValue(!ngModel.$isEmpty(value));\n                }\n\n                function updateDate(date) {\n                    var value = moment(date, angular.isDate(date) ? null : scope.dateFormat, true),\n                        strValue = value.format(scope.dateFormat);\n\n                    if (value.isValid()) {\n                        updateInputElement(strValue);\n                        ngModel.$setViewValue(strValue);\n                    } else {\n                        updateInputElement(date);\n                        ngModel.$setViewValue(date);\n                    }\n\n                    if (!ngModel.$pristine &&\n                        messages.hasClass(\"md-auto-hide\") &&\n                        inputContainer.hasClass(\"md-input-invalid\")) messages.removeClass(\"md-auto-hide\");\n\n                    ngModel.$render();\n                }\n\n                scope.showPicker = function (ev) {\n                    $mdpDatePicker(ngModel.$modelValue, {\n                        minDate: scope.minDate,\n                        maxDate: scope.maxDate,\n                        dateFilter: scope.dateFilter,\n                        targetEvent: ev,\n                        dialogAccent: scope.dialogAccent\n                    }).then(updateDate);\n                };\n\n                function onInputElementEvents(event) {\n                    if (event.target.value !== ngModel.$viewVaue)\n                        updateDate(event.target.value);\n                }\n\n                inputElement.on(\"reset input blur\", onInputElementEvents);\n\n                scope.$on(\"$destroy\", function () {\n                    inputElement.off(\"reset input blur\", onInputElementEvents);\n                });\n            }\n        }\n    };\n}]);\n\nmodule.directive(\"mdpDatePicker\", [\"$mdpDatePicker\", \"$timeout\", function ($mdpDatePicker, $timeout) {\n    return {\n        restrict: 'A',\n        require: 'ngModel',\n        scope: {\n            \"minDate\": \"@min\",\n            \"maxDate\": \"@max\",\n            \"dateFilter\": \"=mdpDateFilter\",\n            \"dateFormat\": \"@mdpFormat\",\n            \"dialogAccent\": \"=?mdpDialogAccent\"\n        },\n        link: function (scope, element, attrs, ngModel, $transclude) {\n            scope.dateFormat = scope.dateFormat || \"YYYY-MM-DD\";\n\n            ngModel.$validators.format = function (modelValue, viewValue) {\n                return formatValidator(viewValue, scope.format);\n            };\n\n            ngModel.$validators.minDate = function (modelValue, viewValue) {\n                return minDateValidator(viewValue, scope.format, scope.minDate);\n            };\n\n            ngModel.$validators.maxDate = function (modelValue, viewValue) {\n                return maxDateValidator(viewValue, scope.format, scope.maxDate);\n            };\n\n            ngModel.$validators.filter = function (modelValue, viewValue) {\n                return filterValidator(viewValue, scope.format, scope.dateFilter);\n            };\n\n            function showPicker(ev) {\n                $mdpDatePicker(ngModel.$modelValue, {\n                    minDate: scope.minDate,\n                    maxDate: scope.maxDate,\n                    dateFilter: scope.dateFilter,\n                    targetEvent: ev,\n                    dialogAccent: scope.dialogAccent\n                }).then(function (time) {\n                    ngModel.$setViewValue(moment(time).format(scope.format));\n                    ngModel.$render();\n                });\n            };\n\n            element.on(\"click\", showPicker);\n\n            scope.$on(\"$destroy\", function () {\n                element.off(\"click\", showPicker);\n            });\n        }\n    }\n}]);\n/* global moment, angular */\n\nfunction TimePickerCtrl($scope, $mdDialog, time, autoSwitch, $mdMedia, dialogAccent) {\n    var self = this;\n    this.VIEW_HOURS = 1;\n    this.VIEW_MINUTES = 2;\n    this.currentView = this.VIEW_HOURS;\n    this.time = moment(time);\n    this.autoSwitch = !!autoSwitch;\n    this.dialogAccent = dialogAccent;\n\n    this.clockHours = parseInt(this.time.format(\"h\"));\n    this.clockMinutes = parseInt(this.time.minutes());\n\n    $scope.$mdMedia = $mdMedia;\n\n    this.switchView = function () {\n        self.currentView = self.currentView == self.VIEW_HOURS ? self.VIEW_MINUTES : self.VIEW_HOURS;\n    };\n\n    this.setAM = function () {\n        if (self.time.hours() >= 12)\n            self.time.hour(self.time.hour() - 12);\n    };\n\n    this.setPM = function () {\n        if (self.time.hours() < 12)\n            self.time.hour(self.time.hour() + 12);\n    };\n\n    this.cancel = function () {\n        $mdDialog.cancel();\n    };\n\n    this.confirm = function () {\n        $mdDialog.hide(this.time.toDate());\n    };\n}\n\nfunction ClockCtrl($scope) {\n    var TYPE_HOURS = \"hours\";\n    var TYPE_MINUTES = \"minutes\";\n    var self = this;\n\n    this.STEP_DEG = 360 / 12;\n    this.steps = [];\n\n    this.CLOCK_TYPES = {\n        \"hours\": {\n            range: 12,\n        },\n        \"minutes\": {\n            range: 60,\n        }\n    }\n\n    this.getPointerStyle = function () {\n        var divider = 1;\n        switch (self.type) {\n            case TYPE_HOURS:\n                divider = 12;\n                break;\n            case TYPE_MINUTES:\n                divider = 60;\n                break;\n        }\n        var degrees = Math.round(self.selected * (360 / divider)) - 180;\n        return {\n            \"-webkit-transform\": \"rotate(\" + degrees + \"deg)\",\n            \"-ms-transform\": \"rotate(\" + degrees + \"deg)\",\n            \"transform\": \"rotate(\" + degrees + \"deg)\"\n        }\n    };\n\n    this.setTimeByDeg = function (deg) {\n        deg = deg >= 360 ? 0 : deg;\n        var divider = 0;\n        switch (self.type) {\n            case TYPE_HOURS:\n                divider = 12;\n                break;\n            case TYPE_MINUTES:\n                divider = 60;\n                break;\n        }\n\n        self.setTime(\n            Math.round(divider / 360 * deg)\n        );\n    };\n\n    this.setTime = function (time, type) {\n        this.selected = time;\n\n        switch (self.type) {\n            case TYPE_HOURS:\n                if (self.time.format(\"A\") == \"PM\") time += 12;\n                this.time.hours(time);\n                break;\n            case TYPE_MINUTES:\n                if (time > 59) time -= 60;\n                this.time.minutes(time);\n                break;\n        }\n\n    };\n\n    this.init = function () {\n        self.type = self.type || \"hours\";\n        switch (self.type) {\n            case TYPE_HOURS:\n                for (var i = 1; i <= 12; i++)\n                    self.steps.push(i);\n                self.selected = self.time.hours() || 0;\n                if (self.selected > 12) self.selected -= 12;\n\n                break;\n            case TYPE_MINUTES:\n                for (var i = 5; i <= 55; i += 5)\n                    self.steps.push(i);\n                self.steps.push(0);\n                self.selected = self.time.minutes() || 0;\n\n                break;\n        }\n    };\n\n    this.init();\n}\n\nmodule.directive(\"mdpClock\", [\"$animate\", \"$timeout\", function ($animate, $timeout) {\n    return {\n        restrict: 'E',\n        bindToController: {\n            'type': '@?',\n            'time': '=',\n            'autoSwitch': '=?',\n            'dialogAccent': '='\n        },\n        replace: true,\n        template:   '<div class=\"mdp-clock\">' +\n                        '<div class=\"mdp-clock-container\">' +\n                            '<md-toolbar class=\"mdp-clock-center md-primary\"></md-toolbar>' +\n                            '<md-toolbar ng-style=\"clock.getPointerStyle()\" class=\"mdp-pointer md-primary\">' +\n                                '<span class=\"mdp-clock-selected md-button md-raised md-primary\"></span>' +\n                            '</md-toolbar>' +\n                            '<md-button ng-class=\"{ \\'md-primary\\': clock.selected == step, \\'md-accent\\': clock.selected == step && clock.dialogAccent }\" class=\"md-icon-button md-raised mdp-clock-deg{{ ::(clock.STEP_DEG * ($index + 1)) }}\" ng-repeat=\"step in clock.steps\" ng-click=\"clock.setTime(step)\">{{ step }}</md-button>' +\n                        '</div>' +\n                    '</div>',\n        controller: [\"$scope\", ClockCtrl],\n        controllerAs: \"clock\",\n        link: function (scope, element, attrs, ctrl) {\n            var pointer = angular.element(element[0].querySelector(\".mdp-pointer\")),\n                timepickerCtrl = scope.$parent.timepicker;\n\n            var onEvent = function (event) {\n                var containerCoords = event.currentTarget.getClientRects()[0];\n                var x = ((event.currentTarget.offsetWidth / 2) - (event.pageX - containerCoords.left)),\n                    y = ((event.pageY - containerCoords.top) - (event.currentTarget.offsetHeight / 2));\n\n                var deg = Math.round((Math.atan2(x, y) * (180 / Math.PI)));\n                $timeout(function () {\n                    ctrl.setTimeByDeg(deg + 180);\n                    if (ctrl.autoSwitch && [\"mouseup\", \"click\"].indexOf(event.type) !== -1 && timepickerCtrl) timepickerCtrl.switchView();\n                });\n            };\n\n            element.on(\"mousedown\", function () {\n                element.on(\"mousemove\", onEvent);\n            });\n\n            element.on(\"mouseup\", function (e) {\n                element.off(\"mousemove\");\n            });\n\n            element.on(\"click\", onEvent);\n            scope.$on(\"$destroy\", function () {\n                element.off(\"click\", onEvent);\n                element.off(\"mousemove\", onEvent);\n            });\n        }\n    }\n}]);\n\nmodule.provider(\"$mdpTimePicker\", function () {\n    var LABEL_OK = \"OK\",\n        LABEL_CANCEL = \"Cancel\";\n\n    this.setOKButtonLabel = function (label) {\n        LABEL_OK = label;\n    };\n\n    this.setCancelButtonLabel = function (label) {\n        LABEL_CANCEL = label;\n    };\n\n    this.$get = [\"$mdDialog\", function ($mdDialog) {\n        var timePicker = function (time, options) {\n            if (!angular.isDate(time)) time = Date.now();\n            if (!angular.isObject(options)) options = {};\n\n            return $mdDialog.show({\n                controller: ['$scope', '$mdDialog', 'time', 'autoSwitch', '$mdMedia', 'dialogAccent', TimePickerCtrl],\n                controllerAs: 'timepicker',\n                clickOutsideToClose: true,\n                template:   '<md-dialog aria-label=\"\" class=\"mdp-timepicker\" ng-class=\"{ \\'portrait\\': !$mdMedia(\\'gt-xs\\') }\">' +\n                                '<md-dialog-content layout-gt-xs=\"row\" layout-wrap>' +\n                                '<md-toolbar layout-gt-xs=\"column\" layout-xs=\"row\" layout-align=\"center center\" flex class=\"mdp-timepicker-time md-hue-1 md-primary\" ng-class=\"{\\'md-accent\\': timepicker.dialogAccent}\">' +\n                                    '<div class=\"mdp-timepicker-selected-time\">' +\n                                        '<span ng-class=\"{ \\'active\\': timepicker.currentView == timepicker.VIEW_HOURS }\" ng-click=\"timepicker.currentView = timepicker.VIEW_HOURS\">{{ timepicker.time.format(\"h\") }}</span>:' +\n                                        '<span ng-class=\"{ \\'active\\': timepicker.currentView == timepicker.VIEW_MINUTES }\" ng-click=\"timepicker.currentView = timepicker.VIEW_MINUTES\">{{ timepicker.time.format(\"mm\") }}</span>' +\n                                    '</div>' +\n                                    '<div layout=\"column\" class=\"mdp-timepicker-selected-ampm\">' +\n                                        '<span ng-click=\"timepicker.setAM()\" ng-class=\"{ \\'active\\': timepicker.time.hours() < 12 }\">AM</span>' +\n                                        '<span ng-click=\"timepicker.setPM()\" ng-class=\"{ \\'active\\': timepicker.time.hours() >= 12 }\">PM</span>' +\n                                    '</div>' +\n                                '</md-toolbar>' +\n                                '<div>' +\n                                    '<div class=\"mdp-clock-switch-container\" ng-switch=\"timepicker.currentView\" layout layout-align=\"center center\">' +\n                                        '<mdp-clock class=\"mdp-animation-zoom\" auto-switch=\"timepicker.autoSwitch\" time=\"timepicker.time\" type=\"hours\" ng-switch-when=\"1\" dialog-accent=\"timepicker.dialogAccent\"></mdp-clock>' +\n                                        '<mdp-clock class=\"mdp-animation-zoom\" auto-switch=\"timepicker.autoSwitch\" time=\"timepicker.time\" type=\"minutes\" ng-switch-when=\"2\" dialog-accent=\"timepicker.dialogAccent\"></mdp-clock>' +\n                                    '</div>' +\n\n                                    '<md-dialog-actions layout=\"row\">' +\n                                        '<span flex></span>' +\n                                        '<md-button ng-click=\"timepicker.cancel()\" aria-label=\"' + LABEL_CANCEL + '\">' + LABEL_CANCEL + '</md-button>' +\n                                        '<md-button ng-click=\"timepicker.confirm()\" class=\"md-primary\" aria-label=\"' + LABEL_OK + '\">' + LABEL_OK + '</md-button>' +\n                                    '</md-dialog-actions>' +\n                                '</div>' +\n                                '</md-dialog-content>' +\n                            '</md-dialog>',\n                targetEvent: options.targetEvent,\n                locals: {\n                    time: time,\n                    autoSwitch: options.autoSwitch,\n                    dialogAccent: options.dialogAccent\n                },\n                skipHide: true\n            });\n        };\n\n        return timePicker;\n    }];\n});\n\nmodule.directive(\"mdpTimePicker\", [\"$mdpTimePicker\", \"$timeout\", function ($mdpTimePicker, $timeout) {\n    return {\n        restrict: 'E',\n        require: 'ngModel',\n        transclude: true,\n        template: function (element, attrs) {\n            var noFloat = angular.isDefined(attrs.mdpNoFloat),\n                placeholder = angular.isDefined(attrs.mdpPlaceholder) ? attrs.mdpPlaceholder : \"\",\n                openOnClick = angular.isDefined(attrs.mdpOpenOnClick) ? true : false;\n\n            return  '<div layout layout-align=\"start start\">' +\n                        '<md-button class=\"md-icon-button\" ng-click=\"showPicker($event)\"' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled=\"disabled\"' : '') + '>' +\n                            '<md-icon md-svg-icon=\"mdp-access-time\"></md-icon>' +\n                        '</md-button>' +\n                        '<md-input-container' + (noFloat ? ' md-no-float' : '') + ' md-is-error=\"isError()\">' +\n                            '<input type=\"{{ ::type }}\"' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled=\"disabled\"' : '') + ' aria-label=\"' + placeholder + '\" placeholder=\"' + placeholder + '\"' + (openOnClick ? ' ng-click=\"showPicker($event)\" ' : '') + ' />' +\n                        '</md-input-container>' +\n                    '</div>';\n        },\n        scope: {\n            \"timeFormat\": \"@mdpFormat\",\n            \"placeholder\": \"@mdpPlaceholder\",\n            \"autoSwitch\": \"=?mdpAutoSwitch\",\n            \"disabled\": \"=?mdpDisabled\",\n            \"dialogAccent\": \"=?mdpDialogAccent\"\n        },\n        link: function (scope, element, attrs, ngModel, $transclude) {\n            var inputElement = angular.element(element[0].querySelector('input')),\n                inputContainer = angular.element(element[0].querySelector('md-input-container')),\n                inputContainerCtrl = inputContainer.controller(\"mdInputContainer\");\n\n            $transclude(function (clone) {\n                inputContainer.append(clone);\n            });\n\n            var messages = angular.element(inputContainer[0].querySelector(\"[ng-messages]\"));\n\n            scope.type = scope.timeFormat ? \"text\" : \"time\";\n            scope.timeFormat = scope.timeFormat || \"HH:mm\";\n            scope.autoSwitch = scope.autoSwitch || false;\n            scope.dialogAccent = scope.dialogAccent || false;\n\n            scope.$watch(function () {\n                return ngModel.$error\n            }, function (newValue, oldValue) {\n                inputContainerCtrl.setInvalid(!ngModel.$pristine && !!Object.keys(ngModel.$error).length);\n            }, true);\n\n            // update input element if model has changed\n            ngModel.$formatters.unshift(function (value) {\n                var time = angular.isDate(value) && moment(value);\n                if (time && time.isValid())\n                    updateInputElement(time.format(scope.timeFormat));\n                else\n                    updateInputElement(null);\n            });\n\n            ngModel.$validators.format = function (modelValue, viewValue) {\n                return !viewValue || angular.isDate(viewValue) || moment(viewValue, scope.timeFormat, true).isValid();\n            };\n\n            ngModel.$validators.required = function (modelValue, viewValue) {\n                return angular.isUndefined(attrs.required) || !ngModel.$isEmpty(modelValue) || !ngModel.$isEmpty(viewValue);\n            };\n\n            ngModel.$parsers.unshift(function (value) {\n                var parsed = moment(value, scope.timeFormat, true);\n                if (parsed.isValid()) {\n                    if (angular.isDate(ngModel.$modelValue)) {\n                        var originalModel = moment(ngModel.$modelValue);\n                        originalModel.minutes(parsed.minutes());\n                        originalModel.hours(parsed.hours());\n                        originalModel.seconds(parsed.seconds());\n\n                        parsed = originalModel;\n                    }\n                    return parsed.toDate();\n                } else\n                    return null;\n            });\n\n            // update input element value\n            function updateInputElement(value) {\n                inputElement[0].value = value;\n                inputContainerCtrl.setHasValue(!ngModel.$isEmpty(value));\n            }\n\n            function updateTime(time) {\n                var value = moment(time, angular.isDate(time) ? null : scope.timeFormat, true),\n                    strValue = value.format(scope.timeFormat);\n\n                if (value.isValid()) {\n                    updateInputElement(strValue);\n                    ngModel.$setViewValue(strValue);\n                } else {\n                    updateInputElement(time);\n                    ngModel.$setViewValue(time);\n                }\n\n                if (!ngModel.$pristine &&\n                    messages.hasClass(\"md-auto-hide\") &&\n                    inputContainer.hasClass(\"md-input-invalid\")) messages.removeClass(\"md-auto-hide\");\n\n                ngModel.$render();\n            }\n\n            scope.showPicker = function (ev) {\n                $mdpTimePicker(ngModel.$modelValue, {\n                    targetEvent: ev,\n                    autoSwitch: scope.autoSwitch,\n                    dialogAccent: scope.dialogAccent\n                }).then(function (time) {\n                    updateTime(time, true);\n                });\n            };\n\n            function onInputElementEvents(event) {\n                if (event.target.value !== ngModel.$viewVaue)\n                    updateTime(event.target.value);\n            }\n\n            inputElement.on(\"reset input blur\", onInputElementEvents);\n\n            scope.$on(\"$destroy\", function () {\n                inputElement.off(\"reset input blur\", onInputElementEvents);\n            })\n        }\n    };\n}]);\n\nmodule.directive(\"mdpTimePicker\", [\"$mdpTimePicker\", \"$timeout\", function ($mdpTimePicker, $timeout) {\n    return {\n        restrict: 'A',\n        require: 'ngModel',\n        scope: {\n            \"timeFormat\": \"@mdpFormat\",\n            \"autoSwitch\": \"=?mdpAutoSwitch\",\n            \"dialogAccent\": \"=?mdpDialogAccent\"\n        },\n        link: function (scope, element, attrs, ngModel, $transclude) {\n            scope.format = scope.format || \"HH:mm\";\n            function showPicker(ev) {\n                $mdpTimePicker(ngModel.$modelValue, {\n                    targetEvent: ev,\n                    autoSwitch: scope.autoSwitch,\n                    dialogAccent: scope.dialogAccent\n                }).then(function (time) {\n                    ngModel.$setViewValue(moment(time).format(scope.format));\n                    ngModel.$render();\n                });\n            };\n\n            element.on(\"click\", showPicker);\n\n            scope.$on(\"$destroy\", function () {\n                element.off(\"click\", showPicker);\n            });\n        }\n    }\n}]);\n\n})();"],"sourceRoot":"/source/"}
\ No newline at end of file
diff --git a/package.json b/package.json
index 2f5e9421..b17e2dfd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mdPickers",
-  "version": "0.7.5",
+  "version": "0.7.6",
   "description": "Material Design date/time pickers for Angular Material",
   "main": "index",
   "scripts": {
diff --git a/src/components/mdpDatePicker/mdpDatePicker.js b/src/components/mdpDatePicker/mdpDatePicker.js
index a4301812..5cc8391d 100644
--- a/src/components/mdpDatePicker/mdpDatePicker.js
+++ b/src/components/mdpDatePicker/mdpDatePicker.js
@@ -1,6 +1,6 @@
 /* global moment, angular */
 
-function DatePickerCtrl($scope, $mdDialog, $mdMedia, $timeout, currentDate, options) {
+function DatePickerCtrl($scope, $mdDialog, $mdMedia, $timeout, currentDate, options, dialogAccent) {
     var self = this;
 
     this.date = moment(currentDate);
@@ -9,38 +9,39 @@ function DatePickerCtrl($scope, $mdDialog, $mdMedia, $timeout, currentDate, opti
     this.displayFormat = options.displayFormat || "ddd, MMM DD";
     this.dateFilter = angular.isFunction(options.dateFilter) ? options.dateFilter : null;
     this.selectingYear = false;
-    
+    this.dialogAccent = dialogAccent;
+
     // validate min and max date
-	if (this.minDate && this.maxDate) {
-		if (this.maxDate.isBefore(this.minDate)) {
-			this.maxDate = moment(this.minDate).add(1, 'days');
-		}
-	}
-	
-	if (this.date) {
-		// check min date
-    	if (this.minDate && this.date.isBefore(this.minDate)) {
-			this.date = moment(this.minDate);
-    	}
-    	
-    	// check max date
-    	if (this.maxDate && this.date.isAfter(this.maxDate)) {
-			this.date = moment(this.maxDate);
-    	}
-	}
-	
-	this.yearItems = {
+    if (this.minDate && this.maxDate) {
+        if (this.maxDate.isBefore(this.minDate)) {
+            this.maxDate = moment(this.minDate).add(1, 'days');
+        }
+    }
+
+    if (this.date) {
+        // check min date
+        if (this.minDate && this.date.isBefore(this.minDate)) {
+            this.date = moment(this.minDate);
+        }
+
+        // check max date
+        if (this.maxDate && this.date.isAfter(this.maxDate)) {
+            this.date = moment(this.maxDate);
+        }
+    }
+
+    this.yearItems = {
         currentIndex_: 0,
         PAGE_SIZE: 5,
         START: (self.minDate ? self.minDate.year() : 1900),
         END: (self.maxDate ? self.maxDate.year() : 0),
-        getItemAtIndex: function(index) {
-        	if(this.currentIndex_ < index)
+        getItemAtIndex: function (index) {
+            if (this.currentIndex_ < index)
                 this.currentIndex_ = index;
-        	
-        	return this.START + index;
+
+            return this.START + index;
         },
-        getLength: function() {
+        getLength: function () {
             return Math.min(
                 this.currentIndex_ + Math.floor(this.PAGE_SIZE / 2),
                 Math.abs(this.START - this.END) + 1
@@ -51,184 +52,187 @@ function DatePickerCtrl($scope, $mdDialog, $mdMedia, $timeout, currentDate, opti
     $scope.$mdMedia = $mdMedia;
     $scope.year = this.date.year();
 
-	this.selectYear = function(year) {
+    this.selectYear = function (year) {
         self.date.year(year);
         $scope.year = year;
         self.selectingYear = false;
         self.animate();
     };
-    
-    this.showYear = function() { 
+
+    this.showYear = function () {
         self.yearTopIndex = (self.date.year() - self.yearItems.START) + Math.floor(self.yearItems.PAGE_SIZE / 2);
         self.yearItems.currentIndex_ = (self.date.year() - self.yearItems.START) + 1;
         self.selectingYear = true;
     };
-    
-    this.showCalendar = function() {
+
+    this.showCalendar = function () {
         self.selectingYear = false;
     };
 
-    this.cancel = function() {
+    this.cancel = function () {
         $mdDialog.cancel();
     };
 
-    this.confirm = function() {
-    	var date = this.date;
-    	
-    	if (this.minDate && this.date.isBefore(this.minDate)) {
-    		date = moment(this.minDate);
-    	}
-    	
-    	if (this.maxDate && this.date.isAfter(this.maxDate)) {
-    		date = moment(this.maxDate);
-    	}  	
-    	
+    this.confirm = function () {
+        var date = this.date;
+
+        if (this.minDate && this.date.isBefore(this.minDate)) {
+            date = moment(this.minDate);
+        }
+
+        if (this.maxDate && this.date.isAfter(this.maxDate)) {
+            date = moment(this.maxDate);
+        }
+
         $mdDialog.hide(date.toDate());
     };
-    
-    this.animate = function() {
+
+    this.animate = function () {
         self.animating = true;
-        $timeout(angular.noop).then(function() {
+        $timeout(angular.noop).then(function () {
             self.animating = false;
-        })  
+        })
     };
 }
 
-module.provider("$mdpDatePicker", function() {
+module.provider("$mdpDatePicker", function () {
     var LABEL_OK = "OK",
         LABEL_CANCEL = "Cancel",
         DISPLAY_FORMAT = "ddd, MMM DD";
-        
-    this.setDisplayFormat = function(format) {
-        DISPLAY_FORMAT = format;    
+
+    this.setDisplayFormat = function (format) {
+        DISPLAY_FORMAT = format;
     };
-        
-    this.setOKButtonLabel = function(label) {
+
+    this.setOKButtonLabel = function (label) {
         LABEL_OK = label;
     };
-    
-    this.setCancelButtonLabel = function(label) {
+
+    this.setCancelButtonLabel = function (label) {
         LABEL_CANCEL = label;
     };
-    
-    this.$get = ["$mdDialog", function($mdDialog) {
-        var datePicker = function(currentDate, options) {
+
+    this.$get = ["$mdDialog", function ($mdDialog) {
+        var datePicker = function (currentDate, options) {
             if (!angular.isDate(currentDate)) currentDate = Date.now();
             if (!angular.isObject(options)) options = {};
-            
+
             options.displayFormat = DISPLAY_FORMAT;
-    
+
             return $mdDialog.show({
-                controller:  ['$scope', '$mdDialog', '$mdMedia', '$timeout', 'currentDate', 'options', DatePickerCtrl],
+                controller: ['$scope', '$mdDialog', '$mdMedia', '$timeout', 'currentDate', 'options', 'dialogAccent', DatePickerCtrl],
                 controllerAs: 'datepicker',
                 clickOutsideToClose: true,
-                template: '<md-dialog aria-label="" class="mdp-datepicker" ng-class="{ \'portrait\': !$mdMedia(\'gt-xs\') }">' +
-                            '<md-dialog-content layout="row" layout-wrap>' +
-                                '<div layout="column" layout-align="start center">' +
-                                    '<md-toolbar layout-align="start start" flex class="mdp-datepicker-date-wrapper md-hue-1 md-primary" layout="column">' +
-                                        '<span class="mdp-datepicker-year" ng-click="datepicker.showYear()" ng-class="{ \'active\': datepicker.selectingYear }">{{ datepicker.date.format(\'YYYY\') }}</span>' +
-                                        '<span class="mdp-datepicker-date" ng-click="datepicker.showCalendar()" ng-class="{ \'active\': !datepicker.selectingYear }">{{ datepicker.date.format(datepicker.displayFormat) }}</span> ' +
-                                    '</md-toolbar>' + 
-                                '</div>' +  
-                                '<div>' + 
-                                    '<div class="mdp-datepicker-select-year mdp-animation-zoom" layout="column" layout-align="center start" ng-if="datepicker.selectingYear">' +
-                                        '<md-virtual-repeat-container md-auto-shrink md-top-index="datepicker.yearTopIndex">' +
-                                            '<div flex md-virtual-repeat="item in datepicker.yearItems" md-on-demand class="repeated-year">' +
-                                                '<span class="md-button" ng-click="datepicker.selectYear(item)" md-ink-ripple ng-class="{ \'md-primary current\': item == year }">{{ item }}</span>' +
-                                            '</div>' +
-                                        '</md-virtual-repeat-container>' +
+                template:   '<md-dialog aria-label="" class="mdp-datepicker" ng-class="{ \'portrait\': !$mdMedia(\'gt-xs\') }">' +
+                                '<md-dialog-content layout="row" layout-wrap>' +
+                                    '<div layout="column" layout-align="start center">' +
+                                        '<md-toolbar layout-align="start start" flex class="mdp-datepicker-date-wrapper md-hue-1 md-primary" layout="column" ng-class="{\'md-accent\': datepicker.dialogAccent}">' +
+                                            '<span class="mdp-datepicker-year" ng-click="datepicker.showYear()" ng-class="{ \'active\': datepicker.selectingYear }">{{ datepicker.date.format(\'YYYY\') }}</span>' +
+                                            '<span class="mdp-datepicker-date" ng-click="datepicker.showCalendar()" ng-class="{ \'active\': !datepicker.selectingYear }">{{ datepicker.date.format(datepicker.displayFormat) }}</span> ' +
+                                        '</md-toolbar>' +
+                                    '</div>' +
+                                    '<div>' +
+                                        '<div class="mdp-datepicker-select-year mdp-animation-zoom" layout="column" layout-align="center start" ng-if="datepicker.selectingYear">' +
+                                            '<md-virtual-repeat-container md-auto-shrink md-top-index="datepicker.yearTopIndex">' +
+                                                '<div flex md-virtual-repeat="item in datepicker.yearItems" md-on-demand class="repeated-year">' +
+                                                    '<span class="md-button" ng-click="datepicker.selectYear(item)" md-ink-ripple ng-class="{ \'md-primary current\': item == year, \'md-accent\': item == year && datepicker.dialogAccent }">{{ item }}</span>' +
+                                                '</div>' +
+                                            '</md-virtual-repeat-container>' +
+                                        '</div>' +
+                                        '<mdp-calendar ng-if="!datepicker.selectingYear" class="mdp-animation-zoom" date="datepicker.date" min-date="datepicker.minDate" date-filter="datepicker.dateFilter" max-date="datepicker.maxDate"></mdp-calendar>' +
+                                            '<md-dialog-actions layout="row">' +
+                                                '<span flex></span>' +
+                                                '<md-button ng-click="datepicker.cancel()" aria-label="' + LABEL_CANCEL + '">' + LABEL_CANCEL + '</md-button>' +
+                                                '<md-button ng-click="datepicker.confirm()" class="md-primary" aria-label="' + LABEL_OK + '">' + LABEL_OK + '</md-button>' +
+                                            '</md-dialog-actions>' +
                                     '</div>' +
-                                    '<mdp-calendar ng-if="!datepicker.selectingYear" class="mdp-animation-zoom" date="datepicker.date" min-date="datepicker.minDate" date-filter="datepicker.dateFilter" max-date="datepicker.maxDate"></mdp-calendar>' +
-                                    '<md-dialog-actions layout="row">' +
-                                    	'<span flex></span>' +
-                                        '<md-button ng-click="datepicker.cancel()" aria-label="' + LABEL_CANCEL + '">' + LABEL_CANCEL + '</md-button>' +
-                                        '<md-button ng-click="datepicker.confirm()" class="md-primary" aria-label="' + LABEL_OK + '">' + LABEL_OK + '</md-button>' +
-                                    '</md-dialog-actions>' +
-                                '</div>' +
-                            '</md-dialog-content>' +
-                        '</md-dialog>',
+                                '</md-dialog-content>' +
+                            '</md-dialog>',
                 targetEvent: options.targetEvent,
                 locals: {
                     currentDate: currentDate,
-                    options: options
+                    options: options,
+                    dialogAccent: options.dialogAccent
                 },
                 skipHide: true
             });
         };
-    
+
         return datePicker;
     }];
 });
 
 function CalendarCtrl($scope) {
-	var self = this;
-	this.dow = moment.localeData().firstDayOfWeek();
-	
+    var self = this;
+    this.dow = moment.localeData().firstDayOfWeek();
+
     this.weekDays = [].concat(
         moment.weekdaysMin().slice(
             this.dow
         ),
         moment.weekdaysMin().slice(
-            0, 
+            0,
             this.dow
         )
     );
-    
+
     this.daysInMonth = [];
-    
-    this.getDaysInMonth = function() {
+
+    this.getDaysInMonth = function () {
         var days = self.date.daysInMonth(),
             firstDay = moment(self.date).date(1).day() - this.dow;
-            
-        if(firstDay < 0) firstDay = this.weekDays.length - 1;
-            
+
+        if (firstDay < 0) firstDay = this.weekDays.length - 1;
+
 
         var arr = [];
-        for(var i = 1; i <= (firstDay + days); i++) {
+        for (var i = 1; i <= (firstDay + days); i++) {
             var day = null;
-            if(i > firstDay) {
-                day =  {
+            if (i > firstDay) {
+                day = {
                     value: (i - firstDay),
                     enabled: self.isDayEnabled(moment(self.date).date(i - firstDay).toDate())
                 };
             }
             arr.push(day);
         }
- 
+
         return arr;
     };
-    
-    this.isDayEnabled = function(day) {
-        return (!this.minDate || this.minDate <= day) && 
-            (!this.maxDate || this.maxDate >= day) && 
+
+    this.isDayEnabled = function (day) {
+        return (!this.minDate || this.minDate <= day) &&
+            (!this.maxDate || this.maxDate >= day) &&
             (!self.dateFilter || !self.dateFilter(day));
     };
-    
-    this.selectDate = function(dom) {
+
+    this.selectDate = function (dom) {
         self.date.date(dom);
     };
 
-    this.nextMonth = function() {
+    this.nextMonth = function () {
         self.date.add(1, 'months');
     };
 
-    this.prevMonth = function() {
+    this.prevMonth = function () {
         self.date.subtract(1, 'months');
     };
-    
-    this.updateDaysInMonth = function() {
+
+    this.updateDaysInMonth = function () {
         self.daysInMonth = self.getDaysInMonth();
     };
-    
-    $scope.$watch(function() { return  self.date.unix() }, function(newValue, oldValue) {
-        if(newValue && newValue !== oldValue)
+
+    $scope.$watch(function () {
+        return self.date.unix()
+    }, function (newValue, oldValue) {
+        if (newValue && newValue !== oldValue)
             self.updateDaysInMonth();
-    })
-    
+    });
+
     self.updateDaysInMonth();
 }
 
-module.directive("mdpCalendar", ["$animate", function($animate) {
+module.directive("mdpCalendar", ["$animate", function ($animate) {
     return {
         restrict: 'E',
         bindToController: {
@@ -237,43 +241,45 @@ module.directive("mdpCalendar", ["$animate", function($animate) {
             "maxDate": "=",
             "dateFilter": "="
         },
-        template: '<div class="mdp-calendar">' +
-                    '<div layout="row" layout-align="space-between center">' +
-                        '<md-button aria-label="previous month" class="md-icon-button" ng-click="calendar.prevMonth()"><md-icon md-svg-icon="mdp-chevron-left"></md-icon></md-button>' +
-                        '<div class="mdp-calendar-monthyear" ng-show="!calendar.animating">{{ calendar.date.format("MMMM YYYY") }}</div>' +
-                        '<md-button aria-label="next month" class="md-icon-button" ng-click="calendar.nextMonth()"><md-icon md-svg-icon="mdp-chevron-right"></md-icon></md-button>' +
-                    '</div>' +
-                    '<div layout="row" layout-align="space-around center" class="mdp-calendar-week-days" ng-show="!calendar.animating">' +
-                        '<div layout layout-align="center center" ng-repeat="d in calendar.weekDays track by $index">{{ d }}</div>' +
-                    '</div>' +
-                    '<div layout="row" layout-align="start center" layout-wrap class="mdp-calendar-days" ng-class="{ \'mdp-animate-next\': calendar.animating }" ng-show="!calendar.animating" md-swipe-left="calendar.nextMonth()" md-swipe-right="calendar.prevMonth()">' +
-                        '<div layout layout-align="center center" ng-repeat-start="day in calendar.daysInMonth track by $index" ng-class="{ \'mdp-day-placeholder\': !day }">' +
-                            '<md-button class="md-icon-button md-raised" aria-label="Select day" ng-if="day" ng-class="{ \'md-accent\': calendar.date.date() == day.value }" ng-click="calendar.selectDate(day.value)" ng-disabled="!day.enabled">{{ day.value }}</md-button>' +
+        template:   '<div class="mdp-calendar">' +
+                        '<div layout="row" layout-align="space-between center">' +
+                            '<md-button aria-label="previous month" class="md-icon-button" ng-click="calendar.prevMonth()"><md-icon md-svg-icon="mdp-chevron-left"></md-icon></md-button>' +
+                                '<div class="mdp-calendar-monthyear" ng-show="!calendar.animating">{{ calendar.date.format("MMMM YYYY") }}</div>' +
+                            '<md-button aria-label="next month" class="md-icon-button" ng-click="calendar.nextMonth()"><md-icon md-svg-icon="mdp-chevron-right"></md-icon></md-button>' +
+                        '</div>' +
+                        '<div layout="row" layout-align="space-around center" class="mdp-calendar-week-days" ng-show="!calendar.animating">' +
+                            '<div layout layout-align="center center" ng-repeat="d in calendar.weekDays track by $index">{{ d }}</div>' +
+                        '</div>' +
+                        '<div layout="row" layout-align="start center" layout-wrap class="mdp-calendar-days" ng-class="{ \'mdp-animate-next\': calendar.animating }" ng-show="!calendar.animating" md-swipe-left="calendar.nextMonth()" md-swipe-right="calendar.prevMonth()">' +
+                            '<div layout layout-align="center center" ng-repeat-start="day in calendar.daysInMonth track by $index" ng-class="{ \'mdp-day-placeholder\': !day }">' +
+                                '<md-button class="md-icon-button md-raised" aria-label="Select day" ng-if="day" ng-class="{ \'md-accent\': calendar.date.date() == day.value }" ng-click="calendar.selectDate(day.value)" ng-disabled="!day.enabled">{{ day.value }}</md-button>' +
+                            '</div>' +
+                            '<div flex="100" ng-if="($index + 1) % 7 == 0" ng-repeat-end></div>' +
                         '</div>' +
-                        '<div flex="100" ng-if="($index + 1) % 7 == 0" ng-repeat-end></div>' +
-                    '</div>' +
-                '</div>',
+                    '</div>',
         controller: ["$scope", CalendarCtrl],
         controllerAs: "calendar",
-        link: function(scope, element, attrs, ctrl) {
+        link: function (scope, element, attrs, ctrl) {
             var animElements = [
                 element[0].querySelector(".mdp-calendar-week-days"),
                 element[0].querySelector('.mdp-calendar-days'),
                 element[0].querySelector('.mdp-calendar-monthyear')
-            ].map(function(a) {
-               return angular.element(a); 
+            ].map(function (a) {
+                return angular.element(a);
             });
-                
-            scope.$watch(function() { return  ctrl.date.format("YYYYMM") }, function(newValue, oldValue) {
+
+            scope.$watch(function () {
+                return ctrl.date.format("YYYYMM")
+            }, function (newValue, oldValue) {
                 var direction = null;
-                
-                if(newValue > oldValue)
+
+                if (newValue > oldValue)
                     direction = "mdp-animate-next";
-                else if(newValue < oldValue)
+                else if (newValue < oldValue)
                     direction = "mdp-animate-prev";
-                
-                if(direction) {
-                    for(var i in animElements) {
+
+                if (direction) {
+                    for (var i in animElements) {
                         animElements[i].addClass(direction);
                         $animate.removeClass(animElements[i], direction);
                     }
@@ -289,54 +295,50 @@ function formatValidator(value, format) {
 
 function minDateValidator(value, format, minDate) {
     var minDate = moment(minDate, "YYYY-MM-DD", true);
-    var date = angular.isDate(value) ? moment(value) :  moment(value, format, true);
-    
-    return !value || 
-            angular.isDate(value) || 
-            !minDate.isValid() || 
-            date.isSameOrAfter(minDate);
+    var date = angular.isDate(value) ? moment(value) : moment(value, format, true);
+
+    return !value ||
+        angular.isDate(value) || !minDate.isValid() ||
+        date.isSameOrAfter(minDate);
 }
 
 function maxDateValidator(value, format, maxDate) {
     var maxDate = moment(maxDate, "YYYY-MM-DD", true);
-    var date = angular.isDate(value) ? moment(value) :  moment(value, format, true);
-    
-    return !value || 
-            angular.isDate(value) || 
-            !maxDate.isValid() || 
-            date.isSameOrBefore(maxDate);
+    var date = angular.isDate(value) ? moment(value) : moment(value, format, true);
+
+    return !value ||
+        angular.isDate(value) || !maxDate.isValid() ||
+        date.isSameOrBefore(maxDate);
 }
 
 function filterValidator(value, format, filter) {
-    var date = angular.isDate(value) ? moment(value) :  moment(value, format, true);
-                
-    return !value || 
-            angular.isDate(value) || 
-            !angular.isFunction(filter) || 
-            !filter(date);
+    var date = angular.isDate(value) ? moment(value) : moment(value, format, true);
+
+    return !value ||
+        angular.isDate(value) || !angular.isFunction(filter) || !filter(date);
 }
 
 function requiredValidator(value, ngModel) {
     return value
 }
 
-module.directive("mdpDatePicker", ["$mdpDatePicker", "$timeout", function($mdpDatePicker, $timeout) {
-    return  {
+module.directive("mdpDatePicker", ["$mdpDatePicker", "$timeout", function ($mdpDatePicker, $timeout) {
+    return {
         restrict: 'E',
         require: 'ngModel',
         transclude: true,
-        template: function(element, attrs) {
+        template: function (element, attrs) {
             var noFloat = angular.isDefined(attrs.mdpNoFloat),
                 placeholder = angular.isDefined(attrs.mdpPlaceholder) ? attrs.mdpPlaceholder : "",
                 openOnClick = angular.isDefined(attrs.mdpOpenOnClick) ? true : false;
-            
+
             return '<div layout layout-align="start start">' +
-                    '<md-button' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled="disabled"' : '') + ' class="md-icon-button" ng-click="showPicker($event)">' +
-                        '<md-icon md-svg-icon="mdp-event"></md-icon>' +
-                    '</md-button>' +
-                    '<md-input-container' + (noFloat ? ' md-no-float' : '') + ' md-is-error="isError()">' +
-                        '<input type="{{ ::type }}"' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled="disabled"' : '') + ' aria-label="' + placeholder + '" placeholder="' + placeholder + '"' + (openOnClick ? ' ng-click="showPicker($event)" ' : '') + ' />' +
-                    '</md-input-container>' +
+                '<md-button' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled="disabled"' : '') + ' class="md-icon-button" ng-click="showPicker($event)">' +
+                '<md-icon md-svg-icon="mdp-event"></md-icon>' +
+                '</md-button>' +
+                '<md-input-container' + (noFloat ? ' md-no-float' : '') + ' md-is-error="isError()">' +
+                '<input type="{{ ::type }}"' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled="disabled"' : '') + ' aria-label="' + placeholder + '" placeholder="' + placeholder + '"' + (openOnClick ? ' ng-click="showPicker($event)" ' : '') + ' />' +
+                '</md-input-container>' +
                 '</div>';
         },
         scope: {
@@ -347,118 +349,121 @@ module.directive("mdpDatePicker", ["$mdpDatePicker", "$timeout", function($mdpDa
             "placeholder": "@mdpPlaceholder",
             "noFloat": "=mdpNoFloat",
             "openOnClick": "=mdpOpenOnClick",
-            "disabled": "=?mdpDisabled"
+            "disabled": "=?mdpDisabled",
+            "dialogAccent": "=?mdpDialogAccent"
         },
         link: {
-            pre: function(scope, element, attrs, ngModel, $transclude) {
-                
+            pre: function (scope, element, attrs, ngModel, $transclude) {
+
             },
-            post: function(scope, element, attrs, ngModel, $transclude) {
+            post: function (scope, element, attrs, ngModel, $transclude) {
                 var inputElement = angular.element(element[0].querySelector('input')),
                     inputContainer = angular.element(element[0].querySelector('md-input-container')),
                     inputContainerCtrl = inputContainer.controller("mdInputContainer");
-                    
-                $transclude(function(clone) {
-                   inputContainer.append(clone); 
-                });  
-                
+
+                $transclude(function (clone) {
+                    inputContainer.append(clone);
+                });
+
                 var messages = angular.element(inputContainer[0].querySelector("[ng-messages]"));
-                
+
                 scope.type = scope.dateFormat ? "text" : "date"
                 scope.dateFormat = scope.dateFormat || "YYYY-MM-DD";
                 scope.model = ngModel;
-                
-                scope.isError = function() {
+                scope.dialogAccent = scope.dialogAccent || false;
+
+                scope.isError = function () {
                     return !ngModel.$pristine && !!ngModel.$invalid;
                 };
-                
+
                 // update input element if model has changed
-                ngModel.$formatters.unshift(function(value) {
+                ngModel.$formatters.unshift(function (value) {
                     var date = angular.isDate(value) && moment(value);
-                    if(date && date.isValid()) 
+                    if (date && date.isValid())
                         updateInputElement(date.format(scope.dateFormat));
                     else
                         updateInputElement(null);
                 });
-                
-                ngModel.$validators.format = function(modelValue, viewValue) {
+
+                ngModel.$validators.format = function (modelValue, viewValue) {
                     return formatValidator(viewValue, scope.dateFormat);
                 };
-                
-                ngModel.$validators.minDate = function(modelValue, viewValue) {
+
+                ngModel.$validators.minDate = function (modelValue, viewValue) {
                     return minDateValidator(viewValue, scope.dateFormat, scope.minDate);
                 };
-                
-                ngModel.$validators.maxDate = function(modelValue, viewValue) {
+
+                ngModel.$validators.maxDate = function (modelValue, viewValue) {
                     return maxDateValidator(viewValue, scope.dateFormat, scope.maxDate);
                 };
-                
-                ngModel.$validators.filter = function(modelValue, viewValue) {
+
+                ngModel.$validators.filter = function (modelValue, viewValue) {
                     return filterValidator(viewValue, scope.dateFormat, scope.dateFilter);
                 };
-                
-                ngModel.$validators.required = function(modelValue, viewValue) {
+
+                ngModel.$validators.required = function (modelValue, viewValue) {
                     return angular.isUndefined(attrs.required) || !ngModel.$isEmpty(modelValue) || !ngModel.$isEmpty(viewValue);
                 };
-                
-                ngModel.$parsers.unshift(function(value) {
+
+                ngModel.$parsers.unshift(function (value) {
                     var parsed = moment(value, scope.dateFormat, true);
-                    if(parsed.isValid()) {
-                        if(angular.isDate(ngModel.$modelValue)) {
+                    if (parsed.isValid()) {
+                        if (angular.isDate(ngModel.$modelValue)) {
                             var originalModel = moment(ngModel.$modelValue);
                             originalModel.year(parsed.year());
                             originalModel.month(parsed.month());
                             originalModel.date(parsed.date());
-                            
+
                             parsed = originalModel;
                         }
-                        return parsed.toDate(); 
+                        return parsed.toDate();
                     } else
                         return null;
                 });
-                
+
                 // update input element value
                 function updateInputElement(value) {
                     inputElement[0].value = value;
                     inputContainerCtrl.setHasValue(!ngModel.$isEmpty(value));
                 }
-                
+
                 function updateDate(date) {
                     var value = moment(date, angular.isDate(date) ? null : scope.dateFormat, true),
                         strValue = value.format(scope.dateFormat);
-    
-                    if(value.isValid()) {
+
+                    if (value.isValid()) {
                         updateInputElement(strValue);
                         ngModel.$setViewValue(strValue);
                     } else {
                         updateInputElement(date);
                         ngModel.$setViewValue(date);
                     }
-                    
-                    if(!ngModel.$pristine && 
-                        messages.hasClass("md-auto-hide") && 
+
+                    if (!ngModel.$pristine &&
+                        messages.hasClass("md-auto-hide") &&
                         inputContainer.hasClass("md-input-invalid")) messages.removeClass("md-auto-hide");
-    
+
                     ngModel.$render();
                 }
-                    
-                scope.showPicker = function(ev) {
+
+                scope.showPicker = function (ev) {
                     $mdpDatePicker(ngModel.$modelValue, {
-                	    minDate: scope.minDate, 
-                	    maxDate: scope.maxDate,
-                	    dateFilter: scope.dateFilter,
-                	    targetEvent: ev
-            	    }).then(updateDate);
+                        minDate: scope.minDate,
+                        maxDate: scope.maxDate,
+                        dateFilter: scope.dateFilter,
+                        targetEvent: ev,
+                        dialogAccent: scope.dialogAccent
+                    }).then(updateDate);
                 };
-                
+
                 function onInputElementEvents(event) {
-                    if(event.target.value !== ngModel.$viewVaue)
+                    if (event.target.value !== ngModel.$viewVaue)
                         updateDate(event.target.value);
                 }
-                
+
                 inputElement.on("reset input blur", onInputElementEvents);
-                
-                scope.$on("$destroy", function() {
+
+                scope.$on("$destroy", function () {
                     inputElement.off("reset input blur", onInputElementEvents);
                 });
             }
@@ -466,9 +471,8 @@ module.directive("mdpDatePicker", ["$mdpDatePicker", "$timeout", function($mdpDa
     };
 }]);
 
-
-module.directive("mdpDatePicker", ["$mdpDatePicker", "$timeout", function($mdpDatePicker, $timeout) {
-    return  {
+module.directive("mdpDatePicker", ["$mdpDatePicker", "$timeout", function ($mdpDatePicker, $timeout) {
+    return {
         restrict: 'A',
         require: 'ngModel',
         scope: {
@@ -476,41 +480,43 @@ module.directive("mdpDatePicker", ["$mdpDatePicker", "$timeout", function($mdpDa
             "maxDate": "@max",
             "dateFilter": "=mdpDateFilter",
             "dateFormat": "@mdpFormat",
+            "dialogAccent": "=?mdpDialogAccent"
         },
-        link: function(scope, element, attrs, ngModel, $transclude) {
+        link: function (scope, element, attrs, ngModel, $transclude) {
             scope.dateFormat = scope.dateFormat || "YYYY-MM-DD";
-            
-            ngModel.$validators.format = function(modelValue, viewValue) {
+
+            ngModel.$validators.format = function (modelValue, viewValue) {
                 return formatValidator(viewValue, scope.format);
             };
-            
-            ngModel.$validators.minDate = function(modelValue, viewValue) {
+
+            ngModel.$validators.minDate = function (modelValue, viewValue) {
                 return minDateValidator(viewValue, scope.format, scope.minDate);
             };
-            
-            ngModel.$validators.maxDate = function(modelValue, viewValue) {
+
+            ngModel.$validators.maxDate = function (modelValue, viewValue) {
                 return maxDateValidator(viewValue, scope.format, scope.maxDate);
             };
-            
-            ngModel.$validators.filter = function(modelValue, viewValue) {
+
+            ngModel.$validators.filter = function (modelValue, viewValue) {
                 return filterValidator(viewValue, scope.format, scope.dateFilter);
             };
-            
+
             function showPicker(ev) {
                 $mdpDatePicker(ngModel.$modelValue, {
-            	    minDate: scope.minDate, 
-            	    maxDate: scope.maxDate,
-            	    dateFilter: scope.dateFilter,
-            	    targetEvent: ev
-        	    }).then(function(time) {
+                    minDate: scope.minDate,
+                    maxDate: scope.maxDate,
+                    dateFilter: scope.dateFilter,
+                    targetEvent: ev,
+                    dialogAccent: scope.dialogAccent
+                }).then(function (time) {
                     ngModel.$setViewValue(moment(time).format(scope.format));
                     ngModel.$render();
                 });
             };
-            
+
             element.on("click", showPicker);
-            
-            scope.$on("$destroy", function() {
+
+            scope.$on("$destroy", function () {
                 element.off("click", showPicker);
             });
         }
diff --git a/src/components/mdpTimePicker/mdpTimePicker.js b/src/components/mdpTimePicker/mdpTimePicker.js
index 249ea008..9ba665b2 100644
--- a/src/components/mdpTimePicker/mdpTimePicker.js
+++ b/src/components/mdpTimePicker/mdpTimePicker.js
@@ -1,37 +1,38 @@
 /* global moment, angular */
 
-function TimePickerCtrl($scope, $mdDialog, time, autoSwitch, $mdMedia) {
-	var self = this;
+function TimePickerCtrl($scope, $mdDialog, time, autoSwitch, $mdMedia, dialogAccent) {
+    var self = this;
     this.VIEW_HOURS = 1;
     this.VIEW_MINUTES = 2;
     this.currentView = this.VIEW_HOURS;
     this.time = moment(time);
     this.autoSwitch = !!autoSwitch;
-    
+    this.dialogAccent = dialogAccent;
+
     this.clockHours = parseInt(this.time.format("h"));
     this.clockMinutes = parseInt(this.time.minutes());
-    
-	$scope.$mdMedia = $mdMedia;
-	
-	this.switchView = function() {
-	    self.currentView = self.currentView == self.VIEW_HOURS ? self.VIEW_MINUTES : self.VIEW_HOURS;
-	};
-    
-	this.setAM = function() {
-        if(self.time.hours() >= 12)
+
+    $scope.$mdMedia = $mdMedia;
+
+    this.switchView = function () {
+        self.currentView = self.currentView == self.VIEW_HOURS ? self.VIEW_MINUTES : self.VIEW_HOURS;
+    };
+
+    this.setAM = function () {
+        if (self.time.hours() >= 12)
             self.time.hour(self.time.hour() - 12);
-	};
-    
-    this.setPM = function() {
-        if(self.time.hours() < 12)
+    };
+
+    this.setPM = function () {
+        if (self.time.hours() < 12)
             self.time.hour(self.time.hour() + 12);
-	};
-    
-    this.cancel = function() {
+    };
+
+    this.cancel = function () {
         $mdDialog.cancel();
     };
 
-    this.confirm = function() {
+    this.confirm = function () {
         $mdDialog.hide(this.time.toDate());
     };
 }
@@ -40,10 +41,10 @@ function ClockCtrl($scope) {
     var TYPE_HOURS = "hours";
     var TYPE_MINUTES = "minutes";
     var self = this;
-    
+
     this.STEP_DEG = 360 / 12;
     this.steps = [];
-    
+
     this.CLOCK_TYPES = {
         "hours": {
             range: 12,
@@ -52,342 +53,351 @@ function ClockCtrl($scope) {
             range: 60,
         }
     }
-    
-    this.getPointerStyle = function() {
+
+    this.getPointerStyle = function () {
         var divider = 1;
-        switch(self.type) {
+        switch (self.type) {
             case TYPE_HOURS:
                 divider = 12;
                 break;
             case TYPE_MINUTES:
                 divider = 60;
                 break;
-        }  
+        }
         var degrees = Math.round(self.selected * (360 / divider)) - 180;
-        return { 
+        return {
             "-webkit-transform": "rotate(" + degrees + "deg)",
             "-ms-transform": "rotate(" + degrees + "deg)",
             "transform": "rotate(" + degrees + "deg)"
         }
     };
-    
-    this.setTimeByDeg = function(deg) {
+
+    this.setTimeByDeg = function (deg) {
         deg = deg >= 360 ? 0 : deg;
         var divider = 0;
-        switch(self.type) {
+        switch (self.type) {
             case TYPE_HOURS:
                 divider = 12;
                 break;
             case TYPE_MINUTES:
                 divider = 60;
                 break;
-        }  
-        
+        }
+
         self.setTime(
             Math.round(divider / 360 * deg)
         );
     };
-    
-    this.setTime = function(time, type) {
+
+    this.setTime = function (time, type) {
         this.selected = time;
-        
-        switch(self.type) {
+
+        switch (self.type) {
             case TYPE_HOURS:
-                if(self.time.format("A") == "PM") time += 12;
+                if (self.time.format("A") == "PM") time += 12;
                 this.time.hours(time);
                 break;
             case TYPE_MINUTES:
-                if(time > 59) time -= 60;
+                if (time > 59) time -= 60;
                 this.time.minutes(time);
                 break;
         }
-        
+
     };
-    
-    this.init = function() {
+
+    this.init = function () {
         self.type = self.type || "hours";
-        switch(self.type) {
+        switch (self.type) {
             case TYPE_HOURS:
-                for(var i = 1; i <= 12; i++)
+                for (var i = 1; i <= 12; i++)
                     self.steps.push(i);
                 self.selected = self.time.hours() || 0;
-                if(self.selected > 12) self.selected -= 12;
-                    
+                if (self.selected > 12) self.selected -= 12;
+
                 break;
             case TYPE_MINUTES:
-                for(var i = 5; i <= 55; i+=5)
+                for (var i = 5; i <= 55; i += 5)
                     self.steps.push(i);
                 self.steps.push(0);
                 self.selected = self.time.minutes() || 0;
-                
+
                 break;
         }
     };
-    
+
     this.init();
 }
 
-module.directive("mdpClock", ["$animate", "$timeout", function($animate, $timeout) {
+module.directive("mdpClock", ["$animate", "$timeout", function ($animate, $timeout) {
     return {
         restrict: 'E',
         bindToController: {
             'type': '@?',
             'time': '=',
-            'autoSwitch': '=?'
+            'autoSwitch': '=?',
+            'dialogAccent': '='
         },
         replace: true,
-        template: '<div class="mdp-clock">' +
+        template:   '<div class="mdp-clock">' +
                         '<div class="mdp-clock-container">' +
                             '<md-toolbar class="mdp-clock-center md-primary"></md-toolbar>' +
                             '<md-toolbar ng-style="clock.getPointerStyle()" class="mdp-pointer md-primary">' +
                                 '<span class="mdp-clock-selected md-button md-raised md-primary"></span>' +
                             '</md-toolbar>' +
-                            '<md-button ng-class="{ \'md-primary\': clock.selected == step }" class="md-icon-button md-raised mdp-clock-deg{{ ::(clock.STEP_DEG * ($index + 1)) }}" ng-repeat="step in clock.steps" ng-click="clock.setTime(step)">{{ step }}</md-button>' +
+                            '<md-button ng-class="{ \'md-primary\': clock.selected == step, \'md-accent\': clock.selected == step && clock.dialogAccent }" class="md-icon-button md-raised mdp-clock-deg{{ ::(clock.STEP_DEG * ($index + 1)) }}" ng-repeat="step in clock.steps" ng-click="clock.setTime(step)">{{ step }}</md-button>' +
                         '</div>' +
                     '</div>',
         controller: ["$scope", ClockCtrl],
         controllerAs: "clock",
-        link: function(scope, element, attrs, ctrl) {
+        link: function (scope, element, attrs, ctrl) {
             var pointer = angular.element(element[0].querySelector(".mdp-pointer")),
                 timepickerCtrl = scope.$parent.timepicker;
-            
-            var onEvent = function(event) {
+
+            var onEvent = function (event) {
                 var containerCoords = event.currentTarget.getClientRects()[0];
                 var x = ((event.currentTarget.offsetWidth / 2) - (event.pageX - containerCoords.left)),
                     y = ((event.pageY - containerCoords.top) - (event.currentTarget.offsetHeight / 2));
 
                 var deg = Math.round((Math.atan2(x, y) * (180 / Math.PI)));
-                $timeout(function() {
+                $timeout(function () {
                     ctrl.setTimeByDeg(deg + 180);
-                    if(ctrl.autoSwitch && ["mouseup", "click"].indexOf(event.type) !== -1 && timepickerCtrl) timepickerCtrl.switchView();
+                    if (ctrl.autoSwitch && ["mouseup", "click"].indexOf(event.type) !== -1 && timepickerCtrl) timepickerCtrl.switchView();
                 });
-            }; 
-            
-            element.on("mousedown", function() {
-               element.on("mousemove", onEvent);
+            };
+
+            element.on("mousedown", function () {
+                element.on("mousemove", onEvent);
             });
-            
-            element.on("mouseup", function(e) {
+
+            element.on("mouseup", function (e) {
                 element.off("mousemove");
             });
-            
+
             element.on("click", onEvent);
-            scope.$on("$destroy", function() {
+            scope.$on("$destroy", function () {
                 element.off("click", onEvent);
-                element.off("mousemove", onEvent); 
+                element.off("mousemove", onEvent);
             });
         }
     }
 }]);
 
-module.provider("$mdpTimePicker", function() {
+module.provider("$mdpTimePicker", function () {
     var LABEL_OK = "OK",
         LABEL_CANCEL = "Cancel";
-        
-    this.setOKButtonLabel = function(label) {
+
+    this.setOKButtonLabel = function (label) {
         LABEL_OK = label;
     };
-    
-    this.setCancelButtonLabel = function(label) {
+
+    this.setCancelButtonLabel = function (label) {
         LABEL_CANCEL = label;
     };
-    
-    this.$get = ["$mdDialog", function($mdDialog) {
-        var timePicker = function(time, options) {
-            if(!angular.isDate(time)) time = Date.now();
+
+    this.$get = ["$mdDialog", function ($mdDialog) {
+        var timePicker = function (time, options) {
+            if (!angular.isDate(time)) time = Date.now();
             if (!angular.isObject(options)) options = {};
-    
+
             return $mdDialog.show({
-                controller:  ['$scope', '$mdDialog', 'time', 'autoSwitch', '$mdMedia', TimePickerCtrl],
+                controller: ['$scope', '$mdDialog', 'time', 'autoSwitch', '$mdMedia', 'dialogAccent', TimePickerCtrl],
                 controllerAs: 'timepicker',
                 clickOutsideToClose: true,
-                template: '<md-dialog aria-label="" class="mdp-timepicker" ng-class="{ \'portrait\': !$mdMedia(\'gt-xs\') }">' +
-                            '<md-dialog-content layout-gt-xs="row" layout-wrap>' +
-                                '<md-toolbar layout-gt-xs="column" layout-xs="row" layout-align="center center" flex class="mdp-timepicker-time md-hue-1 md-primary">' +
+                template:   '<md-dialog aria-label="" class="mdp-timepicker" ng-class="{ \'portrait\': !$mdMedia(\'gt-xs\') }">' +
+                                '<md-dialog-content layout-gt-xs="row" layout-wrap>' +
+                                '<md-toolbar layout-gt-xs="column" layout-xs="row" layout-align="center center" flex class="mdp-timepicker-time md-hue-1 md-primary" ng-class="{\'md-accent\': timepicker.dialogAccent}">' +
                                     '<div class="mdp-timepicker-selected-time">' +
-                                        '<span ng-class="{ \'active\': timepicker.currentView == timepicker.VIEW_HOURS }" ng-click="timepicker.currentView = timepicker.VIEW_HOURS">{{ timepicker.time.format("h") }}</span>:' + 
+                                        '<span ng-class="{ \'active\': timepicker.currentView == timepicker.VIEW_HOURS }" ng-click="timepicker.currentView = timepicker.VIEW_HOURS">{{ timepicker.time.format("h") }}</span>:' +
                                         '<span ng-class="{ \'active\': timepicker.currentView == timepicker.VIEW_MINUTES }" ng-click="timepicker.currentView = timepicker.VIEW_MINUTES">{{ timepicker.time.format("mm") }}</span>' +
                                     '</div>' +
-                                    '<div layout="column" class="mdp-timepicker-selected-ampm">' + 
+                                    '<div layout="column" class="mdp-timepicker-selected-ampm">' +
                                         '<span ng-click="timepicker.setAM()" ng-class="{ \'active\': timepicker.time.hours() < 12 }">AM</span>' +
                                         '<span ng-click="timepicker.setPM()" ng-class="{ \'active\': timepicker.time.hours() >= 12 }">PM</span>' +
-                                    '</div>' + 
+                                    '</div>' +
                                 '</md-toolbar>' +
                                 '<div>' +
                                     '<div class="mdp-clock-switch-container" ng-switch="timepicker.currentView" layout layout-align="center center">' +
-	                                    '<mdp-clock class="mdp-animation-zoom" auto-switch="timepicker.autoSwitch" time="timepicker.time" type="hours" ng-switch-when="1"></mdp-clock>' +
-	                                    '<mdp-clock class="mdp-animation-zoom" auto-switch="timepicker.autoSwitch" time="timepicker.time" type="minutes" ng-switch-when="2"></mdp-clock>' +
+                                        '<mdp-clock class="mdp-animation-zoom" auto-switch="timepicker.autoSwitch" time="timepicker.time" type="hours" ng-switch-when="1" dialog-accent="timepicker.dialogAccent"></mdp-clock>' +
+                                        '<mdp-clock class="mdp-animation-zoom" auto-switch="timepicker.autoSwitch" time="timepicker.time" type="minutes" ng-switch-when="2" dialog-accent="timepicker.dialogAccent"></mdp-clock>' +
                                     '</div>' +
-                                    
+
                                     '<md-dialog-actions layout="row">' +
-	                                	'<span flex></span>' +
+                                        '<span flex></span>' +
                                         '<md-button ng-click="timepicker.cancel()" aria-label="' + LABEL_CANCEL + '">' + LABEL_CANCEL + '</md-button>' +
                                         '<md-button ng-click="timepicker.confirm()" class="md-primary" aria-label="' + LABEL_OK + '">' + LABEL_OK + '</md-button>' +
                                     '</md-dialog-actions>' +
                                 '</div>' +
-                            '</md-dialog-content>' +
-                        '</md-dialog>',
+                                '</md-dialog-content>' +
+                            '</md-dialog>',
                 targetEvent: options.targetEvent,
                 locals: {
                     time: time,
-                    autoSwitch: options.autoSwitch
+                    autoSwitch: options.autoSwitch,
+                    dialogAccent: options.dialogAccent
                 },
                 skipHide: true
             });
         };
-    
+
         return timePicker;
     }];
 });
 
-module.directive("mdpTimePicker", ["$mdpTimePicker", "$timeout", function($mdpTimePicker, $timeout) {
-    return  {
+module.directive("mdpTimePicker", ["$mdpTimePicker", "$timeout", function ($mdpTimePicker, $timeout) {
+    return {
         restrict: 'E',
         require: 'ngModel',
         transclude: true,
-        template: function(element, attrs) {
+        template: function (element, attrs) {
             var noFloat = angular.isDefined(attrs.mdpNoFloat),
                 placeholder = angular.isDefined(attrs.mdpPlaceholder) ? attrs.mdpPlaceholder : "",
                 openOnClick = angular.isDefined(attrs.mdpOpenOnClick) ? true : false;
-            
-            return '<div layout layout-align="start start">' +
-                    '<md-button class="md-icon-button" ng-click="showPicker($event)"' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled="disabled"' : '') + '>' +
-                        '<md-icon md-svg-icon="mdp-access-time"></md-icon>' +
-                    '</md-button>' +
-                    '<md-input-container' + (noFloat ? ' md-no-float' : '') + ' md-is-error="isError()">' +
-                        '<input type="{{ ::type }}"' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled="disabled"' : '') + ' aria-label="' + placeholder + '" placeholder="' + placeholder + '"' + (openOnClick ? ' ng-click="showPicker($event)" ' : '') + ' />' +
-                    '</md-input-container>' +
-                '</div>';
+
+            return  '<div layout layout-align="start start">' +
+                        '<md-button class="md-icon-button" ng-click="showPicker($event)"' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled="disabled"' : '') + '>' +
+                            '<md-icon md-svg-icon="mdp-access-time"></md-icon>' +
+                        '</md-button>' +
+                        '<md-input-container' + (noFloat ? ' md-no-float' : '') + ' md-is-error="isError()">' +
+                            '<input type="{{ ::type }}"' + (angular.isDefined(attrs.mdpDisabled) ? ' ng-disabled="disabled"' : '') + ' aria-label="' + placeholder + '" placeholder="' + placeholder + '"' + (openOnClick ? ' ng-click="showPicker($event)" ' : '') + ' />' +
+                        '</md-input-container>' +
+                    '</div>';
         },
         scope: {
             "timeFormat": "@mdpFormat",
             "placeholder": "@mdpPlaceholder",
             "autoSwitch": "=?mdpAutoSwitch",
-            "disabled": "=?mdpDisabled"
+            "disabled": "=?mdpDisabled",
+            "dialogAccent": "=?mdpDialogAccent"
         },
-        link: function(scope, element, attrs, ngModel, $transclude) {
+        link: function (scope, element, attrs, ngModel, $transclude) {
             var inputElement = angular.element(element[0].querySelector('input')),
                 inputContainer = angular.element(element[0].querySelector('md-input-container')),
                 inputContainerCtrl = inputContainer.controller("mdInputContainer");
-                
-            $transclude(function(clone) {
-               inputContainer.append(clone); 
+
+            $transclude(function (clone) {
+                inputContainer.append(clone);
             });
-            
+
             var messages = angular.element(inputContainer[0].querySelector("[ng-messages]"));
-            
-            scope.type = scope.timeFormat ? "text" : "time"
+
+            scope.type = scope.timeFormat ? "text" : "time";
             scope.timeFormat = scope.timeFormat || "HH:mm";
             scope.autoSwitch = scope.autoSwitch || false;
-            
-            scope.$watch(function() { return ngModel.$error }, function(newValue, oldValue) {
+            scope.dialogAccent = scope.dialogAccent || false;
+
+            scope.$watch(function () {
+                return ngModel.$error
+            }, function (newValue, oldValue) {
                 inputContainerCtrl.setInvalid(!ngModel.$pristine && !!Object.keys(ngModel.$error).length);
             }, true);
-            
+
             // update input element if model has changed
-            ngModel.$formatters.unshift(function(value) {
+            ngModel.$formatters.unshift(function (value) {
                 var time = angular.isDate(value) && moment(value);
-                if(time && time.isValid()) 
+                if (time && time.isValid())
                     updateInputElement(time.format(scope.timeFormat));
                 else
                     updateInputElement(null);
             });
-            
-            ngModel.$validators.format = function(modelValue, viewValue) {
+
+            ngModel.$validators.format = function (modelValue, viewValue) {
                 return !viewValue || angular.isDate(viewValue) || moment(viewValue, scope.timeFormat, true).isValid();
             };
-            
-            ngModel.$validators.required = function(modelValue, viewValue) {
+
+            ngModel.$validators.required = function (modelValue, viewValue) {
                 return angular.isUndefined(attrs.required) || !ngModel.$isEmpty(modelValue) || !ngModel.$isEmpty(viewValue);
             };
-            
-            ngModel.$parsers.unshift(function(value) {
+
+            ngModel.$parsers.unshift(function (value) {
                 var parsed = moment(value, scope.timeFormat, true);
-                if(parsed.isValid()) {
-                    if(angular.isDate(ngModel.$modelValue)) {
+                if (parsed.isValid()) {
+                    if (angular.isDate(ngModel.$modelValue)) {
                         var originalModel = moment(ngModel.$modelValue);
                         originalModel.minutes(parsed.minutes());
                         originalModel.hours(parsed.hours());
                         originalModel.seconds(parsed.seconds());
-                        
+
                         parsed = originalModel;
                     }
-                    return parsed.toDate(); 
+                    return parsed.toDate();
                 } else
                     return null;
             });
-            
+
             // update input element value
             function updateInputElement(value) {
                 inputElement[0].value = value;
                 inputContainerCtrl.setHasValue(!ngModel.$isEmpty(value));
             }
-            
+
             function updateTime(time) {
                 var value = moment(time, angular.isDate(time) ? null : scope.timeFormat, true),
                     strValue = value.format(scope.timeFormat);
 
-                if(value.isValid()) {
+                if (value.isValid()) {
                     updateInputElement(strValue);
                     ngModel.$setViewValue(strValue);
                 } else {
                     updateInputElement(time);
                     ngModel.$setViewValue(time);
                 }
-                
-                if(!ngModel.$pristine && 
-                    messages.hasClass("md-auto-hide") && 
+
+                if (!ngModel.$pristine &&
+                    messages.hasClass("md-auto-hide") &&
                     inputContainer.hasClass("md-input-invalid")) messages.removeClass("md-auto-hide");
-                
+
                 ngModel.$render();
             }
-                
-            scope.showPicker = function(ev) {
+
+            scope.showPicker = function (ev) {
                 $mdpTimePicker(ngModel.$modelValue, {
                     targetEvent: ev,
-                    autoSwitch: scope.autoSwitch
-                }).then(function(time) {
+                    autoSwitch: scope.autoSwitch,
+                    dialogAccent: scope.dialogAccent
+                }).then(function (time) {
                     updateTime(time, true);
                 });
             };
-            
+
             function onInputElementEvents(event) {
-                if(event.target.value !== ngModel.$viewVaue)
+                if (event.target.value !== ngModel.$viewVaue)
                     updateTime(event.target.value);
             }
-            
+
             inputElement.on("reset input blur", onInputElementEvents);
-            
-            scope.$on("$destroy", function() {
+
+            scope.$on("$destroy", function () {
                 inputElement.off("reset input blur", onInputElementEvents);
             })
         }
     };
 }]);
 
-module.directive("mdpTimePicker", ["$mdpTimePicker", "$timeout", function($mdpTimePicker, $timeout) {
-    return  {
+module.directive("mdpTimePicker", ["$mdpTimePicker", "$timeout", function ($mdpTimePicker, $timeout) {
+    return {
         restrict: 'A',
         require: 'ngModel',
         scope: {
             "timeFormat": "@mdpFormat",
             "autoSwitch": "=?mdpAutoSwitch",
+            "dialogAccent": "=?mdpDialogAccent"
         },
-        link: function(scope, element, attrs, ngModel, $transclude) {
+        link: function (scope, element, attrs, ngModel, $transclude) {
             scope.format = scope.format || "HH:mm";
             function showPicker(ev) {
                 $mdpTimePicker(ngModel.$modelValue, {
                     targetEvent: ev,
-                    autoSwitch: scope.autoSwitch
-                }).then(function(time) {
+                    autoSwitch: scope.autoSwitch,
+                    dialogAccent: scope.dialogAccent
+                }).then(function (time) {
                     ngModel.$setViewValue(moment(time).format(scope.format));
                     ngModel.$render();
                 });
             };
-            
+
             element.on("click", showPicker);
-            
-            scope.$on("$destroy", function() {
+
+            scope.$on("$destroy", function () {
                 element.off("click", showPicker);
             });
         }