Currently utilizing Angular 1.3 and Bootstrap 3.3.x CSS without the JS functionality. There is also an interesting animated GIF embedded within.
<div class="form-group">
<div class="col-lg-3">
<label class="control-label">Delivery</label>
</div>
<div class="col-lg-9">
<!-- (Delivery) Field -->
<select class="form-control"
data-ng-options="delivery.value as delivery.name for delivery in options.deliveryOptions"
data-ng-model="lineItemSegment.deliveryType"></select>
</div>
</div>
Check out the captivating Animated GIF here:
$scope.options = {};
$scope.options.deliveryOptions = [
{ name: 'Evenly', value: 'EVENLY' },
{ name: 'Frontloaded', value: 'FRONTLOADED' },
{ name: 'As fast as possible', value: 'AS_FAST_AS_POSSIBLE' }
];
$scope.options.priorityOptions = [
{ name: 'Normal', value: 8 },
{ name: 'High', value: 6 }
];