feat(datepikcer): ngModelController plug & new datepikcerPopup

 * `ngModelController` integration
 * `datepikcerPopup` directive ti use with inputs
 * invalid & disabled validation
 * add `min` / `max` into configuration

Closes #612

Author: bekos

Diff for: src/datepicker/datepicker.js

@@ -1,9 +1,19 @@
 <div ng-controller="DatepickerDemoCtrl">
-    <datepicker ng-model="dt" show-weeks="showWeeks" starting-day="1" date-disabled="disabled(date, mode)" min="minDate" max="'2015-06-22'"></datepicker>
     <pre>Selected date is: <em>{{dt | date:'fullDate' }}</em></pre>
 
+    <div class="well well-small pull-left" ng-model="dt">
+        <datepicker min="minDate" show-weeks="showWeeks"></datepciker>
+    </div>
+
+    <div class="form-horizontal">
+        <input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="dt" open="opened" min="minDate" max="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" />
+        <button class="btn" ng-click="open()"><i class="icon-calendar"></i></button>
+    </div>
+
+    <hr />
     <button class="btn btn-small btn-inverse" ng-click="today()">Today</button>
-    <button class="btn btn-small btn-success" ng-click="toggleWeeks()">Toggle Weeks</button>
+    <button class="btn btn-small btn-inverse" ng-click="dt = '2009-08-24'">2009-08-24</button>
+    <button class="btn btn-small btn-success" ng-click="toggleWeeks()" tooltip="For inline datepicker">Toggle Weeks</button>
     <button class="btn btn-small btn-danger" ng-click="clear()">Clear</button>
-    <button class="btn btn-small" ng-click="toggleMin()">After today restriction</button>
+    <button class="btn btn-small" ng-click="toggleMin()" tooltip="After today restriction">Min date</button>
 </div>

Diff for: src/datepicker/docs/demo.html

@@ -1,4 +1,4 @@
-var DatepickerDemoCtrl = function ($scope) {
+var DatepickerDemoCtrl = function ($scope, $timeout) {
   $scope.today = function() {
     $scope.dt = new Date();
   };
@@ -22,4 +22,15 @@ var DatepickerDemoCtrl = function ($scope) {
     $scope.minDate = ( $scope.minDate ) ? null : new Date();
   };
   $scope.toggleMin();
+
+  $scope.open = function() {
+    $timeout(function() {
+      $scope.opened = true;
+    });
+  };
+
+  $scope.dateOptions = {
+    'year-format': "'yy'",
+    'starting-day': 1
+  };
 };

Diff for: src/datepicker/docs/demo.js

@@ -1,4 +1,4 @@
-<table class="well well-large">
+<table>
   <thead>
     <tr class="text-center">
       <th><button type="button" class="btn pull-left" ng-click="move(-1)"><i class="icon-chevron-left"></i></button></th>
@@ -14,7 +14,7 @@
     <tr ng-repeat="row in rows">
       <td ng-show="showWeekNumbers" class="text-center"><em>{{ getWeekNumber(row) }}</em></td>
       <td ng-repeat="dt in row" class="text-center">
-        <button type="button" style="width:100%;" class="btn" ng-class="{'btn-info': dt.isSelected}" ng-click="select(dt.date)" ng-disabled="dt.disabled"><span ng-class="{muted: ! dt.isCurrent}">{{dt.label}}</span></button>
+        <button type="button" style="width:100%;" class="btn" ng-class="{'btn-info': dt.selected}" ng-click="select(dt.date)" ng-disabled="dt.disabled"><span ng-class="{muted: dt.secondary}">{{dt.label}}</span></button>
       </td>
     </tr>
   </tbody>

Diff for: src/datepicker/test/datepicker.spec.js

@@ -0,0 +1,12 @@
+<ul class="dropdown-menu" ng-style="{display: (isOpen && 'block') || 'none', top: position.top+'px', left: position.left+'px'}" class="dropdown-menu">
+	<li ng-transclude></li>
+	<li class="divider"></li>
+	<li style="padding: 9px;">
+		<span class="btn-group">
+			<button class="btn btn-small btn-inverse" ng-click="today()">Today</button>
+			<button class="btn btn-small btn-info" ng-click="showWeeks = ! showWeeks" ng-class="{active: showWeeks}">Weeks</button>
+			<button class="btn btn-small btn-danger" ng-click="clear()">Clear</button>
+		</span>
+		<button class="btn btn-small btn-success pull-right" ng-click="isOpen = false">Close</button>
+	</li>
+</ul>