Compact responsive datepicker

What if instead of placing a datepicker on a separate screen, how it often happens now, try to make a calendar that would transform according to the space left? In that case a user will not have to switch between the screens and the contexts.

This calendar will fit perfectly hotels booking forms, flight searches, and other filters for displaying different kinds of data.

You could check Framer prototype here:
http://share.framerjs.com/umv1ezul6nts/