From 62209a23272352bbe6623da79397fcbc6a1ed941 Mon Sep 17 00:00:00 2001
From: hasan alawneh <alawneh@zenhr.com>
Date: Thu, 3 Jun 2021 12:11:49 +0300
Subject: [PATCH] adding prev/next component container styles

---
 CalendarPicker/index.js      | 6 ++++--
 CalendarPicker/makeStyles.js | 5 ++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/CalendarPicker/index.js b/CalendarPicker/index.js
index 6c60fac8..b56cd791 100644
--- a/CalendarPicker/index.js
+++ b/CalendarPicker/index.js
@@ -137,7 +137,8 @@ export default class CalendarPicker extends Component {
       todayBackgroundColor,
       width,
       height,
-      dayShape
+      dayShape,
+      nextPrevComponentContainer
     } = props;
 
     // The styles in makeStyles are intially scaled to this width
@@ -151,7 +152,8 @@ export default class CalendarPicker extends Component {
         selectedDayColor,
         selectedDayTextColor,
         todayBackgroundColor,
-        dayShape
+        dayShape,
+        nextPrevComponentContainer
       })
     };
   }
diff --git a/CalendarPicker/makeStyles.js b/CalendarPicker/makeStyles.js
index 50b6bce5..8d5f5939 100644
--- a/CalendarPicker/makeStyles.js
+++ b/CalendarPicker/makeStyles.js
@@ -24,7 +24,8 @@ export function makeStyles(params) {
     selectedDayColor,
     selectedDayTextColor,
     todayBackgroundColor,
-    dayShape
+    dayShape,
+    nextPrevComponentContainer
   } = params;
   const scaler = Math.min(containerWidth, containerHeight) / scaleFactor;
   const SELECTED_BG_COLOR = selectedDayColor ? selectedDayColor : DEFAULT_SELECTED_BACKGROUND_COLOR;
@@ -160,11 +161,13 @@ export function makeStyles(params) {
 
     previousContainer: {
       marginLeft: 10*scaler,
+      ...nextPrevComponentContainer
     },
 
     nextContainer: {
       marginRight: 10*scaler,
       alignItems: 'flex-end',
+      ...nextPrevComponentContainer
     },
 
     navButtonText: {