fix(datepicker): position on screen

[mtraynham]

Fixes Bug #1837. This is jqlite compatible.

This solution alters the suggested positioning with the height/width of the popup element. To achieve the offsetWidth/offsetHeight of the popup, I used the jquery trick of setting the display to block which generates the offsetWidth/offsetHeight and then set it back after calculation.

I know there is already a pull request (PR #1838) for this, but it was answered from 2 months ago, required jQuery and also didn't compensate for the left/top and right boundaries.

[RichardLitt]

👍

[chrisirhc]

Thank you for the PR. However, I think this actually moves the popup upwards by y which covers the text field containing the popup. A better approach might be to call $positionElements with top as the positionStr as I mentioned in #1837.

[mtraynham]

So you're looking for something similar to the tooltip positioning? Regardless on how you solve it, because the date picker popup is a 'display: none' element, you'll have to use the jQuery hackery as I've shown in this pull request to get the height/width of the popup (temp set to display: block).

Then, sure, you could do top/bottom/left/right.

[icfantv]

Closing in favor of #4762.