JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.5/angular-material.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular-messages.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular-animate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular-aria.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.5/angular-material.min.js"></script>
<body ng-app="DatePick">
<div ng-controller="Pick">
<md-datepicker ng-model="date"></md-datepicker>
{{date}}
<button ng-click="prevDay()">-</button>
<button ng-click="nextDay()">+</button>
</div>
</body>
JavaScript
angular.module('DatePick', ['ngMaterial']);
angular.module('DatePick').controller('Pick', function($scope) {
$scope.date = new Date();
$scope.nextDay = function() {
$scope.date.setDate($scope.date.getDate() + 1);
};
$scope.prevDay = function() {
$scope.date.setDate($scope.date.getDate() - 1);
};
});