feat(calendar): starting work for date-picker.

src/components/calendar/demoBasicUsage/index.html

@@ -0,0 +1,28 @@
+<div ng-controller="AppCtrl" style='padding: 40px;'>
+  <md-content>
+    <h1>{{title}}</h1>
+
+    <hr>
+    <p>
+      <h2>Development tools</h2>
+      <button type="button" ng-click="adjustMonth(+1)">Next month</button>
+      <button type="button" ng-click="adjustMonth(-1)">Prev month</button>
+      <input type="date" ng-model="myDate">
+    </p>
+    <hr>
+
+    <md-calendar ng-model="myDate"></md-calendar>
+
+    <br><br>
+    <br><br>
+    <br><br>
+    <p>Here is a bunch of stuff after the calendar</p>
+    <p>Here is a bunch of stuff after the calendar</p>
+    <p>Here is a bunch of stuff after the calendar</p>
+    <p>Here is a bunch of stuff after the calendar</p>
+    <p>Here is a bunch of stuff after the calendar</p>
+    <p>Here is a bunch of stuff after the calendar</p>
+    <input>
+
+  </md-content>
+</div>

src/components/calendar/demoBasicUsage/script.js

@@ -0,0 +1,12 @@
+angular.module('calendarDemo1', ['ngMaterial'])
+    .controller('AppCtrl', function($scope) {
+      $scope.title = 'Calendar demo';
+      $scope.myDate = new Date();
+
+      $scope.adjustMonth = function(delta) {
+        $scope.myDate = new Date(
+            $scope.myDate.getFullYear(),
+            $scope.myDate.getMonth() + delta,
+            $scope.myDate.getDate());
+      };
+    });

src/components/calendar/demoBasicUsage/style.css

@@ -0,0 +1 @@
+/** Demo styles for mdCalendar. */