In this tutorial, we will learn How to display a responsive calendar in div
You have to simply display the calendar for date imformation then use this example. also display datepicker in span and div. this is jquery-ui div calendar demo. jquery-ui provide responsive and custmize datepicker in div.how to create calendar in html using jquery.
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<div id="datepicker"></div>
<script>
$( function() {
$( "#datepicker" ).datepicker();
} );
</script>
May this example help you.