JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/css/materialize.min.css">
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/js/materialize.min.js"></script>
	<div class="row">
    <form class="col s12">
      <div class="row">
        <div class="input-field col s6">
					<input name="dataIni" type="text" class="dataIniFim">
          <label for="dataIni">Data Inicial</label>
        </div>
				<div class="input-field col s6">
          <input name="dataFim" type="text" class="dataIniFim">
          <label for="dataFim">Data Final</label>
        </div>
      </div>
    </form>
  </div>

JavaScript

$('.dataIniFim').pickadate({
      selectMonths: true, // Creates a dropdown to control month
      selectYears: 15, // Creates a dropdown of 15 years to control year
      dateFormat: 'dd/MM/yy',
    });