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

$("a.pick-today").on("click", function (event) {
    var now = new Date();
    var day = ("0" + now.getDate()).slice(-2);
    $(this).parent('.input-holder').find('input.dd').val(day);

    var now2 = new Date();
    var month = ("0" + (now2.getMonth() + 1)).slice(-2);
    $(this).parent('.input-holder').find('input.mm').val(month);

    var now3 = new Date();
    var year = now3.getFullYear();
    $(this).parent('.input-holder').find('input.yyyy').val(year);
});