JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div class="ui-datepicker-group ui-datepicker-group-first">
  <div class="ui-datepicker-header">
    <div class="ui-datepicker-title">
      <div class="datepicker-month"></div>
      <div class="datepicker-year"></div>
    </div>
  </div>
</div>
<div class="ui-datepicker-group ui-datepicker-group-last">
  <div class="ui-datepicker-header">
    <div class="ui-datepicker-title">
      <div class="datepicker-month"></div>
      <div class="datepicker-year"></div>
    </div>
  </div>
</div>
<div class="ui-datepicker-row-break"></div>

JavaScript

.ui-datepicker-group
--.ui-datepicker-header
----.ui-datepicker-title
------.datepicker-month
------.datepicker-year

//yg asli
//bug nya disini ternyata we yg kalender, pengennya manggil yg ui-datepicker-row-break, gmn ya caranya?
$('.ui-datepicker-group').each(function(){

var monthName = $(this).children('.ui-datepicker-header').children('.ui-datepicker-title').children('.ui-datepicker-month').text();

if(monthName==="Januari"){
	$(this).after(
	"<div class='listHoliday'>" + "<span class='numDate'>" + "01 / 01" + "</span>" + "Tahun Baru Masehi" + "</div>"
	);
}

....)}

//yg gw buat
//gw coba buat gini tapi gak jalan, ada masukan gak we?
$('ui-datepicker-row-break').each(function(){

var monthName = $(this).text();

if(monthName==="Januari"){
	$(this).after(
	"<div class='listHoliday'>" + "<span class='numDate'>" + "01 / 01" + "</span>" + "Tahun Baru Masehi" + "</div>"
	);
}

....)}