div
.input-group
.input-group-button(v-if='hasPrefix()')
button(type='button') {{ prefix }}
input.input-formatted(
v-model='formattedValue'
type='text'
:disabled='!editable'
:autofocus='focus'
)
.input-group-button(v-if='hasSuffix()')
button(
type='button'
@click='onShowOptions()'
ref='suffixButton'
) {{ suffix }}
span.caret(:style="{'display': hasOptions() ? 'inline-block' : 'none'}")
ul.dropdown(
:style="{'display': isShowOptions ? 'block' : 'none'}"
ref='suffixDropdown'
)
li(
v-for='(option, index) in options'
:key='index'
)
a(@click='onClickOption(option)') {{ option }}