Angular: Date Picker

http://angularjs.org/

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.js"></script>
<div ng-controller="MyCtrl">
    <ng-form name="dateForm">
        <p>
            <input name="dateField" value="Click Here for Datepicker" ng-model="date" ui-date="dateOptions"/>
            {{ date }}
        </p>
    </ng-form>
</div>

JavaScript

var myApp = angular.module('myApp', ['ui.directives']);

function MyCtrl($scope) {
    $scope.dateOptions = {
        changeYear: true,
        showWeek: true
    };
    $scope.date = new Date();
}