JSFiddle - React, Tailwind, and code Playground

HTML

<!-- Datepicker -->
<h2 class="demoHeaders">Datepicker</h2>
When leaving either one of the datepickers, an alert should be shown (onClose event of datepicker).<br>
But when leaving dp1 <b>by clicking on dp2</b>, no onClose is being triggered.<br>
<br>
dp1: <input id="datepicker1"/> 
dp2: <input id="datepicker2"/>

JavaScript

$(function(){
 $('#datepicker1').datepicker({
  onClose: function(){alert('dp1 close')}
 });
 $('#datepicker2').datepicker({
  onClose: function(){alert('dp2 close')}
 });
});