Force jQuery UI Datepicker to display below input field

Question

I have a page which contains a form and few fields. My issues are as follow:

1. I am trying to force jQuery UI datepicker to display below the input field.

Answer 1

A simple fix is by adjusting the frontend using CSS for the CALENDER Box.

Add the following to your CSS file.

    .ui-datepicker{
        margin-top: 300px;
    }

I tried it in your Fiddle link, was working perfectly fine.