From 13b8be9399ba0bc42c1ca4e1cf154b66b11502c8 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Sat, 18 May 2024 20:56:38 +0200
Subject: [PATCH] This broke most things tbh, the date functions need to be
 reworked to account for differently formatted calendars (how idk). This would
 fix most issues that stem from it in other screens

---
 components/calendar/CalendarCurrentDate.vue   |   3 +-
 components/calendar/CalendarEvent.vue         |   4 +-
 components/calendar/CalendarEventDetails.vue  |   4 +-
 components/calendar/CalendarMenuSubnav.vue    |   7 +-
 components/calendar/CalendarMenuToday.vue     |   4 +-
 .../calendar/search/lists/EventCallout.vue    |   4 +-
 .../calendar/search/lists/SearchList.vue      |   6 +-
 components/calendar/state/monthly/DayTile.vue |   4 +-
 components/calendar/state/yearly/DayTile.vue  |   4 +-
 models/Date.ts                                | 162 ---------------
 stores/CalendarStore.ts                       | 186 +++++++++++++++++-
 stores/EventStore.ts                          |  37 ++--
 12 files changed, 228 insertions(+), 197 deletions(-)

diff --git a/components/calendar/CalendarCurrentDate.vue b/components/calendar/CalendarCurrentDate.vue
index a7b2440..9211cef 100644
--- a/components/calendar/CalendarCurrentDate.vue
+++ b/components/calendar/CalendarCurrentDate.vue
@@ -1,11 +1,10 @@
 <script lang="ts" setup>
-import { getRelativeString } from '@/models/Date'
 import { storeToRefs } from 'pinia'
 import { computed } from 'vue'
 
 import { PhMapPin } from '@phosphor-icons/vue'
 
-const { defaultDate, getFormattedDateTitle } = useCalendar()
+const { defaultDate, getFormattedDateTitle, getRelativeString } = useCalendar()
 const { selectedDate } = storeToRefs(useCalendar())
 
 const mainDateTitle = computed(() => getFormattedDateTitle(selectedDate.value, true))
diff --git a/components/calendar/CalendarEvent.vue b/components/calendar/CalendarEvent.vue
index d388f15..a6d11da 100644
--- a/components/calendar/CalendarEvent.vue
+++ b/components/calendar/CalendarEvent.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { cn } from '@/lib/utils'
-import { areDatesIdentical, type RPGDate } from '@/models/Date'
+import type { RPGDate } from '@/models/Date'
 import type { CalendarEvent } from '~/models/CalendarEvent'
 
 const props = defineProps<{
@@ -9,6 +9,8 @@ const props = defineProps<{
   tileDate: RPGDate
 }>()
 
+const { areDatesIdentical } = useCalendar()
+
 const spansMultipleDays = Boolean(props.event.startDate && props.event.endDate)
 
 const isStartEvent = spansMultipleDays && areDatesIdentical(props.tileDate, props.event.startDate)
diff --git a/components/calendar/CalendarEventDetails.vue b/components/calendar/CalendarEventDetails.vue
index f138670..799f982 100644
--- a/components/calendar/CalendarEventDetails.vue
+++ b/components/calendar/CalendarEventDetails.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { getRelativeString, type RPGDate } from '@/models/Date'
+import type { RPGDate } from '@/models/Date'
 import type { CalendarEvent } from '@/models/CalendarEvent'
 import { useCalendar } from '@/stores/CalendarStore'
 import { useCalendarEvents } from '@/stores/EventStore'
@@ -27,6 +27,8 @@ const emit = defineEmits<{
   (e: 'query:close-popover'): void
 }>()
 
+const { getRelativeString } = useCalendar()
+
 const dateDifference: string = getRelativeString(defaultDate, props.event.startDate)
 const dateDuration: string | null = props.event.endDate
   ? getRelativeString(props.event.startDate, props.event.endDate, 'compact')
diff --git a/components/calendar/CalendarMenuSubnav.vue b/components/calendar/CalendarMenuSubnav.vue
index ac16844..5409f11 100644
--- a/components/calendar/CalendarMenuSubnav.vue
+++ b/components/calendar/CalendarMenuSubnav.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { daysPerMonth, monthsPerYear, type RPGDate } from '@/models/Date'
+import { type RPGDate } from '@/models/Date'
 import { useCalendar } from '@/stores/CalendarStore'
 import { useCalendarEvents } from '@/stores/EventStore'
 
@@ -10,6 +10,11 @@ const { getRelativeEventFromDate } = useCalendarEvents()
 
 function handleGotoPreviousEventPage(position: 'next' | 'prev' = 'next') {
   let fromDate: RPGDate
+
+  // To modify, obviously
+  const daysPerMonth = 30
+  const monthsPerYear = 10
+
   const toDay = position === 'next' ? daysPerMonth : 1
   const toMonth = position === 'next' ? monthsPerYear : 0
 
diff --git a/components/calendar/CalendarMenuToday.vue b/components/calendar/CalendarMenuToday.vue
index d6a9052..2b8b882 100644
--- a/components/calendar/CalendarMenuToday.vue
+++ b/components/calendar/CalendarMenuToday.vue
@@ -3,9 +3,7 @@ import { useCalendar } from '@/stores/CalendarStore'
 import { storeToRefs } from 'pinia'
 import { computed } from 'vue'
 
-import { areDatesIdentical } from '@/models/Date'
-
-const { defaultDate } = useCalendar()
+const { defaultDate, areDatesIdentical } = useCalendar()
 const { selectedDate } = storeToRefs(useCalendar())
 const { jumpToDefaultDate, getFormattedDateTitle } = useCalendar()
 
diff --git a/components/calendar/search/lists/EventCallout.vue b/components/calendar/search/lists/EventCallout.vue
index ed63552..00d4dce 100644
--- a/components/calendar/search/lists/EventCallout.vue
+++ b/components/calendar/search/lists/EventCallout.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { getRelativeString, type RPGDate } from '@/models/Date'
+import type { RPGDate } from '@/models/Date'
 import type { CalendarEvent } from '@/models/CalendarEvent'
 import { useCalendar } from '@/stores/CalendarStore'
 
@@ -13,6 +13,8 @@ defineEmits<{
   (e: 'query:date-jump', payload: RPGDate): void
 }>()
 
+const { getRelativeString } = useCalendar()
+
 const { defaultDate, getFormattedDateTitle } = useCalendar()
 
 const dateDifference: string = getRelativeString(defaultDate, props.event.startDate)
diff --git a/components/calendar/search/lists/SearchList.vue b/components/calendar/search/lists/SearchList.vue
index f7a61bd..257888c 100644
--- a/components/calendar/search/lists/SearchList.vue
+++ b/components/calendar/search/lists/SearchList.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import { isCharacter, type Character } from '@/models/Characters'
-import { compareDates, type RPGDate, type RPGDateOrder } from '@/models/Date'
-import { isCalendarEvent, type CalendarEvent } from '~/models/CalendarEvent'
+import type { RPGDate, RPGDateOrder } from '@/models/Date'
 import { useCalendar } from '@/stores/CalendarStore'
 import { computed } from 'vue'
+import { isCalendarEvent, type CalendarEvent } from '~/models/CalendarEvent'
 import type { SearchMode } from '../../SearchMode'
 
 import CharacterCallout from './CharacterCallout.vue'
@@ -20,7 +20,7 @@ const props = defineProps<{
 
 const emit = defineEmits(['jumpedToDate'])
 
-const { jumpToDate } = useCalendar()
+const { jumpToDate, compareDates } = useCalendar()
 
 function handleJumpToDate(date?: RPGDate) {
   if (!date) return
diff --git a/components/calendar/state/monthly/DayTile.vue b/components/calendar/state/monthly/DayTile.vue
index cf45907..f26d456 100644
--- a/components/calendar/state/monthly/DayTile.vue
+++ b/components/calendar/state/monthly/DayTile.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { areDatesIdentical, type RPGDate } from '@/models/Date'
+import type { RPGDate } from '@/models/Date'
 import { useCalendar } from '@/stores/CalendarStore'
 import { useCalendarEvents } from '@/stores/EventStore'
 import { useElementBounding } from '@vueuse/core'
@@ -17,7 +17,7 @@ const props = defineProps<{
 const calendarTile = ref()
 const calendarEventsList = ref()
 
-const { defaultDate, selectDate } = useCalendar()
+const { defaultDate, selectDate, areDatesIdentical } = useCalendar()
 const { selectedDate } = storeToRefs(useCalendar())
 const { currentEvents } = storeToRefs(useCalendarEvents())
 
diff --git a/components/calendar/state/yearly/DayTile.vue b/components/calendar/state/yearly/DayTile.vue
index f41e674..0ea59c8 100644
--- a/components/calendar/state/yearly/DayTile.vue
+++ b/components/calendar/state/yearly/DayTile.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { areDatesIdentical, type RPGDate } from '@/models/Date'
+import type { RPGDate } from '@/models/Date'
 import { useCalendar } from '@/stores/CalendarStore'
 import { useCalendarEvents } from '@/stores/EventStore'
 import { storeToRefs } from 'pinia'
@@ -14,6 +14,8 @@ const props = defineProps<{
   dayNumber: number
 }>()
 
+const { areDatesIdentical } = useCalendar()
+
 const tileDate: ComputedRef<RPGDate> = computed(() => {
   return {
     day: props.dayNumber,
diff --git a/models/Date.ts b/models/Date.ts
index 66dd8ec..3cc1964 100644
--- a/models/Date.ts
+++ b/models/Date.ts
@@ -6,168 +6,6 @@ export interface RPGDate {
 
 export type RPGDateOrder = 'asc' | 'desc'
 
-export const monthsPerYear: number = 10
-export const daysPerYear: number = 320
-export const daysPerMonth: number = 32
-export const daysPerWeek: number = 6
-
-/**
- * Check whether two dates are identical
- *
- * @param date1 First date
- * @param date2 Second date
- * @returns True if the dates are identical
- */
-export function areDatesIdentical(date1: RPGDate, date2: RPGDate): boolean {
-  return convertDateToDays({ ...date1 }) === convertDateToDays({ ...date2 })
-}
-
-/**
- * Compare dates
- *
- * @param date1 First date
- * @param date2 Second date
- * @returns 1 means the first date comes before the second, -1 means the second comes before the first, and 0 if they're identical
- */
-export function compareDates(a: RPGDate, b: RPGDate, order: RPGDateOrder = 'desc'): number {
-  // Reverses the order if specified
-  const orderFactor: number = order === 'desc' ? 1 : -1
-
-  // Compare years
-  if (a.year < b.year) return -1 * orderFactor
-  if (a.year > b.year) return 1 * orderFactor
-
-  // Compare months
-  if (a.month < b.month) return -1 * orderFactor
-  if (a.month > b.month) return 1 * orderFactor
-
-  // Compare days
-  if (a.day < b.day) return -1 * orderFactor
-  if (a.day > b.day) return 1 * orderFactor
-
-  return 0
-}
-
-/**
- * Converts a RPGDate to its equivalent in days
- *
- * @todo Handle negative dates
- * @param dateToConvert The date object
- * @returns How many days does it represent
- */
-export function convertDateToDays(dateToConvert: RPGDate): number {
-  let numberOfDays: number = dateToConvert.day
-
-  numberOfDays = numberOfDays + dateToConvert.month * daysPerMonth
-  numberOfDays = numberOfDays + dateToConvert.year * daysPerYear
-
-  return numberOfDays
-}
-
-/**
- * From two dates, get the difference in days between them
- * @param baseDate The base date
- * @param relativeDate The year to compare it to
- * @returns The number of days separating the two dates (both positive and negative numbers)
- */
-export function getDifferenceInDays(baseDate: RPGDate, relativeDate: RPGDate): number {
-  return convertDateToDays(relativeDate) - convertDateToDays(baseDate)
-}
-
-/**
- * From two dates, gives information on how many years, months and days it has been / will be between them
- *
- * @param baseDate The base date
- * @param relativeDate The year to compare it to
- * @returns A string with info on how the relative date differs to the base date
- */
-export function getRelativeString(
-  baseDate: RPGDate,
-  relativeDate: RPGDate,
-  formatting: 'compact' | 'complex' = 'complex'
-): string {
-  const differenceInDays: number = getDifferenceInDays(baseDate, relativeDate)
-  let output: string = ''
-  let direction: 'past' | 'present' | 'future' = 'present'
-  let directionPrefix: string = ''
-
-  // Check whether it's a past or future date
-  if (differenceInDays > 0) {
-    direction = 'future'
-  } else if (differenceInDays < 0) {
-    direction = 'past'
-  }
-
-  if (formatting === 'complex') {
-    // Handle if it's the same date
-    if (direction === 'present') {
-      return "Aujourd'hui"
-    }
-    if (differenceInDays === -2) {
-      return 'Avant-hier'
-    }
-    if (differenceInDays === -1) {
-      return 'Hier'
-    }
-    if (differenceInDays === 1) {
-      return 'Demain'
-    }
-    if (differenceInDays === 2) {
-      return 'Après-demain'
-    }
-
-    // Get relevant prefix for the string
-    if (direction === 'future') {
-      directionPrefix = 'Dans '
-    } else if (direction === 'past') {
-      directionPrefix = 'Il y a '
-    }
-
-    output += directionPrefix
-  }
-
-  const yearPackets: number = Math.abs(Math.trunc(differenceInDays / daysPerYear))
-  const monthPackets: number = Math.abs(Math.trunc(differenceInDays / daysPerMonth) % monthsPerYear)
-
-  const remainingDays: number =
-    Math.abs(differenceInDays) - (yearPackets * daysPerYear + monthPackets * daysPerMonth)
-
-  // Assign year part
-  if (yearPackets) {
-    if (yearPackets === 1) {
-      output += `${yearPackets} an`
-    } else {
-      output += `${yearPackets} ans`
-    }
-  }
-
-  // Assign month part
-  if (monthPackets) {
-    // If there was a year packet(s), separate from them
-    if (yearPackets) {
-      output += ','
-    }
-
-    output += ` ${monthPackets} mois`
-  }
-
-  // Assign day part
-  if (remainingDays) {
-    // If there was a year OR month packet(s), separate from them
-    if (yearPackets || monthPackets) {
-      output += ' et'
-    }
-
-    if (remainingDays === 1) {
-      output += ` ${remainingDays} jour`
-    } else {
-      output += ` ${remainingDays} jours`
-    }
-  }
-
-  return output
-}
-
 // export function getRelativeDate(baseDate: RPGDate, relativeDate: RPGDate) {
 //   let newDay: number
 //   let newMonth: number
diff --git a/stores/CalendarStore.ts b/stores/CalendarStore.ts
index fe15b45..c3198d4 100644
--- a/stores/CalendarStore.ts
+++ b/stores/CalendarStore.ts
@@ -1,5 +1,6 @@
 import {
   type RPGDate,
+  type RPGDateOrder,
 } from '@/models/Date'
 import { useLocalStorage, useUrlSearchParams } from '@vueuse/core'
 import { defineStore, skipHydrate } from 'pinia'
@@ -284,6 +285,18 @@ export const useCalendar = defineStore('calendar', () => {
     return ''
   }
 
+  /**
+   * State for advanced search modal
+   */
+  const isAdvancedSearchOpen: Ref<boolean> = ref<boolean>(false)
+
+  /**
+   * Opens the search modal
+   */
+  function revealAdvancedSearch() {
+    isAdvancedSearchOpen.value = true
+  }
+
   /**
    * Switches the active viewType
    *
@@ -293,6 +306,9 @@ export const useCalendar = defineStore('calendar', () => {
     currentConfig.value.viewType = viewType
   }
 
+  /**
+   * FORMATTING
+   */
   /**
    * Gets the formatted viewType title
    *
@@ -331,6 +347,9 @@ export const useCalendar = defineStore('calendar', () => {
     return `${getMonthName(date.month)} ${date.year}`
   }
 
+  /**
+   * DATE JUMPS & SELECTION
+   */
   /**
    * Jumps the calendar to the given date
    *
@@ -357,10 +376,166 @@ export const useCalendar = defineStore('calendar', () => {
     selectedDate.value = date
   }
 
-  const isAdvancedSearchOpen: Ref<boolean> = ref<boolean>(false)
+  /**
+   * DATE OPERATIONS
+   *
+   * Used to convert dates, sort them and compare them
+   */
+  /**
+   * Converts a RPGDate to its equivalent in days
+   *
+   * @todo Handle negative dates
+   * @param dateToConvert The date object
+   * @returns How many days does it represent
+   */
+  function convertDateToDays(dateToConvert: RPGDate): number {
+    let numberOfDays: number = dateToConvert.day
 
-  function revealAdvancedSearch() {
-    isAdvancedSearchOpen.value = true
+    numberOfDays = numberOfDays + dateToConvert.month * 1 // daysPerMonth
+    numberOfDays = numberOfDays + dateToConvert.year * daysPerYear.value
+
+    return numberOfDays
+  }
+
+  /**
+   * From two dates, get the difference in days between them
+   * @param baseDate The base date
+   * @param relativeDate The year to compare it to
+   * @returns The number of days separating the two dates (both positive and negative numbers)
+   */
+  function getDifferenceInDays(baseDate: RPGDate, relativeDate: RPGDate): number {
+    return convertDateToDays(relativeDate) - convertDateToDays(baseDate)
+  }
+
+  /**
+   * Check whether two dates are identical
+   *
+   * @param date1 First date
+   * @param date2 Second date
+   * @returns True if the dates are identical
+   */
+  function areDatesIdentical(date1: RPGDate, date2: RPGDate): boolean {
+    return getDifferenceInDays({ ...date1 }, { ...date2 }) === 0
+  }
+
+  /**
+   * Compare dates (used for array sorting)
+   *
+   * @param date1 First date
+   * @param date2 Second date
+   * @returns 1 means the first date comes before the second, -1 means the second comes before the first, and 0 if they're identical
+   */
+  function compareDates(a: RPGDate, b: RPGDate, order: RPGDateOrder = 'desc'): number {
+  // Reverses the order if specified
+    const orderFactor: number = order === 'desc' ? 1 : -1
+
+    // Compare years
+    if (a.year < b.year) return -1 * orderFactor
+    if (a.year > b.year) return 1 * orderFactor
+
+    // Compare months
+    if (a.month < b.month) return -1 * orderFactor
+    if (a.month > b.month) return 1 * orderFactor
+
+    // Compare days
+    if (a.day < b.day) return -1 * orderFactor
+    if (a.day > b.day) return 1 * orderFactor
+
+    return 0
+  }
+
+  /**
+   * From two dates, gives information on how many years, months and days it has been / will be between them
+   *
+   * @param baseDate The base date
+   * @param relativeDate The year to compare it to
+   * @returns A string with info on how the relative date differs to the base date
+   */
+  function getRelativeString(
+    baseDate: RPGDate,
+    relativeDate: RPGDate,
+    formatting: 'compact' | 'complex' = 'complex'
+  ): string {
+    const differenceInDays: number = getDifferenceInDays(baseDate, relativeDate)
+    let output: string = ''
+    let direction: 'past' | 'present' | 'future' = 'present'
+    let directionPrefix: string = ''
+
+    // Check whether it's a past or future date
+    if (differenceInDays > 0) {
+      direction = 'future'
+    } else if (differenceInDays < 0) {
+      direction = 'past'
+    }
+
+    if (formatting === 'complex') {
+    // Handle if it's the same date
+      if (direction === 'present') {
+        return "Aujourd'hui"
+      }
+      if (differenceInDays === -2) {
+        return 'Avant-hier'
+      }
+      if (differenceInDays === -1) {
+        return 'Hier'
+      }
+      if (differenceInDays === 1) {
+        return 'Demain'
+      }
+      if (differenceInDays === 2) {
+        return 'Après-demain'
+      }
+
+      // Get relevant prefix for the string
+      if (direction === 'future') {
+        directionPrefix = 'Dans '
+      } else if (direction === 'past') {
+        directionPrefix = 'Il y a '
+      }
+
+      output += directionPrefix
+    }
+
+    const yearPackets: number = Math.abs(Math.trunc(differenceInDays / daysPerYear.value))
+    const monthPackets: number = Math.abs(Math.trunc(differenceInDays / 1) % 1) // daysPerMonth, monthsPerYear
+
+    const remainingDays: number =
+    Math.abs(differenceInDays) - (yearPackets * daysPerYear.value + monthPackets * 1) // daysPerMonth
+
+    // Assign year part
+    if (yearPackets) {
+      if (yearPackets === 1) {
+        output += `${yearPackets} an`
+      } else {
+        output += `${yearPackets} ans`
+      }
+    }
+
+    // Assign month part
+    if (monthPackets) {
+    // If there was a year packet(s), separate from them
+      if (yearPackets) {
+        output += ','
+      }
+
+      output += ` ${monthPackets} mois`
+    }
+
+    // Assign day part
+    if (remainingDays) {
+    // If there was a year OR month packet(s), separate from them
+      if (yearPackets || monthPackets) {
+        output += ' et'
+      }
+
+      if (remainingDays === 1) {
+        output += ` ${remainingDays} jour`
+      } else {
+        output += ` ${remainingDays} jours`
+      }
+    }
+
+    return output
   }
 
   return {
@@ -394,6 +569,11 @@ export const useCalendar = defineStore('calendar', () => {
     getViewTypeTitle,
     isCurrentScreenActive,
     isAdvancedSearchOpen,
+    convertDateToDays,
+    getDifferenceInDays,
+    areDatesIdentical,
+    compareDates,
+    getRelativeString,
     revealAdvancedSearch
   }
 })
diff --git a/stores/EventStore.ts b/stores/EventStore.ts
index 125691f..3ed9002 100644
--- a/stores/EventStore.ts
+++ b/stores/EventStore.ts
@@ -1,11 +1,11 @@
-import { compareDates, convertDateToDays, daysPerMonth, type RPGDate } from '@/models/Date'
+import type { RPGDate } from '@/models/Date'
 import type { CalendarEvent } from '@/models/CalendarEvent'
 import { defineStore } from 'pinia'
 import { ref, watch, type Ref } from 'vue'
 import { useCalendar } from './CalendarStore'
 
 export const useCalendarEvents = defineStore('calendar-events', () => {
-  const { currentDate, currentConfig } = useCalendar()
+  const { currentDate, currentConfig, convertDateToDays, compareDates } = useCalendar()
 
   const baseEvents = ref<CalendarEvent[]>([])
 
@@ -34,8 +34,8 @@ export const useCalendarEvents = defineStore('calendar-events', () => {
    * @returns Whether the event should appear in the current view
    */
   function shouldEventBeDisplayed(event: CalendarEvent): boolean {
-    const eventStartDateToDays = convertDateToDays(event.startDate)
-    const eventEndDateToDays: number = event.endDate ? convertDateToDays(event.endDate) : 0
+    // const eventStartDateToDays = convertDateToDays(event.startDate)
+    // const eventEndDateToDays: number = event.endDate ? convertDateToDays(event.endDate) : 0
 
     const isEventOnCurrentScreen =
       (event.startDate.year === currentDate.currentYear &&
@@ -46,23 +46,26 @@ export const useCalendarEvents = defineStore('calendar-events', () => {
 
     // Check whether the event is on the last 8 tiles
     // This is to allow leap events from appearing on the last 8 tiles
-    const firstDayOfCurrentMonth = convertDateToDays({
-      day: 1,
-      month: currentDate.currentMonth,
-      year: currentDate.currentYear
-    })
-    const lastDayOfCurrentMonth = firstDayOfCurrentMonth + daysPerMonth
-    const last8Tiles = lastDayOfCurrentMonth + 8
+    //
+    // This is not used for now
+    //
+    // const firstDayOfCurrentMonth = convertDateToDays({
+    //   day: 1,
+    //   month: currentDate.currentMonth,
+    //   year: currentDate.currentYear
+    // })
+    // const lastDayOfCurrentMonth = firstDayOfCurrentMonth + daysPerMonth
+    // const last8Tiles = lastDayOfCurrentMonth + 8
 
-    const isEventOnNext8Tiles =
-      (eventStartDateToDays <= last8Tiles && eventStartDateToDays >= lastDayOfCurrentMonth) ||
-      (Boolean(event.endDate) &&
-        eventEndDateToDays <= last8Tiles &&
-        eventEndDateToDays >= lastDayOfCurrentMonth)
+    // const isEventOnNext8Tiles =
+    //   (eventStartDateToDays <= last8Tiles && eventStartDateToDays >= lastDayOfCurrentMonth) ||
+    //   (Boolean(event.endDate) &&
+    //     eventEndDateToDays <= last8Tiles &&
+    //     eventEndDateToDays >= lastDayOfCurrentMonth)
 
     switch (currentConfig.viewType) {
       case 'month':
-        return isEventOnCurrentScreen || isEventOnNext8Tiles
+        return isEventOnCurrentScreen!
 
       case 'year':
         return event.startDate.year === currentDate.currentYear