Added scroll support for time controls.

Author: g1eb

src/datetime-input.html

@@ -37,19 +37,25 @@
       </div>
     </div>
     <div class="timer">
-      <div class="timer-hours">
+      <div class="timer-hours"
+        scroll-up="update(selected.clone().add(1, 'hours'))"
+        scroll-down="update(selected.clone().subtract(1, 'hours'))">
         <div class="arrow arrow-up" ng-click="update(selected.clone().add(1, 'hours'))"></div>
         <span ng-bind="selected.format('HH')"></span>
         <div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, 'hours'))"></div>
       </div>
       <div class="timer-divider">:</div>
-      <div class="timer-minutes">
+      <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>
         <span ng-bind="selected.format('mm')"></span>
         <div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, 'minutes'))"></div>
       </div>
       <div class="timer-divider">:</div>
-      <div class="timer-seconds">
+      <div class="timer-seconds"
+        scroll-up="update(selected.clone().add(1, 'seconds'))"
+        scroll-down="update(selected.clone().subtract(1, 'seconds'))">
         <div class="arrow arrow-up" ng-click="update(selected.clone().add(1, 'seconds'))"></div>
         <span ng-bind="selected.format('ss')"></span>
         <div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, 'seconds'))"></div>

src/time-input.html

@@ -8,19 +8,25 @@
   <div class="edit-popover" ng-show="!!selected">
     <div class="header" ng-bind="selected.format('DD MMMM YYYY')"></div>
     <div class="timer">
-      <div class="timer-hours">
+      <div class="timer-hours"
+        scroll-up="update(selected.clone().add(1, 'hours'))"
+        scroll-down="update(selected.clone().subtract(1, 'hours'))">
         <div class="arrow arrow-up" ng-click="update(selected.clone().add(1, 'hours'))"></div>
         <span ng-bind="selected.format('HH')"></span>
         <div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, 'hours'))"></div>
       </div>
       <div class="timer-divider">:</div>
-      <div class="timer-minutes">
+      <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>
         <span ng-bind="selected.format('mm')"></span>
         <div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, 'minutes'))"></div>
       </div>
       <div class="timer-divider">:</div>
-      <div class="timer-seconds">
+      <div class="timer-seconds"
+        scroll-up="update(selected.clone().add(1, 'seconds'))"
+        scroll-down="update(selected.clone().subtract(1, 'seconds'))">
         <div class="arrow arrow-up" ng-click="update(selected.clone().add(1, 'seconds'))"></div>
         <span ng-bind="selected.format('ss')"></span>
         <div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, 'seconds'))"></div>