Open daterangeicker inside a side menu

I would like to open a daterangepicker inside a side menu. But the darerangepicker does not stay inside the side menu. In the picture you can see that overflow-y is on the main window instead of the side meny that I want. And the layout of the daterangepicker is depenedent of the main window width and not the side menu width. What do I need to add?

<div class="mainBody">
  <div class="sidebarWrap sidebarWrapLeft">
    <div class="sidebar">  
       <input type="text" name="daterange" value="01/01/2018 - 01/15/2018" />
    </div>
  </div>
  
  
  <div class="main-page-container">
    <nav class="navbar navbar-default navbar-static-top">
      <a href="#" class="menuToggleBtn"><i class="fa fa-bars"></i></a>
    </nav>
  </div>
</div>

overflow picure