JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script>// <![CDATA[
$( function() { $( "#datepicker" ).datepicker(); $( "#datepicker2" ).datepicker(); $( "#datepicker3" ).datepicker(); } );
// ]]></script>
<form action="#" method="post">Date           <input id="datepicker" name="date1" type="text" />
<span style="line-height: 1.75;">O período del: </span><input id="datepicker2" name="date2" type="text" /><span style="line-height: 1.75;"> al </span><input id="datepicker3" name="date3" type="text" />
<input style="height: 4px; display: table-cell; vertical-align: middle; line-height: 0;" name="maquinas" type="submit" value="visualizar" />

<input name="inicio" type="submit" value="INICIO" /> <input name="articulos" type="submit" value="ARTÍCULOS" /> <input name="averias" type="submit" value="AVERÍAS" /></form>