How to make DateRangePicker as a calendar

[gangadharsagi]

Hi Team,

I have seen this component and planning to customize the same according to my project. I should show this component whenever we are clicking on date icon and should close when we click outside.Please let me know how to do the same. And aslo I would like to add new defined ranges how can i add the same