JSFiddle - React, Tailwind, and code Playground

HTML

<body>

  <p>Data:
    <input type="text" id="calendario" />
  </p>

</body>

JavaScript

$(function() {
  var holidays = ["12/24/2015", "12/25/2015", "1/1/2016",
    "5/27/2016", "7/4/2016", "9/2/2016", "11/28/2016",
    "11/29/2016", "12/24/2016", "12/25/2016"
  ];
  $("#calendario").datepicker({
    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', '---', 'Sáb', 'Dom'],
    monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
    monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
    // http://stackoverflow.com/a/13653442
    beforeShowDay: function(date) {
      show = true;
      if (date.getDay() == 0 || date.getDay() == 6) {
        show = false;
      } //No Weekends
      for (var i = 0; i < holidays.length; i++) {
        if (new Date(holidays[i]).toString() == date.toString()) {
          show = false;
        } //No Holidays
      }
      var display = [show, '', (show) ? '' : 'Fim-de-semana ou Feriado']; //With Fancy hover tooltip!
      return display;
    }
  });
  $("#calendario").focus();
});