.input-group
.input-group-button(v-if='withPrefix')
button(type='button') {{ prefix }}
input.form-input(type='text' v-model='formattedValue' :style="{'width': withPrefix || withSuffix ? '88%' : '100%'}")
.input-group-button(v-if='withSuffix')
button(type='button' @click='onShowSuffixOptions' ref='suffixButton') {{ suffix }}
span.caret(:style="{'display': withSuffixOptions() ? 'none' : 'inline-block'}")
ul.dropdown(:style="{'display': isShowSuffixOptions ? 'block' : 'none'}" ref='suffixDropdown')
li(v-for='option in suffixOptions' :key='option.id')
a(@click='onClickSuffixOption(option)') {{ option.name }}