Use CDK Overlay to display the date-range-picker

To be in line with other Angular Material components, I feel the date-range-picker should be rendered using the CDK Overlay instead of the custom position: absolute <div> we have now.

I am trying to incorporate this component in my application, but the look and feel stand out too much from other Material components for me to use it. The CDK has some wonderful features that we would get to leverage for free (positioning, Material-like UX, …), so I feel it’d be a major improvement.

I submitted a PR upgrading this repo to Angular 9 (https://github.com/fetrarij/ngx-daterangepicker-material/pull/251) to allow us to use the latest features the CDK offers, and would be willing to take a stab at changing the way this component renders.

Opinions?

[Timebutt]

That’s great news! I even fixed some issues I found in the current master while at it, plus massively improved the typing of both the directive and component. Only thing I see that still needs improvement is the fact that the code examples don’t render very well on both smaller screens and in dark mode, so I’ll see if I can finetune that.

Oh and I’ll need to rewrite/adjust some of the documentation to reflect current state of affairs. I’ll create a PR already so that you can have a look at what I’ve changed.

[Timebutt]

Closing this issue as this was resolved by merging https://github.com/fetrarij/ngx-daterangepicker-material/pull/257.