@govbr-ds/core/dist/components/datetimepicker/examples/datetimepicker-range.html

Padrão Digital de Governo

<div class="col-sm-6 col-md-4 col-lg-3">
  <!-- [html-validate-disable input-attributes]-->
  <div class="br-datetimepicker" data-mode="range" data-type="text">
    <div class="br-input has-icon">
      <label for="range-input">Datepicker com range com a data inicial de 15/04/2022</label>
      <input id="range-input" type="text" placeholder="exemplo: 02/02/2024 até 03/02/2025" data-input="data-input"/>
      <button class="br-button circle small" type="button" aria-label="Abrir Timepicker" data-toggle="data-toggle" id="range-input-btn" tabindex="-1" aria-hidden="true"><i class="fas fa-calendar-alt" aria-hidden="true"></i>
      </button>
    </div>
  </div>
</div>