feat(Magic8UI): add calender to the mainFrame