Bootstrap4 datepicker

<!DOCTYPE html>
<html>
<head>
	<title>BOOTSTRAP4 DATEPICKER | par NGLESSON</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keyword" content="BOOTSTRAP4 DATEPICKER">
	<meta name="author" content="Mezgani said">
	<meta name="copyright" content="NGLESSON">
	<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
	<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<link href="style.css" rel="stylesheet">
</head>
<body>
    <div class="container mt-5">
		<form class="row">
		  <h5 class="col-12 text-right">Intégrer Datepicker FR in input B4</h5>
		  <div class="form-group col-6">
			<label for="datepicker"><i class="fa fa-calendar"></i> Date</label>
			<input type="text" class="form-control" id="datepicker" readonly>
		  </div>
		</form>
	  </div>      
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>                       
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>                     
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/locales/bootstrap-datepicker.fr.min.js"></script>  
<script src="script.js"></script>
</body>
</html>

                                    
$(function () {    
    $('#datepicker').datepicker({
      isRTL: true,
      autoclose: true, 
      todayHighlight: true,
      language: 'fr',
      format: 'dd-mm-yyyy'
    });
});
Add Remove dynamic rows with dynamic ID of input in HTML table

Add Remove dynamic rows with dynamic ID of input in HTML table

Alert Bootstrap4 style01

Alert Bootstrap4 style01

Blog post card 01

Blog post card 01

Card Panel Bootstrap4 with header and footer

Card Panel Bootstrap4 with header and footer

Card Profile Style01

Card Profile Style01

Créer des tds dynamiquement dans une table html

Créer des tds dynamiquement dans une table html

Créer un effet de défilement vers le bas de la souris animé

Créer un effet de défilement vers le bas de la souris animé

Créer une input search animée

Créer une input search animée

Image hover 04

Image hover 04

Image hover effects style

Image hover effects style

SwiperJS Lazy Load Images

SwiperJS Lazy Load Images

Timeline style01

Timeline style01