UI Bootstrap Datepicker
The Plunkr links from the UI Bootstrap site don't work.
by Sajeetharan Sinnathurai
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.11/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.0/ui-bootstrap-tpls.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<div ng-app="myApp" ng-controller="DatepickerDemoCtrl">
<pre>Selected date is: <em>{{dt | date:'fullDate' }}</em></pre>
<div style="display:inline-block; min-height:290px;">
<datepicker ng-model="dt" min-date="minDate" show-weeks="true" class="well well-sm"></datepicker>
</div>
</div>
JavaScript
'use strict';
var app = angular.module('myApp', ['ui.bootstrap']);
app.controller('DatepickerDemoCtrl', function ($scope) {
$scope.minDate = new Date();
});