diff --git a/CalendarPicker/HeaderControls.js b/CalendarPicker/HeaderControls.js
index 8abdffd..e0aec8b 100644
--- a/CalendarPicker/HeaderControls.js
+++ b/CalendarPicker/HeaderControls.js
@@ -33,7 +33,9 @@ export default function HeaderControls(props) {
minDate,
headingLevel,
monthYearHeaderWrapperStyle,
- headerWrapperStyle
+ headerWrapperStyle,
+ previousContainerStyle,
+ nextContainerStyle,
} = props;
const MONTHS = months || Utils.MONTHS; // English Month Array
const monthName = MONTHS[currentMonth];
@@ -54,7 +56,7 @@ export default function HeaderControls(props) {
label={previousTitle}
component={previousComponent}
onPressControl={onPressPrevious}
- styles={styles.previousContainer}
+ styles={[styles.previousContainer,previousContainerStyle]}
textStyles={[styles.navButtonText, textStyle, previousTitleStyle]}
/>
@@ -74,7 +76,7 @@ export default function HeaderControls(props) {
label={nextTitle}
component={nextComponent}
onPressControl={onPressNext}
- styles={styles.nextContainer}
+ styles={[styles.nextContainer,nextContainerStyle]}
textStyles={[styles.navButtonText, textStyle, nextTitleStyle]}
/>
diff --git a/CalendarPicker/YearSelector.js b/CalendarPicker/YearSelector.js
index 57b1548..634651c 100644
--- a/CalendarPicker/YearSelector.js
+++ b/CalendarPicker/YearSelector.js
@@ -44,6 +44,8 @@ export default class YearSelector extends Component {
nextTitleStyle,
headingLevel,
onSelectYear,
+ previousContainerStyle,
+ nextContainerStyle
} = this.props;
return (
@@ -66,6 +68,8 @@ export default class YearSelector extends Component {
nextTitleStyle={nextTitleStyle}
onYearViewPrevious={this.handleOnYearViewPrevious}
onYearViewNext={this.handleOnYearViewNext}
+ previousContainerStyle={previousContainerStyle}
+ nextContainerStyle={nextContainerStyle}
/>
= year);
@@ -43,7 +45,7 @@ export default function YearsHeader(props) {
label={previousTitle}
component={previousComponent}
onPressControl={onYearViewPrevious}
- styles={styles.previousContainer}
+ styles={[styles.previousContainer,previousContainerStyle]}
textStyles={[styles.navButtonText, textStyle, previousTitleStyle]}
/>
@@ -54,7 +56,7 @@ export default function YearsHeader(props) {
label={nextTitle}
component={nextComponent}
onPressControl={onYearViewNext}
- styles={styles.nextContainer}
+ styles={[styles.nextContainer,nextContainerStyle]}
textStyles={[styles.navButtonText, textStyle, nextTitleStyle]}
/>
diff --git a/CalendarPicker/index.js b/CalendarPicker/index.js
index 6c60fac..69e73ce 100644
--- a/CalendarPicker/index.js
+++ b/CalendarPicker/index.js
@@ -484,6 +484,8 @@ export default class CalendarPicker extends Component {
onMonthChange,
scrollable,
horizontal,
+ previousContainerStyle,
+ nextContainerStyle,
} = this.props;
let content;
@@ -523,6 +525,8 @@ export default class CalendarPicker extends Component {
nextTitleStyle={nextTitleStyle}
onSelectYear={this.handleOnSelectMonthYear}
headingLevel={headingLevel}
+ previousContainerStyle={previousContainerStyle}
+ nextContainerStyle={nextContainerStyle}
/>
);
break;
@@ -554,6 +558,8 @@ export default class CalendarPicker extends Component {
headingLevel={headingLevel}
monthYearHeaderWrapperStyle={monthYearHeaderWrapperStyle}
headerWrapperStyle={headerWrapperStyle}
+ previousContainerStyle={previousContainerStyle}
+ nextContainerStyle={nextContainerStyle}
/>