Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

Commit 7b70d74

Browse files
committed
feat(calendar): starting work for date-picker.
1 parent b1f6e1a commit 7b70d74

File tree

3 files changed

+41
-0
lines changed

3 files changed

+41
-0
lines changed
Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<div ng-controller="AppCtrl" style='padding: 40px;'>
2+
<md-content>
3+
<h1>{{title}}</h1>
4+
5+
<hr>
6+
<p>
7+
<h2>Development tools</h2>
8+
<button type="button" ng-click="adjustMonth(+1)">Next month</button>
9+
<button type="button" ng-click="adjustMonth(-1)">Prev month</button>
10+
<input type="date" ng-model="myDate">
11+
</p>
12+
<hr>
13+
14+
<md-calendar ng-model="myDate"></md-calendar>
15+
16+
<br><br>
17+
<br><br>
18+
<br><br>
19+
<p>Here is a bunch of stuff after the calendar</p>
20+
<p>Here is a bunch of stuff after the calendar</p>
21+
<p>Here is a bunch of stuff after the calendar</p>
22+
<p>Here is a bunch of stuff after the calendar</p>
23+
<p>Here is a bunch of stuff after the calendar</p>
24+
<p>Here is a bunch of stuff after the calendar</p>
25+
<input>
26+
27+
</md-content>
28+
</div>
Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
angular.module('calendarDemo1', ['ngMaterial'])
2+
.controller('AppCtrl', function($scope) {
3+
$scope.title = 'Calendar demo';
4+
$scope.myDate = new Date();
5+
6+
$scope.adjustMonth = function(delta) {
7+
$scope.myDate = new Date(
8+
$scope.myDate.getFullYear(),
9+
$scope.myDate.getMonth() + delta,
10+
$scope.myDate.getDate());
11+
};
12+
});
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/** Demo styles for mdCalendar. */

0 commit comments

Comments
 (0)