JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/redmond/jquery-ui.css" rel="stylesheet" />

<div id="main-container" class="calendar-list">

				</div>

JavaScript

var $numberOfMonths = 4;

		    $(document).ready(function () {

		        $("#main-container").datepicker({
		            numberOfMonths: $numberOfMonths,
		            showButtonPanel: false,
		            minDate: 0,
		            beforeShowDay: availableDays,
		            dateFormat: "dd-mm-yy",
		            firstDay: 1,
		            onSelect: function (dateText, inst) {
		                   

		            }

		        });

		      
		    });

            var pad = function (value) {
                return (value < 10 ? '0' : '') + value;
            }


	        function availableDays(date)
	        {

	            var m = date.getMonth(),
			    	d = date.getDate(),
			    	y = date.getFullYear();
			    	
	            m = m + 1;

	            var dateId = (d + '-' + m + '-' + y);

 				console.log(dateId)
			    return [false];

	        }