<div class="form-inline">
  <div class="form-group" ng-repeat="i in $ctrl.getRangeElements('Select')">
    <span class="af-field-range-sep" ng-if="i">-</span>
    <div class="input-group">
      <input autocomplete="off" class="form-control" placeholder="{{:: ts('Select') }}" title="{{:: ts('Click to add placeholder text') }}" ng-model="getSet('input_attrs.placeholder' + i)" ng-model-options="{getterSetter: true}" type="text" />
      <div class="input-group-btn" af-gui-menu>
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="crm-i fa-caret-down"></i></button>
        <ul class="dropdown-menu" ng-if="menu.open" title="{{:: ts('Set default value') }}">
          <li class="disabled">
            <a><strong>{{:: ts('Default Value:') }}</strong></a>
          </li>
          <li ng-repeat="opt in $ctrl.getOptions()" >
            <a href ng-click="toggleDefaultValueItem(opt.id); $event.stopPropagation(); $event.target.blur();">
              <i class="crm-i fa-{{defaultValueContains(opt.id) ? 'check-' : ''}}circle-o"></i>
              {{ opt.label }}
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div ng-if="getProp('search_range') && $ctrl.getDefn().input_type === 'Date'" class="form-group" ng-include="'~/afGuiEditor/inputType/Date.html'"></div>
</div>
