<div class="container-account">
    <div class="container-body-account">
        <h4 class="title">Período</h4>
        <div class="option-extract">
            <div class="item-extract" value="7">
                <img src="webfiles/img/icon/round-icon-taxireturn.png">
                <div class="day-extract">7</div>
                <div class="description-extract">DIAS</div>
            </div>
            <div class="item-extract" value="15">
                <img src="webfiles/img/icon/round-icon-taxireturn.png">
                <div class="day-extract">15</div>
                <div class="description-extract">DIAS</div>
            </div>
            <div class="item-extract" value="30">
                <img src="webfiles/img/icon/round-icon-taxireturn.png">
                <div class="day-extract">30</div>
                <div class="description-extract">DIAS</div>
            </div>
        </div>
        <div class="sub-description-extract">
            ou selecione o período</br>(até 90 dias)
        </div>
        <div class="container-input-extract">
            <div class="input-date-custom">
                <p>DE:</p>
                <input type="date" id="inDate" placeholder="DATA INICIAL" />
            </div>
            <div class="input-date-custom">
                <p>ATÉ:</p>
                <input type="date" id="dateUpUntil" placeholder="DATA FINAL" />
            </div>
        </div>

        <button type="button" class="btn-extract-filter" id="btnExtractFilter">Visualizar</button>
    </div>
</div>