Lightning ui:inputDate model box is not opening proper

Hello,
I have two lightning component. In one component I am setting headers and in the iteration, I am calling the second component. In the second component, there are some fields that will display in the first component as rows of the header we have set in the first component. In that second component, I used ui:inputDate. Whenever I calling that second component the datepicker model box is overlapping the field that I used so manual entry in the date field is not happening. Because when I click on that input date field the model box is open and overlap on the field. I have also shared the screenshots of my component.

ui:inputDate model box behaviour:

The below screenshot shows that how datepicker model box is open exactle down to date field

This is how datepicker model box of ui:inputDate is open down to field.