Calendar view added to the sidebar to quickly navigate and visualize …

README.md

@@ -22,6 +22,7 @@ WeekToDo is a free minimalist weekly planner app focused on privacy. Schedule yo
 - Task Time
 - Recurring Tasks
 - Notifications and reminders
+- Month calendar view (read-only) with quick jump to week
 
 ## Roadmap
 

src/App.vue

@@ -121,6 +121,7 @@
       <importing-modal :id="'exportingModal'" :text="$t('settings.exporting')"></importing-modal>
 
       <reorder-custom-lists-modal @reset-custom-list="resetCustomList"></reorder-custom-lists-modal>
+      <month-calendar @goToDate="setSelectedDate"></month-calendar>
     </div>
     <div class="mobile d-flex flex-column justify-content-center align-items-center">
       <i class="bi-exclamation-diamond mb-4" style="font-size: 100px"></i>
@@ -181,6 +182,7 @@ import ReorderCustomListsModal from "./views/ReorderCustomListsModal.vue";
 import toastMessage from "./components/toastMessage";
 import activeToDo from "./components/activeToDo.vue";
 import tasksHelper from "./helpers/tasksHelper";
+import MonthCalendar from "./views/MonthCalendar.vue";
 
 export default {
   name: "App",
@@ -202,6 +204,7 @@ export default {
     clearListModal,
     toastMessage,
     activeToDo,
+    MonthCalendar,
   },
   data() {
     return {

src/components/layout/sideBar.vue

@@ -29,6 +29,13 @@
       :weekStartsOn="weekStartOnMonday"
     />
     <i v-if="showCalendar" class="bi-calendar-event" @click="changeDate" :title="$t('ui.calendar')"> </i>
+    <i
+      v-if="showCalendar"
+      class="bi-calendar3"
+      data-bs-toggle="modal"
+      data-bs-target="#monthCalendarModal"
+      :title="$t('ui.calendar')"
+    ></i>
     <!-- <i class="bi-search" :title="$t('donate.supportUs')"></i>
     <i class="bi-filter" :title="$t('donate.supportUs')" ></i> -->
     <i