diff --git a/src/timepicker/timepicker.js b/src/timepicker/timepicker.js
index 4e77901cdd..748471fcc4 100644
--- a/src/timepicker/timepicker.js
+++ b/src/timepicker/timepicker.js
@@ -165,6 +165,12 @@ angular.module('ui.bootstrap.timepicker', [])
       }
     }));
   }
+  if ($attrs.showSpinners) {
+    watchers.push($scope.$parent.$watch($parse($attrs.showSpinners), function (value) {
+      $scope.showSpinners = !!value;
+      refresh();
+    }));
+  }
 
   // Get $scope.hours in 24H mode if valid
   function getHoursFromTemplate() {
diff --git a/template/timepicker/timepicker.html b/template/timepicker/timepicker.html
index 076bb2a30e..36adb09b35 100644
--- a/template/timepicker/timepicker.html
+++ b/template/timepicker/timepicker.html
@@ -1,6 +1,6 @@
 <table class="uib-timepicker">
   <tbody>
-    <tr class="text-center" ng-show="::showSpinners">
+    <tr class="text-center" ng-show="showSpinners">
       <td class="uib-increment hours"><a ng-click="incrementHours()" ng-class="{disabled: noIncrementHours()}" class="btn btn-link" ng-disabled="noIncrementHours()" tabindex="-1"><span class="glyphicon glyphicon-chevron-up"></span></a></td>
       <td>&nbsp;</td>
       <td class="uib-increment minutes"><a ng-click="incrementMinutes()" ng-class="{disabled: noIncrementMinutes()}" class="btn btn-link" ng-disabled="noIncrementMinutes()" tabindex="-1"><span class="glyphicon glyphicon-chevron-up"></span></a></td>
@@ -22,7 +22,7 @@
       </td>
       <td ng-show="showMeridian" class="uib-time am-pm"><button type="button" ng-class="{disabled: noToggleMeridian()}" class="btn btn-default text-center" ng-click="toggleMeridian()" ng-disabled="noToggleMeridian()" tabindex="{{::tabindex}}">{{meridian}}</button></td>
     </tr>
-    <tr class="text-center" ng-show="::showSpinners">
+    <tr class="text-center" ng-show="showSpinners">
       <td class="uib-decrement hours"><a ng-click="decrementHours()" ng-class="{disabled: noDecrementHours()}" class="btn btn-link" ng-disabled="noDecrementHours()" tabindex="-1"><span class="glyphicon glyphicon-chevron-down"></span></a></td>
       <td>&nbsp;</td>
       <td class="uib-decrement minutes"><a ng-click="decrementMinutes()" ng-class="{disabled: noDecrementMinutes()}" class="btn btn-link" ng-disabled="noDecrementMinutes()" tabindex="-1"><span class="glyphicon glyphicon-chevron-down"></span></a></td>