Monthly.js datepicker displayed in background of page

[jacquesnys]

Hi,
I'm new in web development. Currently busy with Symfony 3.3 in combination with Bootstrap CSS 3.
Trying to use Monthly.js as datepicker instead of the basic mechanism of Symfony forms and views, I'm struggling with this datepicker:

• currently displayed as background of the form or other (like bootstrap table) controls on the page, so 1. not displayed correctly and 2. unusable as the other controls take focus instead of the dates on the datepicker calendar (depending of their place on the page, of course)
• day labels are not centered in the boxes (they are left aligned)
  I do not understand why this is not working as in your beautiful example on GitHub.
  See screenshot in attachment (hope this upload worked)
  Best regards
  Jacques

[kthornbloom]

Hi, it's hard to diagnose without seeing the CSS. Have you checked z-index values on the overlapping elements? For the alignment issues, can you inspect the element & see what CSS rule is applying the style?

[jacquesnys]

Many thanks, Kevin, for your swift return on my issues.
I'll try to check the mentioned attributes in a next future and document my findings as well as the resolution, if any found.
As almost everything is generated by Symfony within a Bootstrap CSS context, I'm not sure to find out how to check about this ... I'm very new in web development, as mentioned previously.