</div>

<div class="form-group">
            <label>{{ 'switchoverFormsStopDateHdr' | lng }}</label>
            <date-time-picker
                date="ctrl.stopInfo.stopDate"
                min-date="ctrl.minDate"
                style="float: none;" />
        </div>

<div class="form-group">
            <label>{{ 'switchoverFormsStopFormPersonHdr' | lng }}</label>
            <input ng-if="ctrl.users.length === 0" type="text" class="form-control" ng-model="ctrl.stopInfo.userName" />
            <div ng-if="ctrl.users.length !== 0" class="input-group input-group-select">
                <input
                    type="text"
                    class="form-control"
                    ng-model="ctrl.stopInfo.userName"
                    typeahead="user.name for user in ctrl.users | filter: { name:$viewValue }" />
                <div class="input-group-btn" ng-if="ctrl.users.length !== 0" style="position: static">
                    <button
                        type="button"
                        class="btn btn-default dropdown-toggle"
                        data-toggle="dropdown"
                        aria-haspopup="true"
                        aria-expanded="false">
                        <span class="caret" style="margin: 0px 2px 0px 2px"></span>
                    </button>
                    <ul class="dropdown-menu pull-right">
                        <li ng-repeat="user in ctrl.users" ng-click="ctrl.stopInfo.userName = user.name">
                            <a>{{ user.name }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

<div class="modal-footer">
        <button
            class="btn btn-primary"
            ng-disabled="ctrl.stopInfo.reason === '' || ctrl.stopInfo.userName == ''"
            ng-click="ctrl.ok()">
            {{ 'okBtn' | lng }}
        </button>
        <button class="btn btn-default" ng-click="ctrl.cancel()">{{ 'cancelBtn' | lng }}</button>
    </div>
</div>