From c25c114f86285a1d48ea7df350a27263b607d7ca Mon Sep 17 00:00:00 2001
From: fokoz <oatto.sp@gmail.com>
Date: Sat, 25 Mar 2023 00:03:22 +0700
Subject: [PATCH 1/3] renderExtraDayComponent

---
 CalendarPicker/index.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/CalendarPicker/index.js b/CalendarPicker/index.js
index 0d30414..39f2bd9 100644
--- a/CalendarPicker/index.js
+++ b/CalendarPicker/index.js
@@ -17,7 +17,7 @@ export default class CalendarPicker extends Component {
     this.state = {
       currentMonth: null,
       currentYear: null,
-      currentView: props.initialView || 'days',
+      currentView: 'days',
       selectedStartDate: props.selectedStartDate && moment(props.selectedStartDate),
       selectedEndDate: props.selectedEndDate && moment(props.selectedEndDate),
       minDate: props.minDate && moment(props.minDate),
@@ -52,6 +52,7 @@ export default class CalendarPicker extends Component {
     selectedRangeStartStyle: null,
     selectedRangeEndStyle: null,
     selectedRangeStyle: null,
+    renderExtraDayComponent: null
   };
 
   componentDidUpdate(prevProps) {
@@ -360,7 +361,7 @@ export default class CalendarPicker extends Component {
     this.setState((state) => ({
       selectedStartDate: null,
       selectedEndDate: null,
-      renderMonthParams: { 
+      renderMonthParams: {
         ...state.renderMonthParams,
         selectedStartDate: null,
         selectedEndDate: null,
@@ -398,6 +399,7 @@ export default class CalendarPicker extends Component {
       selectedRangeStyle: this.props.selectedRangeStyle,
       selectedRangeEndStyle: this.props.selectedRangeEndStyle,
       customDatesStyles: this.props.customDatesStyles,
+      renderExtraDayComponent: this.props.renderExtraDayComponent
     };
   }
 

From c3aa330feb4071df5420673f7f93675c13502361 Mon Sep 17 00:00:00 2001
From: fokoz <oatto.sp@gmail.com>
Date: Sat, 25 Mar 2023 00:04:08 +0700
Subject: [PATCH 2/3] Update DaysGridView.js

---
 CalendarPicker/DaysGridView.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CalendarPicker/DaysGridView.js b/CalendarPicker/DaysGridView.js
index 7222334..8e0e798 100644
--- a/CalendarPicker/DaysGridView.js
+++ b/CalendarPicker/DaysGridView.js
@@ -268,4 +268,5 @@ DaysGridView.propTypes = {
   disabledDatesTextStyle: stylePropType,
   minRangeDuration: PropTypes.oneOfType([PropTypes.array, PropTypes.number]),
   maxRangeDuration: PropTypes.oneOfType([PropTypes.array, PropTypes.number]),
+  renderExtraDayComponent: PropTypes.func
 };

From 72567fe4557d1860bbf1a511e8aed259d34e79a5 Mon Sep 17 00:00:00 2001
From: fokoz <oatto.sp@gmail.com>
Date: Sat, 25 Mar 2023 00:06:00 +0700
Subject: [PATCH 3/3] Update Day.js

---
 CalendarPicker/Day.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/CalendarPicker/Day.js b/CalendarPicker/Day.js
index f79b618..b3519c5 100644
--- a/CalendarPicker/Day.js
+++ b/CalendarPicker/Day.js
@@ -35,7 +35,8 @@ export default function Day(props) {
     disabledDatesTextStyle,
     minRangeDuration,
     maxRangeDuration,
-    enableDateChange
+    enableDateChange,
+    renderExtraDayComponent
   } = props;
 
   const thisDay = moment({year, month, day, hour: 12 });
@@ -192,6 +193,9 @@ export default function Day(props) {
             ]}>
               { day }
             </Text>
+            {
+              renderExtraDayComponent && renderExtraDayComponent(thisDay)
+            }
           </View>
         </View>
       );
@@ -205,6 +209,9 @@ export default function Day(props) {
             <Text style={[styles.dayLabel, textStyle, custom.textStyle, selectedDayTextStyle]}>
               { day }
             </Text>
+            {
+              renderExtraDayComponent && renderExtraDayComponent(thisDay)
+            }
           </TouchableOpacity>
         </View>
       );
@@ -224,6 +231,9 @@ export default function Day(props) {
           <Text style={[textStyle, styles.disabledText, disabledDatesTextStyle, custom.textStyle]}>
             { day }
           </Text>
+          {
+            renderExtraDayComponent && renderExtraDayComponent(thisDay)
+          }
         </View>
       </View>
     );