From 5affdc5880d69b904646b7e23051ae3285d40b54 Mon Sep 17 00:00:00 2001
From: Haythem Trabelsi <trabelsi.haithem@gmail.com>
Date: Mon, 17 Jun 2019 16:51:42 +0100
Subject: [PATCH 1/3] ability to change the calendar icon position

---
 src/DateRangePicker.jsx | 35 ++++++++++++++++++++++-------------
 1 file changed, 22 insertions(+), 13 deletions(-)

diff --git a/src/DateRangePicker.jsx b/src/DateRangePicker.jsx
index 485ada9f..8aa62ac2 100644
--- a/src/DateRangePicker.jsx
+++ b/src/DateRangePicker.jsx
@@ -118,6 +118,7 @@ export default class DateRangePicker extends PureComponent {
   renderInputs() {
     const {
       calendarIcon,
+      calendarIconPosition,
       clearIcon,
       disabled,
       format,
@@ -132,6 +133,19 @@ export default class DateRangePicker extends PureComponent {
     } = this.props;
     const { isOpen } = this.state;
 
+    const calendarButton = calendarIcon !== null && (
+      <button
+        className={`${baseClassName}__calendar-button ${baseClassName}__button`}
+        disabled={disabled}
+        onClick={this.toggleCalendar}
+        onFocus={this.stopPropagation}
+        onBlur={this.resetValue}
+        type="button"
+      >
+        {calendarIcon}
+      </button>
+    );
+
     const [valueFrom, valueTo] = [].concat(value);
 
     const commonProps = {
@@ -146,9 +160,11 @@ export default class DateRangePicker extends PureComponent {
       required,
       showLeadingZeros,
     };
-
     return (
       <div className={`${baseClassName}__wrapper`}>
+        {
+          calendarIconPosition === 'left' ? calendarButton : null
+        }
         <DateInput
           {...commonProps}
           name={`${name}_from`}
@@ -177,18 +193,9 @@ export default class DateRangePicker extends PureComponent {
             {clearIcon}
           </button>
         )}
-        {calendarIcon !== null && (
-          <button
-            className={`${baseClassName}__calendar-button ${baseClassName}__button`}
-            disabled={disabled}
-            onClick={this.toggleCalendar}
-            onFocus={this.stopPropagation}
-            onBlur={this.resetValue}
-            type="button"
-          >
-            {calendarIcon}
-          </button>
-        )}
+        {
+          calendarIconPosition === 'right' ? calendarButton : null
+        }
       </div>
     );
   }
@@ -278,6 +285,7 @@ DateRangePicker.defaultProps = {
   clearIcon: ClearIcon,
   isOpen: null,
   name: 'daterange',
+  calendarIconPosition: 'left'
 };
 
 DateRangePicker.propTypes = {
@@ -292,6 +300,7 @@ DateRangePicker.propTypes = {
     PropTypes.arrayOf(PropTypes.string),
   ]),
   clearIcon: PropTypes.node,
+  calendarIconPosition: PropTypes.string,
   disabled: PropTypes.bool,
   format: PropTypes.string,
   isOpen: PropTypes.bool,

From d80dedbee10b9db760a03a5b8c1e073af357d3d0 Mon Sep 17 00:00:00 2001
From: Haythem Trabelsi <trabelsi.haithem@gmail.com>
Date: Mon, 17 Jun 2019 17:16:33 +0100
Subject: [PATCH 2/3] linting

---
 src/DateRangePicker.jsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/DateRangePicker.jsx b/src/DateRangePicker.jsx
index 8aa62ac2..4a601707 100644
--- a/src/DateRangePicker.jsx
+++ b/src/DateRangePicker.jsx
@@ -285,7 +285,7 @@ DateRangePicker.defaultProps = {
   clearIcon: ClearIcon,
   isOpen: null,
   name: 'daterange',
-  calendarIconPosition: 'left'
+  calendarIconPosition: 'left',
 };
 
 DateRangePicker.propTypes = {
@@ -295,12 +295,12 @@ DateRangePicker.propTypes = {
     PropTypes.arrayOf(PropTypes.string),
   ]),
   calendarIcon: PropTypes.node,
+  calendarIconPosition: PropTypes.string,
   className: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.arrayOf(PropTypes.string),
   ]),
   clearIcon: PropTypes.node,
-  calendarIconPosition: PropTypes.string,
   disabled: PropTypes.bool,
   format: PropTypes.string,
   isOpen: PropTypes.bool,
@@ -308,7 +308,8 @@ DateRangePicker.propTypes = {
   onCalendarClose: PropTypes.func,
   onCalendarOpen: PropTypes.func,
   required: PropTypes.bool,
-  showLeadingZeros: PropTypes.bool,
+  showLeadingZeros: PropTypes.bool
+  ,
 };
 
 polyfill(DateRangePicker);

From c8273eed5f2782fb41376e14868f3909f1b6e631 Mon Sep 17 00:00:00 2001
From: Haythem Trabelsi <trabelsi.haithem@gmail.com>
Date: Wed, 26 Jun 2019 16:20:41 +0100
Subject: [PATCH 3/3] update react-fit package

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 3d7b2e38..a2db1314 100644
--- a/package.json
+++ b/package.json
@@ -46,7 +46,7 @@
     "prop-types": "^15.6.0",
     "react-calendar": "^2.18.0",
     "react-date-picker": "^7.5.0",
-    "react-fit": "^1.0.3",
+    "react-fit": "^1.0.5",
     "react-lifecycles-compat": "^3.0.4"
   },
   "devDependencies": {