Merge pull request #10 from aloysiusan/time_step

Added minuteStep attribute

Author: g1eb

src/datetime-input.html

@@ -46,11 +46,11 @@
       </div>
       <div class="timer-divider">:</div>
       <div class="timer-minutes"
-        scroll-up="update(selected.clone().add(1, 'minutes'))"
-        scroll-down="update(selected.clone().subtract(1, 'minutes'))">
-        <div class="arrow arrow-up" ng-click="update(selected.clone().add(1, 'minutes'))"></div>
+        scroll-up="update(selected.clone().add(minuteStep, 'minutes'))"
+        scroll-down="update(selected.clone().subtract(minuteStep, 'minutes'))">
+        <div class="arrow arrow-up" ng-click="update(selected.clone().add(minuteStep, 'minutes'))"></div>
         <span ng-bind="selected.format('mm')"></span>
-        <div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, 'minutes'))"></div>
+        <div class="arrow arrow-down" ng-click="update(selected.clone().subtract(minuteStep, 'minutes'))"></div>
       </div>
       <div class="timer-divider">:</div>
       <div class="timer-seconds"

src/datetime-input.js

@@ -12,6 +12,7 @@ directive('datetimeInput', ['$document', '$timeout', function ($document, $timeo
       format: '=?',
       minDate:'=?',
       maxDate:'=?',
+      minuteStep:'=?',
       onChange: '&',
       placeholder: '@',
       cssClass:'@',
@@ -23,6 +24,9 @@ directive('datetimeInput', ['$document', '$timeout', function ($document, $timeo
         pre: function preLink() {},
         post: function postLink(scope, element) {
 
+          if(!scope.minuteStep){
+            scope.minuteStep = 1;
+          }
           // Get current date
           scope.current = moment();
 

src/time-input.html

@@ -17,11 +17,11 @@
       </div>
       <div class="timer-divider">:</div>
       <div class="timer-minutes"
-        scroll-up="update(selected.clone().add(1, 'minutes'))"
-        scroll-down="update(selected.clone().subtract(1, 'minutes'))">
-        <div class="arrow arrow-up" ng-click="update(selected.clone().add(1, 'minutes'))"></div>
+        scroll-up="update(selected.clone().add(minuteStep, 'minutes'))"
+        scroll-down="update(selected.clone().subtract(minuteStep, 'minutes'))">
+        <div class="arrow arrow-up" ng-click="update(selected.clone().add(minuteStep, 'minutes'))"></div>
         <span ng-bind="selected.format('mm')"></span>
-        <div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, 'minutes'))"></div>
+        <div class="arrow arrow-down" ng-click="update(selected.clone().subtract(minuteStep, 'minutes'))"></div>
       </div>
       <div class="timer-divider">:</div>
       <div class="timer-seconds"

src/time-input.js

@@ -12,6 +12,7 @@ directive('timeInput', ['$document', '$timeout', function ($document, $timeout)
       format: '=?',
       minDate:'=?',
       maxDate:'=?',
+      minuteStep : '=?',
       onChange: '&',
       placeholder: '@',
       cssClass:'@',
@@ -23,6 +24,10 @@ directive('timeInput', ['$document', '$timeout', function ($document, $timeout)
         pre: function preLink() {},
         post: function postLink(scope, element) {
 
+          if(!scope.minuteStep){
+            scope.minuteStep = 1;
+          }
+
           // Convert time object to moment.js if its not a moment object yet
           if ( scope.time && !scope.time._isAMomentObject ) {
             scope.time = moment(scope.time, scope.format);