Stepper
Use the stepper to enable controlled increasing and decreasing of values. Configure the steps and choose to provide an input for manual entry.
Demo
<label>
<input mbsc-stepper data-label="Adults" data-description="From 14 years" min="1" value="1" max="15" />
</label>
<label>
<input mbsc-stepper data-label="Children" data-description="2-14 years" max="15" data-input-position="start" />
</label>
<label>
<input mbsc-stepper data-label="Infant" data-description="0-2 years" data-input-position="start" max="10" />
</label>
JSHTML
mobiscroll.setOptions({
locale: ,
theme: ' ',
themeVariant: ' '
});
<div class="mbsc-form-group">
<div class="mbsc-form-group-title">Passengers</div>
<label>
<input mbsc-stepper data-label="Adults" data-description="From 14 years" min="1" value="1" max="15" />
</label>
<label>
<input mbsc-stepper data-label="Children" data-description="2-14 years" max="15" data-input-position="start" />
</label>
<label>
<input mbsc-stepper data-label="Infant" data-description="0-2 years" data-input-position="start" max="10" />
</label>
</div>