base-input-container.gap-y-2(:label="label", :style="{width: width + 'px' }")
q-input(
ref="numberInput"
v-model="value",
:name="name",
:multiple="multiple",
:class="{'circle': circle, 'font-input': true, 'doc': doc}",
:input-style="{ color: textColor, borderColor: borderColor, resize: resize }",
:borderless="borderless",
:placeholder="placeholder",
:outlined="outlined",
:dense="dense",
type="number",
:readonly="readonly",
:disable="disabled",
:filled="filled",
:bg-color="filled || standout ? '' : 'white'",
:rules="rule || ruleNumberInput",
:lazy-rules="lazyRule",
:item-aligned="itemAligned",
:no-error-icon="noErrorIcon",
:mask="mask",
:maxlength="maxLength",
:autogrow="autogrow",
:square="square",
:standout="standout"
:accept="accept",
:debounce="null",
:shadow-text="shadowText"
hide-bottom-space
)
.flex.flex-col.mb-1
q-icon.cursor-pointer.-rotate-90.arrow(
name="arrow_forward_ios",
size="15px",
@click="increment",
@mousedown="fastIncrement",
@mouseup="deleteInterval"
)
q-icon.cursor-pointer.-rotate-90.arrow(
name="arrow_back_ios",
size="15px",
@click="decrement",
@mousedown="fastDecrement",
@mouseup="deleteInterval"
)