Merge pull request #366 from yngfoxx/master

fix: validateDOMNesting
web-ridge · Jan 30, 2024 · 00c7b57 · 00c7b57
2 parents 8d6791d + ea6ab90
commit 00c7b57
Showing 1 changed file with 23 additions and 13 deletions.
diff --git a/src/Date/Month.tsx b/src/Date/Month.tsx
@@ -1,11 +1,11 @@
 import * as React from 'react'
 import { StyleSheet, View } from 'react-native'
 import {
-  IconButton,
   Text,
   useTheme,
   TouchableRipple,
   MD2Theme,
+  Icon,
 } from 'react-native-paper'
 import Day, { EmptyDay } from './Day'
 
@@ -302,18 +302,25 @@ function Month(props: MonthSingleProps | MonthRangeProps | MonthMultiProps) {
             >
               {monthName} {year}
             </Text>
-            <View style={isHorizontal ? styles.opacity1 : styles.opacity0}>
-              <IconButton
-                onPress={isHorizontal ? () => onPressYear(year) : undefined}
-                disabled
-                icon={
-                  selectingYear
-                    ? theme.isV3
-                      ? 'menu-up'
-                      : 'chevron-up'
-                    : theme.isV3
-                    ? 'menu-down'
-                    : 'chevron-down'
+            <View
+              style={[
+                styles.iconWrapper,
+                isHorizontal ? styles.opacity1 : styles.opacity0
+              ]}
+            >
+              <Icon
+                size={24}
+                color={theme.isV3
+                  ? theme.colors.onSurfaceVariant
+                  : theme.colors.onSurface
+                }
+                source={selectingYear
+                  ? theme.isV3
+                    ? 'menu-up'
+                    : 'chevron-up'
+                  : theme.isV3
+                  ? 'menu-down'
+                  : 'chevron-down'
                 }
               />
             </View>
@@ -362,6 +369,9 @@ export const monthHeaderSingleHeight =
   monthHeaderSingleMarginTop + monthHeaderSingleMarginBottom
 
 const styles = StyleSheet.create({
+  iconWrapper: {
+    padding: 8
+  },
   week: {
     flexDirection: 'row',
     marginBottom: weekMargin,