Added the 'unselectable' prop defaulting to 'false'.

hurkanyakay · Dec 7, 2017 · cb2b9ef · cb2b9ef
1 parent b6a1f0c
commit cb2b9ef
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -37,6 +37,7 @@ You can also provide additional configuration like
   unselectDay={function(day){}}
   onPrevClick={function(startDay, selectedDays){}} // called with the new startDay
   onNextClick={function(startDay, selectedDays){}} // called with the new startDay
+  unselectable={false} // if true allows to unselect a date once it has been selected. Only works when multipleDaySelect={false}
   format={'YYYY-MM-DD'} //format of dates that handled in selectDay and unselectDay functions
   firstLineFormat={'ddd'} // format for the first line of the day button
   secondLineFormat={'MMM D'} // format for the second line of the day button

diff --git a/lib/index.js b/lib/index.js
diff --git a/src/index.js b/src/index.js
@@ -157,10 +157,12 @@ class ReactWeeklyDayPicker extends React.Component {
     }else{
       if( day.isSame(this.state.selectedDays[0], 'day')){ //remove existed day
         this.convertOutputUnselect(day);
-        this.setState({
-          selectedDays: []
-        })
-        this.convertOutput([])
+        if(this.props.unselectable) {
+          this.setState({
+            selectedDays: []
+          })
+          this.convertOutput([])
+        }
       }else{
         this.setState({
           selectedDays: [day]