JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://babakhani.github.io/PersianWebToolkit/vendor/persian_date/0.1.8/persian-date-0.1.8.min.js"></script>
<input type="submit" value="submit" class="submit">
<br>
<input type="text" placeholder=" سال" class="input1"><br>
<input type="text" placeholder=" ماه" class="input2"><br>
<input type="text" placeholder=" روز" class="input3"><br>
<input type="text" placeholder=" ساعت" class="input4"><br>
<input type="text" placeholder=" دقیقه" class="input5"><br>
<input type="text" placeholder=" ثانیه" class="input6"><br>

JavaScript

$(document).ready(function(){
	$('.submit').click(function(){
  	$('.input1').val(persianDate()['pDate']['year']);
    $('.input2').val(persianDate()['pDate']['month']);
    $('.input3').val(persianDate()['pDate']['monthDayNumber']);
    $('.input4').val(persianDate()['pDate']['hours']);
    $('.input5').val(persianDate()['pDate']['minutes']);
    $('.input6').val(persianDate()['pDate']['seconds']);
  });
});