<div class="iqel-widget-header">
    <div data-ui="icon" class="iqel-input-icon"></div>
    <span data-ui="label" class="iqel-input-label"></span>
    <span data-ui="unit" class="iqel-input-unit"></span>
</div>
<div class="iqel-widget-content">
    <div data-ui="previous" class="iqel-button-element iqel-previous">
        <div class="iqel-state-layer">
            <div class="iqel-button-icon">
                <svg class="icon-minus" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M7 13V11H17V13H7Z" fill="currentColor"/>
                </svg>
            </div>
        </div>
    </div>
    <div class="iqel-input-value">
        <div class="iqel-state-layer">
            <input data-ui="current" class ="iqel-input" size="1">
        </div>
    </div>
    <div data-ui="next" class="iqel-button-element iqel-next">
        <div class="iqel-state-layer">
            <div class="iqel-button-icon">
                <svg class="icon-plus" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M20 13H13V20H11V13H4V11H11V4H13V11H20V13Z" fill="currentColor"/>
                </svg>
            </div>
        </div>
    </div>
</div>
