Hi sanvi,
For not not accepting future Dates use md-max-date.
Refer the below example.
HTML
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.4/angular-material.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-animate.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-aria.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.4/angular-material.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>
<script type="text/javascript">
var app = angular.module('MyApp', ['ngMaterial']);
app.controller('MyController', function ($scope) {
$scope.data = {
date: new Date()
};
$scope.submit = function () {
$scope.data.dateString = moment($scope.data.date).format("DD/MM/YYYY");
}
$scope.maxDate = new Date();
}).run();
</script>
<div ng-app="MyApp" ng-controller="MyController">
<md-datepicker ng-model="data.date" md-placeholder="Choose a date" md-max-date="maxDate"></md-datepicker>
<md-button ng-click="submit()" class="md-primary" type="button">Submit</md-button>
<p>
Selected Date is : {{data.dateString}}</p>
</div>
Demo
