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>
          <label>User</label>
      <ui-select ng-model="selected.value" class="form-control inline-select" name="user" required ng-change="updateValidation()">
              <ui-select-match>
      <span ng-bind="$select.selected.name"></span>
              </ui-select-match>
              <ui-select-choices repeat="item in (users | filter: $select.search) track by item.id">
                  <span ng-bind="item.email"></span>
              </ui-select-choices>
          </ui-select>
</div>

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

$scope.updateValidation = function () {
    $scope.$broadcast('show-errors-check-validity');
};

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