title: Ng-Zorro nz-range-picker overflow on mobile screen
body: <p>I'm using ng-zorro-antd 7.0.0 rc3 with angular 7.2.4.</p>
  
  <p>My problem is: I can not scroll horizontal while using the nz-range-picker on mobile browser, it seem the element was too large with the screen, but the parent of nz-range-picker has "over-flow-x: hidden", or "over-flow: hidden" attribute.</p>
  
  <p>But i can't find what element to fix this.</p>
  
  <p>I went to the documents of Ng-Zorro and it seem that they have had this problem too: <a href="https://ng.ant.design/components/date-picker/en#header" rel="nofollow noreferrer">https://ng.ant.design/components/date-picker/en#header</a></p>
  
  <p>I also seen the react version of Ant Design and it doesn't have this problem: <a href="https://ant.design/components/date-picker/#header" rel="nofollow noreferrer">https://ant.design/components/date-picker/#header</a></p>
  
  <p>Can any one help me with this?</p>
  
  <p><a href="https://i.stack.imgur.com/S8H7x.png" rel="nofollow noreferrer">Range picker cannot scroll when over-flow-x on mobile screen</a></p>