JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.5/angular-material.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-messages.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.5/angular-material.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>


<div ng-app="MdSelect">
  <div ng-controller="MdSelectController as vm" style="padding: 15px;">
    <md-input-container style="max-width: 150px; width: 150">
      <label>Helper:</label>
      <md-select ng-model='vm.selectedHelpers' multiple>
        <md-select-header style="height: 25px">
          <md-button ng-click="closeSelectBox()">Close</md-button>
        </md-select-header>
        <md-option ng-repeat='item in vm.helpers' ng-value='item'>
          {{item.name}}
        </md-option>
      </md-select>
    </md-input-container>
  </div>
</div>

JavaScript

angular
  .module('MdSelect', ['ngMaterial'])
  .controller('MdSelectController', function($scope, $q, $timeout) {
  	this.helpers = [ { id:1, name: 'Ron' },
    							{ id:2, name: 'Jim' },
      						{ id:3, name: 'John' },
                  { id:4, name: 'Paul' },
                  { id:5, name: 'Jeremie' } ];
    $scope.closeSelectBox = () => {
      $("md-backdrop").trigger ("click")
    }
   });