JSFiddle - React, Tailwind, and code Playground

by Gabriel Rodrigues

HTML

<div  id="calendario"> </div>

JavaScript

$("#calendario").datepicker({
   changeMonth: true,
   todayHighlight: true,
   changeYear: true,
   showOtherMonths: true,
   selectOtherMonths: true,
   dateFormat: 'dd/mm/yy',
   dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado', 'Domingo'],
   dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
   dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb', 'Dom'],
   monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
   monthNamesShort: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
    onSelect: function() { 
      var dateAsObject = $(this).datepicker( 'getDate' );
      console.log(dateAsObject);
   }
 });