<div class="timepickerwidget" ng-show="isTimePickerVisible" ng-click="$event.stopPropagation()">
  <div class="input-wrapper one first">
    <button class="button button-up" ng-click="setHour(1)">
      <i class="glyphicon glyphicon-chevron-up"></i>
    </button>
    <label class="form-control field">{{selected.date | date:'h'}}</label>
    <button class="button button-down" ng-click="setHour(-1)">
      <i class="glyphicon glyphicon-chevron-down"></i>
    </button>
  </div>
  <div class="input-wrapper one">
    <button class="button button-up" ng-click="setMins(5)">
      <i class="glyphicon glyphicon-chevron-up"></i>
    </button>
    <input type="number" class="input form-control field" maxlength="2" ng-model="selected.mins">
    <button class="button button-down" ng-click="setMins(-5)">
      <i class="glyphicon glyphicon-chevron-down"></i>
    </button>
  </div>
  <div class="input-wrapper one last">
    <button class="button button-up" ng-click="setAMPM()">
      <i class="glyphicon glyphicon-chevron-up"></i>
    </button>
    <label class="form-control field">{{selected.date | date:'a'}}</label>
    <button class="button button-down" ng-click="setAMPM()">
      <i class="glyphicon glyphicon-chevron-down"></i>
    </button>
  </div>
  <div class="buttons">
     <button class="btn btn-xs btn-danger button" ng-click="setTimeAndHide()">Save</button>
     <button class="btn btn-xs btn-danger button" ng-click="resetTimeAndHide()">Cancel</button>
  </div>
</div>