View the Design System for the Calendar Navigation Bar. This is the highlighted bar below that include the date as well as search button, day/week/month view button, today button, and backward/forward button. Reference:
Create /organisms/CalendarNavbar/index.tsx under /components. Implement the layout above. Put styling files under /styles/organisms/NewMeeting.module.scss
[ ] Implement a responsive template for calendar navigation bar.
[ ] The navbar layout have appropriate padding, margins, spacing per design system.
Notes
You should be able to create layout with dummy components for now, and once we have reviewed PR for atoms by next Wednesday, you can start to put in actual atoms.
No need to connect to backend yet, that will be for another ticket.
Please make sure your code use SCSS for styling. You might find this guide to be useful.
Branches:
organisms/CalendarNavbar-frontendTask at Hand
Create /organisms/CalendarNavbar/index.tsx under /components. Implement the layout above. Put styling files under /styles/organisms/NewMeeting.module.scss
Confirm that your code and pull request follow the Pull Request Checklist.
Acceptance Criteria
Notes