Interactive Calendar with Legend


I’m trying to replicate the calendar found on this site:

I was thinking of a div with a fixed positioning for the calendar then when the user clicks on the calendar day it will scroll down to the appropriate details. But that interaction is not similar to the one on the example. Any help is greatly appreciated!