JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<p>The <code>+d</code>, <code>+m</code>, and <code>+y</code> versions of <code>setDate</code> only operate from today's date. User selected values are not accounted for.</p>

<p>To see this pick a date other than today and click the button. Three months will be added to today's date rather than the selected one.</p>

<input type="text" id="datepicker">
<button id="setDate">setDate +3m</button>

JavaScript

var datepicker = $( "#datepicker" ).datepicker();
$( "button" ).on( "click", function() {
    datepicker.datepicker( "setDate", "+3m" );
});