feat: disable months in the past

README.md

@@ -242,6 +242,12 @@ http://react-component.github.io/calendar/examples/index.html
           <td></td>
           <td>specific the clear icon.</td>
         </tr>
+        <tr>
+          <td>disableMonthsInPast</td>
+          <td>Boolean</td>
+          <td>false</td>
+          <td>whether to disable the year and month arrows on the left that link to dates in the past</td>
+        </tr>
     </tbody>
 </table>
 

src/Calendar.jsx

@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom';
 import createReactClass from 'create-react-class';
 import PropTypes from 'prop-types';
 import KeyCode from 'rc-util/lib/KeyCode';
+import moment from 'moment';
 import DateTable from './date/DateTable';
 import CalendarHeader from './calendar/CalendarHeader';
 import CalendarFooter from './calendar/CalendarFooter';
@@ -43,6 +44,7 @@ const Calendar = createReactClass({
     renderFooter: PropTypes.func,
     renderSidebar: PropTypes.func,
     clearIcon: PropTypes.node,
+    disableMonthsInPast: PropTypes.bool,
   },
 
   mixins: [CommonMixin, CalendarMixin],
@@ -198,6 +200,7 @@ const Calendar = createReactClass({
       locale, prefixCls, disabledDate,
       dateInputPlaceholder, timePicker,
       disabledTime, clearIcon,
+      disableMonthsInPast,
     } = props;
     const { value, selectedValue, mode } = state;
     const showTimePicker = mode === 'time';
@@ -225,6 +228,16 @@ const Calendar = createReactClass({
       timePickerEle = React.cloneElement(timePicker, timePickerProps);
     }
 
+    const disablePreviousMonth = (
+      disableMonthsInPast &&
+      value.clone().startOf('month').valueOf() <= moment().startOf('month').valueOf()
+    );
+
+    const disablePreviousYear = (
+      disableMonthsInPast &&
+      value.clone().startOf('year').valueOf() <= moment().startOf('year').valueOf()
+    );
+
     const dateInputElement = props.showDateInput ? (
       <DateInput
         format={this.getFormat()}
@@ -255,6 +268,8 @@ const Calendar = createReactClass({
             onPanelChange={this.onPanelChange}
             showTimePicker={showTimePicker}
             prefixCls={prefixCls}
+            disablePreviousMonth={disablePreviousMonth}
+            disablePreviousYear={disablePreviousYear}
           />
           {timePicker && showTimePicker ?
             (<div className={`${prefixCls}-time-picker`}>

src/calendar/CalendarHeader.jsx

@@ -33,6 +33,8 @@ const CalendarHeader = createReactClass({
     enablePrev: PropTypes.any,
     enableNext: PropTypes.any,
     disabledMonth: PropTypes.func,
+    disablePreviousMonth: PropTypes.bool,
+    disablePreviousYear: PropTypes.bool,
   },
 
   getDefaultProps() {
@@ -143,6 +145,8 @@ const CalendarHeader = createReactClass({
       enableNext,
       enablePrev,
       disabledMonth,
+      disablePreviousMonth,
+      disablePreviousYear,
     } = props;
 
     let panel = null;
@@ -185,19 +189,29 @@ const CalendarHeader = createReactClass({
     return (<div className={`${prefixCls}-header`}>
       <div style={{ position: 'relative' }}>
         {showIf(enablePrev && !showTimePicker,
-          <a
-            className={`${prefixCls}-prev-year-btn`}
-            role="button"
-            onClick={this.previousYear}
-            title={locale.previousYear}
-          />)}
+          disablePreviousYear ? (
+            <span className={`${prefixCls}-prev-year-btn disabled`} />
+          ) : (
+            <a
+              className={`${prefixCls}-prev-year-btn`}
+              role="button"
+              onClick={this.previousYear}
+              title={locale.previousYear}
+            />
+          )
+        )}
         {showIf(enablePrev && !showTimePicker,
-          <a
-            className={`${prefixCls}-prev-month-btn`}
-            role="button"
-            onClick={this.previousMonth}
-            title={locale.previousMonth}
-          />)}
+          disablePreviousMonth ? (
+            <span className={`${prefixCls}-prev-month-btn disabled`} />
+          ) : (
+            <a
+              className={`${prefixCls}-prev-month-btn`}
+              role="button"
+              onClick={this.previousMonth}
+              title={locale.previousMonth}
+            />
+          )
+        )}
         {this.monthYearElement(showTimePicker)}
         {showIf(enableNext && !showTimePicker,
           <a

tests/Calendar.spec.jsx

@@ -37,6 +37,20 @@ describe('Calendar', () => {
       const wrapper = mount(<Calendar showToday={false}/>);
       expect(wrapper.find('.rc-calendar-today-btn').length).toBe(0);
     });
+
+    describe('disableMonthsInPast', () => {
+      it('render disableMonthsInPast true correctly', () => {
+        const wrapper = mount(<Calendar disableMonthsInPast />);
+        expect(wrapper.find('.rc-calendar-prev-year-btn.disabled')).toHaveLength(1);
+        expect(wrapper.find('.rc-calendar-prev-month-btn.disabled')).toHaveLength(1);
+      });
+
+      it('render disableMonthsInPast false correctly', () => {
+        const wrapper = mount(<Calendar />);
+        expect(wrapper.find('.rc-calendar-prev-year-btn.disabled')).toHaveLength(0);
+        expect(wrapper.find('.rc-calendar-prev-month-btn.disabled')).toHaveLength(0);
+      });
+    });
   });
 
   describe('timePicker', () => {