JSFiddle - React, Tailwind, and code Playground

by pratik24

HTML

<div id="datepicker"></div>

CSS

.ui-datepicker .specialDate a { background: #6F0; }
.ui-datepicker .specialDate1 a { background: #b0b0b0; }
.ui-datepicker .specialDate2 a { background: red;}

JavaScript

$(function() {
    
	 var datesArray=["9/26/2013","9/25/2013"]
	 var datesArray1=['9/27/2013','9/28/2013']
     var datesArray2=['9/28/2013']
	
		$( "#datepicker" ).datepicker({
			numberOfMonths: 2,
			
			selectMultiple:true,
			beforeShowDay: function (date) {
				var theday = (date.getMonth()+1) +'/'+ 
							date.getDate()+ '/' + 
							date.getFullYear();
					return [true,$.inArray(theday, datesArray) >=0?"specialDate":($.inArray(theday, datesArray1)>=0?"specialDate1":($.inArray(theday, datesArray2)>=0?"specialDate2":''))];
				}
		});
		//$.inArray(theday, datesArray) >=0?"specialDate":'specialDate1'
	});