From 4204a15ffc763347414e1382f6427ea4117b81cc Mon Sep 17 00:00:00 2001
From: Stephen Osunrinde <47150226+yngfoxx@users.noreply.github.com>
Date: Sat, 13 Jan 2024 04:16:36 +0100
Subject: [PATCH 1/3] fix: validateDomNesting #323

Replaced IconButton with Icon component
---
 src/Date/Month.tsx | 30 ++++++++++++++++++------------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/src/Date/Month.tsx b/src/Date/Month.tsx
index 92353087..35dba033 100644
--- a/src/Date/Month.tsx
+++ b/src/Date/Month.tsx
@@ -6,6 +6,7 @@ import {
   useTheme,
   TouchableRipple,
   MD2Theme,
+  Icon,
 } from 'react-native-paper'
 import Day, { EmptyDay } from './Day'
 
@@ -302,18 +303,23 @@ 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={{
+              ...(isHorizontal ? styles.opacity1 : styles.opacity0),
+              padding: 8,
+            }}>
+              <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>

From b83677120201e488a62db2ab934489201dc0f4da Mon Sep 17 00:00:00 2001
From: Stephen Osunrinde <47150226+yngfoxx@users.noreply.github.com>
Date: Mon, 29 Jan 2024 22:03:28 +0100
Subject: [PATCH 2/3] refactor: removed inline style

---
 src/Date/Month.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/Date/Month.tsx b/src/Date/Month.tsx
index 35dba033..a5f72d8c 100644
--- a/src/Date/Month.tsx
+++ b/src/Date/Month.tsx
@@ -303,10 +303,12 @@ function Month(props: MonthSingleProps | MonthRangeProps | MonthMultiProps) {
             >
               {monthName} {year}
             </Text>
-            <View style={{
-              ...(isHorizontal ? styles.opacity1 : styles.opacity0),
-              padding: 8,
-            }}>
+            <View
+              style={[
+                styles.iconWrapper,
+                isHorizontal ? styles.opacity1 : styles.opacity0
+              ]}
+            >
               <Icon
                 size={24}
                 color={theme.isV3
@@ -368,6 +370,9 @@ export const monthHeaderSingleHeight =
   monthHeaderSingleMarginTop + monthHeaderSingleMarginBottom
 
 const styles = StyleSheet.create({
+  iconWrapper: {
+    padding: 8
+  },
   week: {
     flexDirection: 'row',
     marginBottom: weekMargin,

From ea6ab9072067ad6d85687686889150cde4b57287 Mon Sep 17 00:00:00 2001
From: Stephen Osunrinde <47150226+yngfoxx@users.noreply.github.com>
Date: Mon, 29 Jan 2024 22:21:24 +0100
Subject: [PATCH 3/3] fix: removed unused variable

---
 src/Date/Month.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/Date/Month.tsx b/src/Date/Month.tsx
index a5f72d8c..e9466927 100644
--- a/src/Date/Month.tsx
+++ b/src/Date/Month.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react'
 import { StyleSheet, View } from 'react-native'
 import {
-  IconButton,
   Text,
   useTheme,
   TouchableRipple,