JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

    <style>
      .footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: red;
        color: white;
        text-align: center;
      }

    </style>
  </head>

  <body>
    <div class="footer">
      <form>
        <input type="text" id="datepicker" name="tgl" form="upload" />
        <input id="form" type="submit" name="submit" />
      </form>
    </div>


    <script>
      $(function() {
        $("#datepicker").datepicker();
      });

      $("#datepicker").datepicker({
        dateFormat: "dd M yy"
      }).datepicker("setDate", new Date());

    </script>
  </body>

</html>