AngularJS, AngularUI datepicker + Coffeescript Tests

Example from my blog post

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<div ng-controller="NewTodoCtrl as ntc">
    <div>
      <label id="label_end_time" for="end_time" class="col-sm-4 control-label">End date</label>
        <div class="input-group">
          <input type="text" class="form-control" id="end_time" name="end_time" placeholder="End date" data-ng-model="ntc.todo.end_time" data-datepicker-popup="" data-is-open="opened" data-ng-required="true">
          <span class="input-group-btn">
            <button type="button" class="btn btn-default" ng-click="ntc.open()">
                <i class="glyphicon glyphicon-calendar"></i>
            </button>
          </span>
        </div>
    </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.11.0/ui-bootstrap-tpls.js"></script>

CoffeeScript

dependencies = [
  'ui.bootstrap'
]

app = angular.module 'myapp', dependencies

class NewTodoCtrl
    
  constructor: (@$scope, @$timeout) ->
   @todo = {}
   @todo.end_time = new Date()   

  open: () ->
    @$timeout (=>
      @$scope.opened = true
    )
    
app.controller 'NewTodoCtrl', NewTodoCtrl
    
angular.bootstrap document, ['myapp']