Added hour/minute/scroll step size to scroll controls.

Author: g1eb

src/datetime-input.html

@@ -38,24 +38,24 @@
     </div>
     <div class="timer">
       <div class="timer-hours"
-        scroll-up="update(selected.clone().add(1, 'hours'))"
-        scroll-down="update(selected.clone().subtract(1, 'hours'))">
+        scroll-up="update(selected.clone().add(hourStep || 1, 'hours'))"
+        scroll-down="update(selected.clone().subtract(hourStep || 1, 'hours'))">
         <div class="arrow arrow-up" ng-click="update(selected.clone().add(hourStep || 1, 'hours'))"></div>
         <span ng-bind="selected.format('HH')"></span>
         <div class="arrow arrow-down" ng-click="update(selected.clone().subtract(hourStep || 1, 'hours'))"></div>
       </div>
       <div class="timer-divider">:</div>
       <div class="timer-minutes"
-        scroll-up="update(selected.clone().add(minuteStep, 'minutes'))"
-        scroll-down="update(selected.clone().subtract(minuteStep, 'minutes'))">
+        scroll-up="update(selected.clone().add(minuteStep || 1, 'minutes'))"
+        scroll-down="update(selected.clone().subtract(minuteStep || 1, 'minutes'))">
         <div class="arrow arrow-up" ng-click="update(selected.clone().add(minuteStep || 1, 'minutes'))"></div>
         <span ng-bind="selected.format('mm')"></span>
         <div class="arrow arrow-down" ng-click="update(selected.clone().subtract(minuteStep || 1, 'minutes'))"></div>
       </div>
       <div class="timer-divider">:</div>
       <div class="timer-seconds"
-        scroll-up="update(selected.clone().add(1, 'seconds'))"
-        scroll-down="update(selected.clone().subtract(1, 'seconds'))">
+        scroll-up="update(selected.clone().add(secondStep || 1, 'seconds'))"
+        scroll-down="update(selected.clone().subtract(secondStep || 1, 'seconds'))">
         <div class="arrow arrow-up" ng-click="update(selected.clone().add(secondStep || 1, 'seconds'))"></div>
         <span ng-bind="selected.format('ss')"></span>
         <div class="arrow arrow-down" ng-click="update(selected.clone().subtract(secondStep || 1, 'seconds'))"></div>

src/time-input.html

@@ -9,24 +9,24 @@
     <div class="header" ng-bind="selected.format('DD MMMM YYYY')"></div>
     <div class="timer">
       <div class="timer-hours"
-        scroll-up="update(selected.clone().add(1, 'hours'))"
-        scroll-down="update(selected.clone().subtract(1, 'hours'))">
+        scroll-up="update(selected.clone().add(hourStep || 1, 'hours'))"
+        scroll-down="update(selected.clone().subtract(hourStep || 1, 'hours'))">
         <div class="arrow arrow-up" ng-click="update(selected.clone().add(hourStep || 1, 'hours'))"></div>
         <span ng-bind="selected.format('HH')"></span>
         <div class="arrow arrow-down" ng-click="update(selected.clone().subtract(hourStep || 1, 'hours'))"></div>
       </div>
       <div class="timer-divider">:</div>
       <div class="timer-minutes"
-        scroll-up="update(selected.clone().add(minuteStep, 'minutes'))"
-        scroll-down="update(selected.clone().subtract(minuteStep, 'minutes'))">
+        scroll-up="update(selected.clone().add(minuteStep || 1, 'minutes'))"
+        scroll-down="update(selected.clone().subtract(minuteStep || 1, 'minutes'))">
         <div class="arrow arrow-up" ng-click="update(selected.clone().add(minuteStep || 1, 'minutes'))"></div>
         <span ng-bind="selected.format('mm')"></span>
         <div class="arrow arrow-down" ng-click="update(selected.clone().subtract(minuteStep || 1, 'minutes'))"></div>
       </div>
       <div class="timer-divider">:</div>
       <div class="timer-seconds"
-        scroll-up="update(selected.clone().add(1, 'seconds'))"
-        scroll-down="update(selected.clone().subtract(1, 'seconds'))">
+        scroll-up="update(selected.clone().add(secondStep || 1, 'seconds'))"
+        scroll-down="update(selected.clone().subtract(secondStep || 1, 'seconds'))">
         <div class="arrow arrow-up" ng-click="update(selected.clone().add(secondStep || 1, 'seconds'))"></div>
         <span ng-bind="selected.format('ss')"></span>
         <div class="arrow arrow-down" ng-click="update(selected.clone().subtract(secondStep || 1, 'seconds'))"></div>