datetimepicker not showing calendar just time picker

Question

The components shows only time picker:

.form-group
    label.col-xs-5.control-label test field
    .col-xs-5
      #fromDate.input-group.date
        input.form-control(type='text')
          span.input-group-addon
          span.glyphicon.glyphicon-calendar

$(function () {
  $('#fromDate').datetimepicker({
    sideBySide: true,
    locale:'en-ca'
  });
})

Why calendar is not showing?

Answer 1

it seems like you are using eonasdan-datetimepicker

I copied your template, and it is working as it should.

Fiddle

HTML

<div class="form-group">
  <label class='label col-xs-5 control-label test field'></label>
  <div class="col-xs-5">
    <div class='input-group date' id='myDatepicker'>
      <input type='text' class="form-control" />
      <span class="input-group-addon">
     <span class="glyphicon glyphicon-calendar"></span>
      </span>
    </div>
  </div>
</div>

JS Code

$('#myDatepicker').datetimepicker({
  sideBySide: true,
  locale: 'en-ca'
});