JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
 <form method="GET" action="test1.php" >	

  <div class="container1">
    <p>Date: <input type="maDate" id="datepicker" name="Datepicker" value="04-10"></p>	
  </div>

  heure début surveillance essaimage primaire : <input type="time" id="wakeup" name="horloge" value="10:00" >

  <button type="submit">Récupérer la valeur</button>  

</form>

JavaScript

$( "#datepicker" ).datepicker({
  monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
  monthNamesShort: ['Janv.', 'Févr.', 'Mars', 'Avril', 'Mai', 'Juin', 'Juil.', 'Août', 'Sept.', 'Oct.', 'Nov.', 'Déc.'],
  dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
  dayNamesShort: ['Dim.', 'Lun.', 'Mar.', 'Mer.', 'Jeu.', 'Ven.', 'Sam.'],
  dayNamesMin: ['D', 'L', 'M', 'M', 'J', 'V', 'S'],
  dateFormat: 'dd-mm',				  
  prevText: 'Précédent',
  nextText: 'Suivant',
  firstDay : 1,
  showOn: "button",
  //  buttonImageOnly: true,
  buttonText:"Choisir la date",
  buttonImage: "https://picsum.photos/id/1/50"								
});