Как реализовать такой датапикер?

введите сюда описание изображения

$(function() {
  const $datepicker = $('.js-datepicker');
  
  let datepicker = $datepicker.datepicker({
    autoClose: true,
    position: 'bottom right',
  
  }).data('datepicker');
  
});
html {
  height: 100%;
  background: linear-gradient(#de2b2b, #e683cc);
}

.grid {
  padding: 100px 50px;
  display: flex;
  justify-content: center;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/css/datepicker.css" rel="stylesheet"/>
<section class="grid">

  <div class="datepicker__container">
    <label for="datepicker" class="">Архив новостей за</label>
    <input type='text' class="js-datepicker" id='datepicker' placeholder="Выбрать дату"/>
  </div>
  
</section>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/datepicker.js"></script>


Ответы (0 шт):