fix(ui): agenda, day, resource and scheduler improvement updates

Author: hawkeye64

ui/src/components/QCalendarAgenda.js

@@ -17,7 +17,6 @@ import {
 // Utility
 import {
   getDayIdentifier,
-  // isBetweenDates,
   parsed,
   parseTimestamp,
   today
@@ -153,15 +152,6 @@ export default defineComponent({
     focusValue.value = parsedValue.value
     focusRef.value = parsedValue.value.date
 
-    // const canChangeDate = computed(() => {
-    //   if (maxDaysRendered.value === 0) return true
-    //   if (endDate.value === '0000-00-00') return true
-    //   if (days.value === undefined || days.value.length === 0) return true
-    //   const start = days.value[ 0 ]
-    //   const end = days.value[ days.value.length - 1 ]
-    //   return isBetweenDates(parsedValue.value, start, end) !== true
-    // })
-
     const { renderValues } = useRenderValues(props, {
       parsedView,
       parsedValue,

ui/src/components/QCalendarDay.js

@@ -19,7 +19,6 @@ import {
   getDateTime,
   getDayIdentifier,
   getDayTimeIdentifier,
-  isBetweenDates,
   parsed,
   parseTimestamp,
   today
@@ -156,15 +155,6 @@ export default defineComponent({
     focusValue.value = parsedValue.value
     focusRef.value = parsedValue.value.date
 
-    const canChangeDate = computed(() => {
-      if (maxDaysRendered.value === 0) return true
-      if (endDate.value === '0000-00-00') return true
-      if (days.value === undefined || days.value.length === 0) return true
-      const start = days.value[ 0 ]
-      const end = days.value[ days.value.length - 1 ]
-      return isBetweenDates(parsedValue.value, start, end) !== true
-    })
-
     const { renderValues } = useRenderValues(props, {
       parsedView,
       parsedValue,
@@ -1049,11 +1039,11 @@ export default defineComponent({
     }
 
     function __renderDaily () {
-      if (canChangeDate.value) {
-        const { start, end, maxDays } = renderValues.value
+      const { start, end, maxDays } = renderValues.value
+      if (startDate.value !== start.date || endDate.value !== end.date || maxDaysRendered.value !== maxDays) {
         startDate.value = start.date
         endDate.value = end.date
-        maxDaysRendered.value = maxDays
+        maxDaysRendered.value = maxDays 
       }
 
       const hasWidth = size.width > 0

ui/src/components/QCalendarResource.js

@@ -16,10 +16,7 @@ import {
 
 // Utility
 import {
-  // getDateTime,
   getDayIdentifier,
-  // getDayTimeIdentifier,
-  isBetweenDates,
   parsed,
   parseTimestamp,
   today
@@ -165,15 +162,6 @@ export default defineComponent({
     focusValue.value = parsedValue.value
     focusRef.value = parsedValue.value.date
 
-    const canChangeDate = computed(() => {
-      if (maxDaysRendered.value === 0) return true
-      if (endDate.value === '0000-00-00') return true
-      if (days.value === undefined || days.value.length === 0) return true
-      const start = days.value[ 0 ]
-      const end = days.value[ days.value.length - 1 ]
-      return isBetweenDates(parsedValue.value, start, end) !== true
-    })
-
     const { renderValues } = useRenderValues(props, {
       parsedView,
       times,
@@ -812,11 +800,11 @@ export default defineComponent({
     }
 
     function __renderResource () {
-      if (canChangeDate.value) {
-        const { start, end, maxDays } = renderValues.value
+      const { start, end, maxDays } = renderValues.value
+      if (startDate.value !== start.date || endDate.value !== end.date || maxDaysRendered.value !== maxDays) {
         startDate.value = start.date
         endDate.value = end.date
-        maxDaysRendered.value = maxDays
+        maxDaysRendered.value = maxDays 
       }
 
       const hasWidth = size.width > 0

ui/src/components/QCalendarScheduler.js

@@ -17,7 +17,6 @@ import {
 // Utility
 import {
   getDayIdentifier,
-  isBetweenDates,
   parsed,
   parseTimestamp,
   today
@@ -158,15 +157,6 @@ export default defineComponent({
     focusValue.value = parsedValue.value
     focusRef.value = parsedValue.value.date
 
-    const canChangeDate = computed(() => {
-      if (maxDaysRendered.value === 0) return true
-      if (endDate.value === '0000-00-00') return true
-      if (days.value === undefined || days.value.length === 0) return true
-      const start = days.value[ 0 ]
-      const end = days.value[ days.value.length - 1 ]
-      return isBetweenDates(parsedValue.value, start, end) !== true
-    })
-
     const { renderValues } = useRenderValues(props, {
       parsedView,
       parsedValue,
@@ -1196,11 +1186,11 @@ export default defineComponent({
     }
 
     function __renderScheduler () {
-      if (canChangeDate.value) {
-        const { start, end, maxDays } = renderValues.value
+      const { start, end, maxDays } = renderValues.value
+      if (startDate.value !== start.date || endDate.value !== end.date || maxDaysRendered.value !== maxDays) {
         startDate.value = start.date
         endDate.value = end.date
-        maxDaysRendered.value = maxDays
+        maxDaysRendered.value = maxDays 
       }
 
       const hasWidth = size.width > 0