| 905 | } |
| 906 | |
| 907 | renderNavigation(navDirection) { |
| 908 | const { |
| 909 | dayPickerNavigationInlineStyles, |
| 910 | disablePrev, |
| 911 | disableNext, |
| 912 | navPosition, |
| 913 | navPrev, |
| 914 | navNext, |
| 915 | noNavButtons, |
| 916 | noNavNextButton, |
| 917 | noNavPrevButton, |
| 918 | orientation, |
| 919 | phrases, |
| 920 | renderNavPrevButton, |
| 921 | renderNavNextButton, |
| 922 | isRTL, |
| 923 | } = this.props; |
| 924 | |
| 925 | if (noNavButtons) { |
| 926 | return null; |
| 927 | } |
| 928 | |
| 929 | const onPrevMonthClick = orientation === VERTICAL_SCROLLABLE |
| 930 | ? this.getPrevScrollableMonths |
| 931 | : this.onPrevMonthClick; |
| 932 | |
| 933 | const onNextMonthClick = orientation === VERTICAL_SCROLLABLE |
| 934 | ? this.getNextScrollableMonths |
| 935 | : this.onNextMonthClick; |
| 936 | |
| 937 | return ( |
| 938 | <DayPickerNavigation |
| 939 | disablePrev={disablePrev} |
| 940 | disableNext={disableNext} |
| 941 | inlineStyles={dayPickerNavigationInlineStyles} |
| 942 | onPrevMonthClick={onPrevMonthClick} |
| 943 | onNextMonthClick={onNextMonthClick} |
| 944 | navPosition={navPosition} |
| 945 | navPrev={navPrev} |
| 946 | navNext={navNext} |
| 947 | renderNavPrevButton={renderNavPrevButton} |
| 948 | renderNavNextButton={renderNavNextButton} |
| 949 | orientation={orientation} |
| 950 | phrases={phrases} |
| 951 | isRTL={isRTL} |
| 952 | showNavNextButton={ |
| 953 | !(noNavNextButton || (orientation === VERTICAL_SCROLLABLE && navDirection === PREV_NAV)) |
| 954 | } |
| 955 | showNavPrevButton={ |
| 956 | !(noNavPrevButton || (orientation === VERTICAL_SCROLLABLE && navDirection === NEXT_NAV)) |
| 957 | } |
| 958 | /> |
| 959 | ); |
| 960 | } |
| 961 | |
| 962 | renderWeekHeader(index) { |
| 963 | const { |