Angular Material Layout

HTML

<link rel="stylesheet" href="https://rawgit.com/angular/bower-material/master/angular-material.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.6/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.6/angular-animate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.6/angular-aria.js"></script>
<script src="https://rawgit.com/angular/bower-material/master/angular-material.js"></script>
<div ng-app="sandbox" ng-controller="FirstCtrl">
  <md-select ng-model="idSelectedMonth" placeholder="Month">
    <md-option ng-repeat="month in months" ng-value="month.number" ng-disabled="disabled">
      {{month.number}}
    </md-option>
  </md-select>
</div>

JavaScript

angular.module('sandbox', ['ngMaterial'])
  .controller('FirstCtrl', function($scope) {
    $scope.disabled = true;
    $scope.months = [{number: 1},{number: 2},{number: 3}];
  });