 
       scope.steps = for i in [0..amount] by 1
         currentStep = {
-        past: step.compare(stepDate,scope.position) < 0
-        future: step.compare(stepDate,scope.position) > 0
-        formatted: moment(stepDate).format(step.format)
-        value: moment(stepDate).toDate()
+          past: step.compare(stepDate, scope.position) < 0
+          future: step.compare(stepDate, scope.position) > 0
+          formatted: moment(stepDate).format(step.format)
+          value: moment(stepDate).toDate()
         }
         stepDate.add(period)
         currentStep

        if not scope.activeBefore? and not scope.activeAfter?
          step.active = false
        else
          isBefore = if scope.activeBefore? then stepDate.isBefore(scope.activeBefore, scope.view) or stepDate.isSame(scope.activeBefore, scope.view) else true
          isAfter = if scope.activeAfter? then stepDate.isAfter(scope.activeAfter, scope.view) or stepDate.isSame(scope.activeAfter, scope.view) else true
          step.active = isBefore and isAfter
    )



  restrict: 'E'
  template: """
<div ng-keydown="keyPress($event)" class="datetimepicker table-responsive">
<table  class="table table-striped  {{ view }}-view">
   <thead>
       <tr>
