Merge pull request #1895 from rhays-turo/f/support_no_nav_buttons_in_…

…DayPickerSingleDateController feature(DayPickerSingleDateController) Add support for noNavButtons (match DayPickerRangeController support)
react-dates · Jan 13, 2020 · 72f3c1f · 72f3c1f
2 parents 9ebad7f + 89a5c97
commit 72f3c1f
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/src/components/DayPickerSingleDateController.jsx b/src/components/DayPickerSingleDateController.jsx
@@ -70,6 +70,7 @@ const propTypes = forbidExtraProps({
   navNext: PropTypes.node,
   renderNavPrevButton: PropTypes.func,
   renderNavNextButton: PropTypes.func,
+  noNavButtons: PropTypes.bool,
 
   onPrevMonthClick: PropTypes.func,
   onNextMonthClick: PropTypes.func,
@@ -131,6 +132,7 @@ const defaultProps = {
   navNext: null,
   renderNavPrevButton: null,
   renderNavNextButton: null,
+  noNavButtons: false,
 
   onPrevMonthClick() {},
   onNextMonthClick() {},
@@ -608,6 +610,7 @@ export default class DayPickerSingleDateController extends React.PureComponent {
       navNext,
       renderNavPrevButton,
       renderNavNextButton,
+      noNavButtons,
       onOutsideClick,
       onShiftTab,
       onTab,
@@ -666,6 +669,7 @@ export default class DayPickerSingleDateController extends React.PureComponent {
         navNext={navNext}
         renderNavPrevButton={renderNavPrevButton}
         renderNavNextButton={renderNavNextButton}
+        noNavButtons={noNavButtons}
         renderMonthText={renderMonthText}
         renderWeekHeaderElement={renderWeekHeaderElement}
         renderCalendarDay={renderCalendarDay}

diff --git a/stories/DayPickerSingleDateController.js b/stories/DayPickerSingleDateController.js
@@ -372,4 +372,10 @@ storiesOf('DayPickerSingleDateController', module)
       onNextMonthClick={action('DayPickerSingleDateController::onNextMonthClick')}
       verticalBorderSpacing={16}
     />
+  )))
+  .add('with no nav buttons', withInfo()(() => (
+    <DayPickerSingleDateControllerWrapper
+      onOutsideClick={action('DayPickerSingleDateController::onOutsideClick')}
+      noNavButtons
+    />
   )));
diff --git a/test/components/DayPickerSingleDateController_spec.jsx b/test/components/DayPickerSingleDateController_spec.jsx
@@ -6,6 +6,7 @@ import moment from 'moment';
 
 import DayPicker from '../../src/components/DayPicker';
 import DayPickerSingleDateController from '../../src/components/DayPickerSingleDateController';
+import DayPickerNavigation from '../../src/components/DayPickerNavigation';
 
 import toISODateString from '../../src/utils/toISODateString';
 import toISOMonthString from '../../src/utils/toISOMonthString';
@@ -1564,5 +1565,17 @@ describe('DayPickerSingleDateController', () => {
         expect(dayPicker.props().initialVisibleMonth().isSame(today, 'day')).to.equal(true);
       });
     });
+
+    describe('noNavButtons prop', () => {
+      it('renders navigation button', () => {
+        const wrapper = shallow(<DayPickerSingleDateController />).dive().dive();
+        expect(wrapper.find(DayPickerNavigation)).to.have.lengthOf(1);
+      });
+
+      it('does not render navigation button when noNavButtons prop applied', () => {
+        const wrapper = shallow(<DayPickerSingleDateController noNavButtons />).dive().dive();
+        expect(wrapper.find(DayPickerNavigation)).to.have.lengthOf(0);
+      });
+    });
   });
 });