Angular UI select with Bootstrap show errors

I'm using Angular UI Select with Bootstrap show errors. I ran into the problem of getting them both to work together in a nice fashion.

To get them working, first off, some CSS tweaks

/* angular ui select fixes */
.form-group .inline-select {
    min-width: 300px;
    padding: 0;
    border: 0;
.form-group .inline-select .ui-select-match,
.form-group .inline-select .ui-select-search {
    width: 100%;

Then the HTML:

<div class="form-group" show-errors>
      <ui-select ng-model="selected.value" class="form-control inline-select" name="user" required ng-change="updateValidation()">
      <span ng-bind="$"></span>
              <ui-select-choices repeat="item in (users | filter: $ track by">
                  <span ng-bind=""></span>

Notice the updateValidation() function. This is so that when the user selects a new value, it updates the validation

$scope.updateValidation = function () {

Now, you have UI select working with Bootstrap Show Errors!