JSFiddle - React, Tailwind, and code Playground

by Bahman ParsaManesh

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css">
</head>
<body>
<input type="text" class="datepicker">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/js/materialize.min.js"></script>
</body>
</html>

CSS

td.has-event {
  color: red;
}

JavaScript

$(document).ready(function(){
    $('.datepicker').datepicker({
      events: ["Sun Aug 05 2018",
      				 "Sun Aug 12 2018",
      				 "Sun Aug 19 2018",
      				 "Sun Aug 26 2018"
      ]
    });
  });