JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://dbushell.github.io/Pikaday/pikaday.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<script src="http://dbushell.github.io/Pikaday/plugins/pikaday.jquery.js"></script>
<link rel="stylesheet" href="http://dbushell.github.io/Pikaday/css/pikaday.css">
<div class="newform"></div>
JavaScript
var today = moment();
function createPikaday(i) {
$('#date_will'+i).pikaday({
onSelect: function() {
console.log($('#date_will_h'+i));
$('#date_will_h'+i).prop('value', this.getMoment().format('YYYY-MM-DD'));
}
});
}
for (var i = 1; i <= 4; i++) {
var m = today.add(1, "months");
var field = '<div class="input-field">'+
'<input type="text" name="date_will'+i+'" id="date_will'+i+'" value="'+m.format('DD/MM/YYYY')+'" required>'+
'<input type="hidden" name="date_will_h'+i+'" id="date_will_h'+i+'" value>'+
'</div>';
$('.newform').append(field);
createPikaday.bind(this, i);
createPikaday(i);
}