Получение пользовательского интерфейса Angular

Я только что установил Angular UI, и у меня возникли проблемы с его работой. Ниже приведены следующие шаги:

index.html(Angular v1.0.1, AngularUI v0.2.1)

<script src="scripts/vendor/angular.js"></script>
<script src="scripts/vendor/jquery-1.7.2.js"></script>
<script src="scripts/vendor/jquery-ui-1.8.18.js"></script>
<script src="scripts/vendor/bootstrap.js"></script>
<script src="scripts/vendor/angular-ui.js"></script>

app.js

var publicApp = angular.module('publicApp', ['ngResource', 'ui'])

my html

<input name="dateField" class="datepicker" value="Click Here for Datepicker" ui-date>

И я получаю эту ошибку:

TypeError: Object [[object HTMLInputElement]] has no method 'datepicker'

Использование консоли JS в chrome работает:

$('.datepicker').datepicker()

Что я делаю неправильно?