JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/i18n/jquery-ui-i18n.min.js"></script>
<div id="frontpages-date-filter"></div>

JavaScript

$(document).ready(function() {
  $('#frontpages-date-filter').datepicker($.extend({},
    $.datepicker.regional['el'], {
      dateFormat: 'yymmdd',
      showAnim: 'slide',
      minDate: new Date(2021, 0, 1),
      maxDate: new Date(2021, 2, 31),
      onSelect: function(dateText) {
        //window.location.href = location.protocol + '//' + location.host + location.pathname + '?date=' + dateText;
      }
    }
  ));
});