Calendar css is broken

[810]

Steps to reproduce the issue

Open a calendar supported extension, like for us: kunena
Then go to statistics- select calendar icon

Expected result

Actual result

System information (as much as possible)

Joomla! 3.7.0-rc1

Additional comments

[wilsonge]

@dgt41

[wilsonge]

How are you loading the calendar?

[810]

<div class="btn-group pull-left">
	<?php echo JHtml::calendar($this->filterTimeStart, 'filter_time_start', 'filter_time_start', '%Y-%m-%d', array('class' => 'filter input-small btn-wrapper', 'placeholder' => JText::_('COM_KUNENA_STATISTICS_START_DATE'))); ?>
	<?php echo JHtml::calendar($this->filterTimeStop, 'filter_time_stop', 'filter_time_stop', '%Y-%m-%d', array('class' => 'filter input-small btn-wrapper', 'placeholder' => JText::_('COM_KUNENA_STATISTICS_END_DATE'))); ?>
</div>

[dgrammatiko]

What happens if you remove the class input-small?

[810]

the width is ok, but i can't see any numbers, and there is no style on the title (year ect)

[810]

ok found the issues:

1. missing font-size on .calendar-container table tbody td.day (C:\wamp\www\develop\media\system\css\fields\calendar.css)
2. please convert em to px on C:\wamp\www\develop\media\system\js\fields\calendar.js and C:\wamp\www\develop\media\system\js\fields\calendar.min.js

[zero-24]

Closing as there is a PR: #14219