   restrict: 'E'
   template: """
 <div class='period-picker'>
-  <div class="previous-btn">
+  <div class="previous-btn" ng-click="$previous()">
+    <a>previous</a>
   </div>
   <div class="pickers">
     <div class='left'>

      </moment-datetimepicker>
    </div>
  </div>
  <div class="next-btn">
  </div>
</div>
"""

      step: moment.duration(4, 'month')

    scope.$watch('position + view', ->
      scope.leftPos = moment(moment(scope.position) - (2 * viewsSteps[scope.view].step)).toDate()
      scope.middlePos = moment(moment(scope.position) - (1 * viewsSteps[scope.view].step)).toDate()
      scope.rightPos = moment(moment(scope.position) - (0 * viewsSteps[scope.view].step)).toDate()
    )

    scope.$next = ->
      scope.position = moment(moment(scope.position) + (3 * viewsSteps[scope.view].step)).toDate()

    scope.$previous = ->
      scope.position = moment(moment(scope.position) + (3 * viewsSteps[scope.view].step)).toDate()

    selecting = null
    changeRange = (newDate) ->
