JSFiddle - React, Tailwind, and code Playground

by Seokjun Hong

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.css">
<div id="datepicker"></div>
<button id="prevday">
prevday
</button>
<button id="nextday">
nextday
</button>
<input type="text" id="date">

JavaScript

$(function() {
    $( "#datepicker" ).datepicker({
    	onSelect: function(d, o) {
      	$('#date').val(d);
      }
    });
    $('#nextday').click(function(e) {
    	$('#datepicker').datepicker('setDate','c+1d');
      $('.ui-datepicker-current-day').click();
    });
    $('#prevday').click(function(e) {
    	$('#datepicker').datepicker('setDate','c-1d');
      $('.ui-datepicker-current-day').click();
    });    
  });