       step: moment.duration(4, 'month')
 
     scope.$watch('position + view', ->
-      scope.leftPos = moment(moment(position) - (2 * viewsSteps[scope.view].step)).toDate()
-      scope.middlePos = moment(moment(position) - (1 * viewsSteps[scope.view].step)).toDate()
-      scope.rightPos = moment(moment(position) - (0 * viewsSteps[scope.view].step)).toDate()
+      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) ->

  restrict: 'E'
  template: """
<div class='period-picker'>
  <div class="previous-btn">
  </div>
  <div class="pickers">
    <div class='left'>

      </moment-datetimepicker>
    </div>
  </div>
  <div class="next-btn" ng-click="$next()">
    <a>next</a>
  </div>
</div>
"""
