<div class="col-sm-{{::col}} at-InputContainer">
    <div class="form-group at-u-flat">
        <at-input-label></at-input-label>

        <div class="at-InputSelect">
            <input type="text"
                   class="form-control at-Input at-InputSelect-input"
                   placeholder="{{state._placeholder || undefined }}"
                   ng-class="{ 'at-Input--rejected': state._rejected }"
                   ng-model="displayModel"
                   ng-disabled="state._disabled || form.disabled" />

            <select class="form-control at-InputSelect-select"
                    ng-model="state._value"
                    ng-attr-tabindex="{{ tab || undefined }}"
                    ng-disabled="state._disabled || form.disabled"
                    ng-options="{{ state._exp }}">
                <option style="display:none"></option>
            </select>

            <i class="fa" ng-class="{ 'fa-chevron-down': !open, 'fa-chevron-up': open }"></i>
        </div>

        <at-input-message></at-input-message>
    </div>
</div>
