JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dp2"></div>
<div class="start_date dp"></div>
<div class="end_date dp"></div>
<a href="#" class="reset">reset</a>

JavaScript

$(".dp").datepicker({format:'d.m.Y H:i'});

var dates = jQuery('.start_date, .end_date').datepicker("option", "onSelect", 
   function(selectedDate){
       var $this = $(this),
           option = $this.hasClass("start_date") ? "minDate" : "maxDate",
           adjust = $this.hasClass("start_date") ? 1 : -1,
           base_date = new Date(selectedDate),
           new_date = new Date();

       new_date.setDate(base_date.getDate() + (1 * adjust));
       dates.not(this).datepicker("option", option, new_date);
       
   }
);

$(".reset").on("click", function() { $(".dp").datepicker("option", "minDate", null).datepicker("option", "maxDate", null); });