From 84242e470d0f7d12ad9dc12d33bce4334d068e4b Mon Sep 17 00:00:00 2001
From: bilalesi <b_meddah@esi.dz>
Date: Thu, 24 Dec 2020 12:41:19 +0100
Subject: [PATCH 1/2] add color to selected date on daySelectionAnimation for
 background inversion

---
 example/App.js     | 2 +-
 index.d.ts         | 2 ++
 src/CalendarDay.js | 3 ++-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/example/App.js b/example/App.js
index 3f35314..ae3cd48 100644
--- a/example/App.js
+++ b/example/App.js
@@ -73,7 +73,7 @@ export default class App extends Component<{}> {
         <CalendarStrip
           scrollable
           calendarAnimation={{type: 'sequence', duration: 30}}
-          daySelectionAnimation={{type: 'background', duration: 300, highlightColor: '#9265DC'}}
+          daySelectionAnimation={{type: 'background', duration: 300, highlightColor: '#9265DC', color: '#fff'}}
           style={{height:200, paddingTop: 20, paddingBottom: 10}}
           calendarHeaderStyle={{color: 'white'}}
           calendarColor={'#3343CE'}
diff --git a/index.d.ts b/index.d.ts
index e52d46e..7e3b080 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -17,6 +17,7 @@ interface IDaySelectionAnimationBorder {
   animUpdateType?: any;
   animProperty?: any;
   animSpringDamping?: any;
+
 }
 
 interface IDaySelectionAnimationBackground {
@@ -27,6 +28,7 @@ interface IDaySelectionAnimationBackground {
   animUpdateType: any;
   animProperty: any;
   animSpringDamping: any;
+  color: 'string';
 }
 
 interface IDayComponentProps {
diff --git a/src/CalendarDay.js b/src/CalendarDay.js
index fc46f71..8983bea 100644
--- a/src/CalendarDay.js
+++ b/src/CalendarDay.js
@@ -55,6 +55,7 @@ class CalendarDay extends Component {
       borderWidth: 1,
       borderHighlightColor: "black",
       highlightColor: "yellow",
+      color: '#fff',
       animType: LayoutAnimation.Types.easeInEaseOut,
       animUpdateType: LayoutAnimation.Types.easeInEaseOut,
       animProperty: LayoutAnimation.Properties.opacity,
@@ -399,7 +400,7 @@ class CalendarDay extends Component {
       //If it is border, the user has to input color for border animation
       switch (daySelectionAnimation.type) {
         case "background":
-          _dateViewStyle.push({ backgroundColor: daySelectionAnimation.highlightColor });
+          _dateViewStyle.push({ backgroundColor: daySelectionAnimation.highlightColor, color: daySelectionAnimation.color });
           break;
         case "border":
           _dateViewStyle.push({

From e0ae45f56b686a11c76c7fac17d20f68b62681a5 Mon Sep 17 00:00:00 2001
From: bilalesi <b_meddah@esi.dz>
Date: Sun, 27 Dec 2020 15:28:39 +0100
Subject: [PATCH 2/2] change single quote to double quote for color of 
 DaySelectionAnimation background

---
 example/App.js     | 2 +-
 index.d.ts         | 2 +-
 src/CalendarDay.js | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/example/App.js b/example/App.js
index ae3cd48..5671141 100644
--- a/example/App.js
+++ b/example/App.js
@@ -73,7 +73,7 @@ export default class App extends Component<{}> {
         <CalendarStrip
           scrollable
           calendarAnimation={{type: 'sequence', duration: 30}}
-          daySelectionAnimation={{type: 'background', duration: 300, highlightColor: '#9265DC', color: '#fff'}}
+          daySelectionAnimation={{type: 'background', duration: 300, highlightColor: "#9265DC", color: "#fff" }}
           style={{height:200, paddingTop: 20, paddingBottom: 10}}
           calendarHeaderStyle={{color: 'white'}}
           calendarColor={'#3343CE'}
diff --git a/index.d.ts b/index.d.ts
index 7e3b080..422a8b9 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -28,7 +28,7 @@ interface IDaySelectionAnimationBackground {
   animUpdateType: any;
   animProperty: any;
   animSpringDamping: any;
-  color: 'string';
+  color: "string";
 }
 
 interface IDayComponentProps {
diff --git a/src/CalendarDay.js b/src/CalendarDay.js
index 8983bea..56f1896 100644
--- a/src/CalendarDay.js
+++ b/src/CalendarDay.js
@@ -55,7 +55,7 @@ class CalendarDay extends Component {
       borderWidth: 1,
       borderHighlightColor: "black",
       highlightColor: "yellow",
-      color: '#fff',
+      color: "#fff",
       animType: LayoutAnimation.Types.easeInEaseOut,
       animUpdateType: LayoutAnimation.Types.easeInEaseOut,
       animProperty: LayoutAnimation.Properties.opacity,