fix: fixed bug with grid height

Author: RichardLindhout

example/ios/example.xcodeproj/project.pbxproj

@@ -855,7 +855,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 10.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				LD_RUNPATH_SEARCH_PATHS = "/usr/lib/swift $(inherited)";
 				LIBRARY_SEARCH_PATHS = (
 					"\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
@@ -908,7 +908,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 10.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				LD_RUNPATH_SEARCH_PATHS = "/usr/lib/swift $(inherited)";
 				LIBRARY_SEARCH_PATHS = (
 					"\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",

src/Date/Day.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { Text, TouchableRipple, useTheme } from 'react-native-paper'
+import { DarkTheme, Text, TouchableRipple } from 'react-native-paper'
 import { StyleSheet, View } from 'react-native'
 import DayRange from './DayRange'
 import { daySize } from './dateUtils'
@@ -10,6 +10,7 @@ function EmptyDayPure() {
 export const EmptyDay = React.memo(EmptyDayPure)
 
 function Day(props: {
+  theme: typeof DarkTheme
   textColorOnPrimary: string
   day: number
   month: number
@@ -38,8 +39,9 @@ function Day(props: {
     isToday,
     disabled,
     textColorOnPrimary,
+    theme,
   } = props
-  const theme = useTheme()
+  // console.log(month, { day })
   const onPress = React.useCallback(() => {
     onPressDate(new Date(year, month, day))
   }, [onPressDate, year, month, day])

src/Date/Month.tsx

@@ -333,6 +333,7 @@ function Month(props: MonthSingleProps | MonthRangeProps | MonthMultiProps) {
               ) : (
                 <Day
                   key={gd.dayIndex}
+                  theme={theme}
                   day={gd.dayOfMonth}
                   month={gd.month}
                   year={gd.year}
@@ -417,7 +418,7 @@ function weeksOffset(index: number): number {
     }
   } else {
     for (let i = 0; i < startAtIndex - index; i++) {
-      const cIndex = startAtIndex - i
+      const cIndex = startAtIndex - i - 1
       off -= gridCounts[cIndex] || getGridCount(cIndex)
     }
   }
@@ -454,6 +455,7 @@ export function getVerticalMonthsOffset(index: number) {
   const ob = weeksOffset(index)
   const monthsHeight = weekSize * ob
   const c = monthsHeight + count * (dayNamesHeight + montHeaderHeight)
+
   return (c || 0) + beginOffset
 }
 

src/Date/Swiper.native.tsx

@@ -22,6 +22,9 @@ const styles = StyleSheet.create({
   viewPager: {
     flex: 1,
   },
+  inner: {
+    position: 'relative',
+  },
 })
 const visibleArray = (i: number) => [i - 2, i - 1, i, i + 1, i + 2]
 
@@ -148,11 +151,15 @@ function SwiperInner({
         scrollEventThrottle={10}
       >
         <View
-          style={{
-            height: isHorizontal ? height : estimatedMonthHeight * totalMonths,
-            width: isHorizontal ? width * totalMonths : width,
-            position: 'relative',
-          }}
+          style={[
+            styles.inner,
+            {
+              height: isHorizontal
+                ? height
+                : estimatedMonthHeight * totalMonths,
+              width: isHorizontal ? width * totalMonths : width,
+            },
+          ]}
         >
           {visibleIndexes
             ? [0, 1, 2, 3, 4].map((vi) => (