JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.ui-datepicker .specialDate a { background: #6F0; }
	.ui-datepicker .specialDate1 a { background: grey; }

.ui-datepicker .specialDate2 a { background: red; }

JavaScript

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