From 26a3feaccae691aa239bf4e742daf066723b5307 Mon Sep 17 00:00:00 2001
From: zollero <corona7@163.com>
Date: Tue, 3 Apr 2018 15:44:39 +0800
Subject: [PATCH 1/2] Add attribute: disabledDateInput to set the disabled of
 DateInput component. And add it to the example file.

---
 examples/antd-calendar.js          | 18 ++++++++++++++++++
 src/Calendar.jsx                   |  4 +++-
 src/range-calendar/CalendarPart.js |  3 +++
 3 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/examples/antd-calendar.js b/examples/antd-calendar.js
index 950e5c327..d929c65e3 100644
--- a/examples/antd-calendar.js
+++ b/examples/antd-calendar.js
@@ -78,6 +78,7 @@ class Demo extends React.Component {
       showDateInput: true,
       disabled: false,
       value: props.defaultValue,
+      disableDateInput: false,
     };
   }
 
@@ -106,6 +107,12 @@ class Demo extends React.Component {
     });
   }
 
+  toggleDisableDateInput = () => {
+    this.setState({
+      disableDateInput: !this.state.disableDateInput,
+    });
+  }
+
   render() {
     const state = this.state;
     const calendar = (<Calendar
@@ -113,6 +120,7 @@ class Demo extends React.Component {
       style={{ zIndex: 1000 }}
       dateInputPlaceholder="please input"
       formatter={getFormat(state.showTime)}
+      disableDateInput={state.disableDateInput}
       disabledTime={state.showTime ? disabledTime : null}
       timePicker={state.showTime ? timePickerElement : null}
       defaultValue={this.props.defaultCalendarValue}
@@ -147,6 +155,15 @@ class Demo extends React.Component {
           />
           disabled
         </label>
+        <br />
+        <label>
+          <input
+            checked={state.disableDateInput}
+            onChange={this.toggleDisableDateInput}
+            type="checkbox"
+          />
+          disableDateInput
+        </label>
       </div>
       <div style={{
         boxSizing: 'border-box',
@@ -212,6 +229,7 @@ ReactDOM.render((<div
         locale={cn ? zhCN : enUS}
         defaultValue={now}
         disabledTime={disabledTime}
+        disableDateInput
         showToday
         formatter={getFormat(true)}
         showOk={false}
diff --git a/src/Calendar.jsx b/src/Calendar.jsx
index 0c6dd0ab0..168597922 100644
--- a/src/Calendar.jsx
+++ b/src/Calendar.jsx
@@ -67,6 +67,7 @@ const Calendar = createReactClass({
     onKeyDown: PropTypes.func,
     timePicker: PropTypes.element,
     dateInputPlaceholder: PropTypes.any,
+    disableDateInput: PropTypes.bool,
     onClear: PropTypes.func,
     onChange: PropTypes.func,
     onPanelChange: PropTypes.func,
@@ -217,7 +218,7 @@ const Calendar = createReactClass({
     const {
       locale, prefixCls, disabledDate,
       dateInputPlaceholder, timePicker,
-      disabledTime,
+      disabledTime, disableDateInput,
     } = props;
     const { value, selectedValue, mode } = state;
     const showTimePicker = mode === 'time';
@@ -255,6 +256,7 @@ const Calendar = createReactClass({
         showClear
         disabledTime={disabledTime}
         disabledDate={disabledDate}
+        disabled={disableDateInput}
         onClear={this.onClear}
         prefixCls={prefixCls}
         selectedValue={selectedValue}
diff --git a/src/range-calendar/CalendarPart.js b/src/range-calendar/CalendarPart.js
index 18c7eb2b5..1f4e6c62c 100644
--- a/src/range-calendar/CalendarPart.js
+++ b/src/range-calendar/CalendarPart.js
@@ -22,6 +22,7 @@ const CalendarPart = createReactClass({
     timePicker: PropTypes.any,
     disabledTime: PropTypes.any,
     onInputSelect: PropTypes.func,
+    disableDateInput: PropTypes.bool,
     timePickerDisabledTime: PropTypes.object,
     enableNext: PropTypes.any,
     enablePrev: PropTypes.any,
@@ -39,6 +40,7 @@ const CalendarPart = createReactClass({
       disabledDate, timePicker, disabledTime,
       timePickerDisabledTime, showTimePicker,
       onInputSelect, enablePrev, enableNext,
+      disableDateInput,
     } = props;
     const shouldShowTimePicker = showTimePicker && timePicker;
     const disabledTimeConfig = shouldShowTimePicker && disabledTime ?
@@ -73,6 +75,7 @@ const CalendarPart = createReactClass({
         disabledDate={disabledDate}
         placeholder={placeholder}
         disabledTime={disabledTime}
+        disabled={disableDateInput}
         value={value}
         showClear={false}
         selectedValue={selectedValue[index]}

From 49537b7c61d9817a8b3948249e44f6a94ccff69d Mon Sep 17 00:00:00 2001
From: zollero <corona7@163.com>
Date: Tue, 3 Apr 2018 15:54:13 +0800
Subject: [PATCH 2/2] add attribute: disableDateInput into the RADME

---
 README.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/README.md b/README.md
index 3a4172d9b..0e059fe72 100644
--- a/README.md
+++ b/README.md
@@ -218,6 +218,12 @@ http://react-component.github.io/calendar/examples/index.html
           <td></td>
           <td>date input's placeholder</td>
         </tr>
+        <tr>
+          <td>disableDateInput</td>
+          <td>Boolean</td>
+          <td>false</td>
+          <td>disable range date input</td>
+        </tr>
         <tr>
           <td>mode</td>
           <td>enum('time', 'date', 'month', 'year', 'decade')</td>
@@ -366,6 +372,12 @@ http://react-component.github.io/calendar/examples/index.html
           <td></td>
           <td>range date input's placeholders</td>
         </tr>
+        <tr>
+          <td>disableDateInput</td>
+          <td>Boolean</td>
+          <td>false</td>
+          <td>disable range date input</td>
+        </tr>
         <tr>
           <td>disabledTime</td>
           <td>Function(current: moment[], type:'start'|'end'):Object</td>