Поиск по промежутку времени JS

Задача состоит в том чтобы реализовать поиск по промежутку времени. Например найти блоки которые были созданны в период с 12.1.2021 по 22.1.2021

      <div class="search">
  <h5>Buscar por fecha</h5>
            <div class=" ">
                 <input  id="date_desde" type="date" data-toggle="hideseek" data-list=".list"/>
                 <input  id="date_hasta" type="date" data-toggle="hideseek" data-list=".list"/>
             </div>
  </div>
<button id="btn_search">Click</button>


@each(report in reports)
<main class="main row list">
    <section class="card-area  ">
        <section class="card-section">
            <div class="card">
                <div class="flip-card">
                    <div class="flip-card__container ">
                        <div class="card-front">
                                           <h2 class="card-front__heading">
                                               {{report.numerodedocumento}}
                                           </h2>
                                           <p class="card-front__text-price">
                                               {{report.cliente}}
                                           </p>
                            </div>
                            <div class="card-front__bt">
                                <p class="card-front__text-view card-front">
                                    Detalles
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="inside-page">
                    <div class="inside-page__container">
                        <h3 class="inside-page__heading inside-page__heading--camping">
                           {{report.numerodeproyecto}}
                        </h3>
                        <p class="inside-page__text">
                        </p>
                            <a href="/report/{{report.id}}/edit" class="inside-page__btn inside-page__btn--camping">Edit</a>
                            <a href="report/{{report.id}}" class="inside-page__btn inside-page__btn--camping">Show</a>
                            <div style="display: none;">
                            {{report.cliente}}
                            {{report.poblacion}}
                            {{report.provincia}}
                            {{report.tecnico}}
                            {{report.cif}}
                            <div id="report_date" value="{{report.created_at}}"></div>
                            </div>
                    </div>
                </div>
            </div>
        </section>
    </section>
</main>
<script>
$('#btn_search').on('click', ()=> {
   let report_date = document.getElementById('report_date').value;
   let datenew = moment(report_date).format('L');

   let date_desde = document.getElementById('date_desde').value;
   let datenew_desde = moment(date_desde).format('L');

   let date_hasta = document.getElementById('date_hasta').value;
   let datenew_hasta = moment(date_hasta).format('L');

   if( datenew > datenew_desde && datenew<datenew_hasta){
     $('.main').hide();
   }else{
     $('.main').show();
 }
    });
    </script>
@endeach

Но сортирует не корректно, скрывает все блоки report Прошу, пожалуйста, помочь