<!DOCTYPE html>
<html>
<head>
<script data-require="jquery@1.11.3" data-semver="1.11.3" src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<link data-require="bootstrap@3.3.2" data-semver="3.3.2" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
<script data-require="bootstrap@3.3.2" data-semver="3.3.2" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script data-require="angularjs@1.4.9" data-semver="1.4.9" src="https://code.angularjs.org/1.4.9/angular.min.js"></script>
<script data-require="ui-bootstrap@*" data-semver="1.3.2" src="https://cdn.rawgit.com/angular-ui/bootstrap/gh-pages/ui-bootstrap-tpls-1.3.2.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="demoApp" ng-controller="demoCtrl" ng-init="init()">
<h1>Hello Plunker!</h1>
<div class="input-group" style="width:200px">
<input type="text" class="form-control" uib-datepicker-popup="dd.MM.yyyy" ng-model="date" is-open="isDatepickerOpen" datepicker-options="datepickerOptions" ng-required="true" close-text="Close" alt-input-formats="altInputFormats"/>
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="isDatepickerOpen = !isDatepickerOpen">
<i class="glyphicon glyphicon-calendar"></i>
</button>
</span>
</div>
</body>
</html>
// Code goes here
var app = angular.module('demoApp',['ui.bootstrap']);
app.controller('demoCtrl',function($scope){
$scope.init = function(){
$scope.date = null;
$scope.datepickerOptions = {
minDate: new Date('2010-05-01'),
initDate: new Date()
};
};
});
/* Styles go here */