From 6028812128124c6c343bafeb0d6509cec46f1fbc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Wed, 26 Aug 2015 18:01:50 +0200
Subject: [PATCH] adjust loan form to disable dates

---
 js/components/ascribe_forms/form_loan.js  |  4 ++++
 js/components/ascribe_forms/input_date.js | 10 ++++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/js/components/ascribe_forms/form_loan.js b/js/components/ascribe_forms/form_loan.js
index 335df648..bed5e690 100644
--- a/js/components/ascribe_forms/form_loan.js
+++ b/js/components/ascribe_forms/form_loan.js
@@ -173,6 +173,8 @@ let LoanForm = React.createClass({
                 <Property
                     name='startdate'
                     label={getLangText('Start date')}
+                    editable={!this.props.startdate}
+                    overrideForm={!!this.props.startdate}
                     hidden={!this.props.showStartDate}>
                     <InputDate
                         defaultValue={this.props.startdate}
@@ -180,6 +182,8 @@ let LoanForm = React.createClass({
                 </Property>
                 <Property
                     name='enddate'
+                    editable={!this.props.enddate}
+                    overrideForm={!!this.props.enddate}
                     label={getLangText('End date')}
                     hidden={!this.props.showEndDate}>
                     <InputDate
diff --git a/js/components/ascribe_forms/input_date.js b/js/components/ascribe_forms/input_date.js
index f2df69b9..06e4c38d 100644
--- a/js/components/ascribe_forms/input_date.js
+++ b/js/components/ascribe_forms/input_date.js
@@ -9,7 +9,11 @@ let InputDate = React.createClass({
         submitted: React.PropTypes.bool,
         placeholderText: React.PropTypes.string,
         onChange: React.PropTypes.func,
-        defaultValue: React.PropTypes.object
+        defaultValue: React.PropTypes.object,
+
+        // DatePicker implements the disabled attribute
+        // https://github.com/Hacker0x01/react-datepicker/blob/master/src/datepicker.jsx#L30
+        disabled: React.PropTypes.bool
     },
 
     getInitialState() {
@@ -41,10 +45,12 @@ let InputDate = React.createClass({
         });
     },
 
-    render: function () {
+    render() {
+        console.log(this.props.disabled);
         return (
             <div>
                 <DatePicker
+                    disabled={this.props.disabled}
                     dateFormat="YYYY-MM-DD"
                     selected={this.state.value_moment}
                     onChange={this.handleChange}