Что-то ТС так и не выдает макет...
Если я правильно понял, то что-то вроде этого
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.css">
<style>
html, body {
height: 100%;
margin: 0;
display: flex;
justify-content: center;
align-items: flex-start;
}
#fb {
display: none;
border:1px solid black;
}
</style>
<div id="fb">
<input id="datepicker">
<button id = "close">X</button>
</div>
<button id = "open">Open FB</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.js"></script>
<script>
$(function() {
$("#datepicker").datepicker();
$("#open").on("click", function() {
$("#fb").show();
$("#open").hide();
});
$("#close").on("click", function() {
$("#fb").hide();
$("#open").show();
});
});
</script>