Calendar

This consists of two widgets. The journal view widget is used by the user to see their schedule of the current day, and the full-screen view widget is a convenient method for the user to navigate to different days of their journal.

Icon

This is used in the journal view to drag the journal view calendar widget onto the page.

Lo-Fi Design

images/Telos_Calendar_Icon_Lofi.png

Hi-Fi Design

Note that design specifications are on Figma: https://www.figma.com/file/1c8y7ik5mwTmwFZLTqjBM0/Telos-Icon?node-id=0%3A1

images/Telos_Calendar_Icon_Hifi.png

Journal View

This is the widget shown after the user drags the icon on the journal view.

Lo-Fi Design

images/Telos_Calendar_Journal_Lofi.png

Hi-Fi Design

Note that the screen should be scrollable between 0:00AM - 12:00 AM each day, with 9AM-7PM being the default screen. Design specifications are on Figma: https://www.figma.com/file/zGxNxUKPRjUySehElk9I4f/Untitled?node-id=0%3A1

images/Telos_Calendar_Journal_Hifi.png

Fullscreen View

This is the widget in fullscreen view.

Lo-Fi Design

images/Telos_Calendar_Fullscreen_Lofi.png

Hi-Fi Design

Design specifications are on Figma: https://www.figma.com/file/fF79nIgeYgdcA0J7ZKQZjB/Calendar_Fullscreen?node-id=0%3A1 Note that the days should be click-able to navigate to the specific journal date (in journal view).

images/Telos_Calendar_Fullscreen_Hifi.png