JSFiddle - React, Tailwind, and code Playground

HTML

<div class="input-holder date-fields">
  <input type="number" pattern="[0-9]*" inputmode="numeric" min="1" max="31" id="dd" class="dd" placeholder="DD" maxlength="2" />
  <input type="number" pattern="[0-9]*" inputmode="numeric" min="1" max="12" id="mm" class="mm" placeholder="MM" maxlength="2" />
  <input type="number" pattern="[0-9]*" inputmode="numeric" min="1900" id="yyyy" class="yyyy" placeholder="YYYY" maxlength="4" />
<a class="pick-today">Today</a>
</div>

JavaScript

var now = new Date();
var day = ("0" + now.getDate()).slice(-2);
document.getElementById('dd').value = day;

var now2 = new Date();
var month = ("0" + (now2.getMonth() + 1)).slice(-2);
document.getElementById('mm').value = month;


     var now3 = new Date();
    var year = now3.getFullYear();
    document.getElementById('yyyy').value = year;