lo que sucede es que estoy implementando un calendario en mi aplicación, para ello use el de JQuery, pero al momento de las configuraciones es donde surge el problema y es que no me deja seleccionar la fecha completa, solo el año y posterior a esto se oculta y no debería hacerlo, ya le di muchas vueltas pero no logro configurar de forma correcta el calendario, por favor me podrían ayudar a ver donde esta el inconveniente.
$('[data-toggle="datepicker"]').datepicker({
inline: true,
startView: 2
});
.calendar {
border: 1px solid red;
height: 30px;
}
.datepicker-container {
margin-top: 40px;
}
<link href="https://fengyuanchen.github.io/datepicker/css/datepicker.css" rel="stylesheet" />
<div class="datepicker">
<span class="text">
Selecciona una fecha
</span>
<div class="calendar" data-toggle="datepicker">
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://fengyuanchen.github.io/datepicker/js/datepicker.js"></script>