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'
    });
});
Ajouter une legende dans un formulaire

Ajouter une legende dans un formulaire

Card 4 Product Style01

Card 4 Product Style01

Card Bootstrap4 01

Card Bootstrap4 01

Card Profile Style01

Card Profile Style01

Input range slider HTML style03

Input range slider HTML style03

Loading style book loader

Loading style book loader

Nav Menu style02

Nav Menu style02

Organization Chart

Organization Chart

Page 404 exemple 01

Page 404 exemple 01

Profile page with b4

Profile page with b4

Scroll down button 01

Scroll down button 01

page scroll progress bar

page scroll progress bar