CodePen Embed - bootstrap 5 datepicker

<div class="container pt-4">
  <div class="card border text-center">
    <div class="row">
      <div class="col-12 px-4">
        <p class="h2">bootstrap 5 datepicker</p>
      </div>
    </div>
    <div class="row">
      <div class="col-12 px-2">
        
<!-- element start -->
<div class="container">
	<div class="col-sm-6" style="height:75px;">
	   <div class='col-md-6'>
			<div class="form-group">
				<div>Select</div>
				
				<div class='input-group date' id='startDate'>
					
					<span class="input-group-addon input-group-text"><span class="fa fa-calendar"></span>
					</span>
          <input type='text' class="form-control" name="startDate" />
			</div>
		</div>
		
	</div>
</div>
        
<!-- element end -->
        
      </div>
    </div>
  </div>
</div>

$(document).ready(function(){
  
  $(function () {
	$('#startDate').datepicker({
   format: 'dd/mm/yyyy' 
  });
  });
	
  
});

This Pen is owned by witty on CodePen.

See more by @witty_code on CodePen

External CSS

External JavaScript