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} />