JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="http://silviomoreto.github.io/bootstrap-select/javascripts/bootstrap-select.js"></script>
<link rel="stylesheet" href="http://silviomoreto.github.io/bootstrap-select/stylesheets/bootstrap-select.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<div ng-app="demo" ng-controller="MainCtrl">
    
  <pre>You have selected : {{ selected | json }}</pre>
    
  <select ng-model="selected"
          class="selectpicker"
          multiple
          title='Choose one of the following...'>
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
  </select>
    
</div>

CSS

body {
    padding: 1em;
}

JavaScript

angular.module('demo', []);

angular.module('demo')
  .directive('selectpicker', function () {
    return {
      restrict: 'C',
      require: 'ngModel',
      link: function (scope, element, attrs, ngModel) {
        var $el = $(element);
        $el.selectpicker({
          style: 'btn-default',
          size: false
        });
        $el.on('change', function (ee, aa) {
          ngModel.$setViewValue($el.val());
          scope.$apply();
        });
      }
    };
  });

angular.module('demo')
  .controller('MainCtrl', function ($scope) {
    $scope.selected = [];
  });