extend api for disabling dates in basic marking

Author: Tautvilas Mecinskas

README.md

@@ -120,8 +120,8 @@ Dot marking
   markedDates={{
     '2012-05-16': {selected: true, marked: true},
     '2012-05-17': {marked: true},
-    '2012-05-18': {marked: true, dotColor: 'red'},
-    '2012-05-19': {disabled: true}
+    '2012-05-18': {marked: true, dotColor: 'red', activeOpacity: 0},
+    '2012-05-19': {disabled: true, disableTouchEvent: true}
   }}
 />
 ```

example/src/screens/calendars.js

@@ -22,7 +22,7 @@ export default class CalendarsScreen extends Component {
           onDayPress={this.onDayPress}
           style={styles.calendar}
           hideExtraDays
-          markedDates={{[this.state.selected]: {selected: true}}}
+          markedDates={{[this.state.selected]: {selected: true, disableTouchEvent: true}}}
         />
         <Text style={styles.text}>Calendar with marked dates and hidden arrows</Text>
         <Calendar
@@ -36,7 +36,7 @@ export default class CalendarsScreen extends Component {
             '2012-05-24': {selected: true, marked: true, dotColor: 'green'},
             '2012-05-25': {marked: true, dotColor: 'red'},
             '2012-05-26': {marked: true},
-            '2012-05-27': {disabled: true}
+            '2012-05-27': {disabled: true, activeOpacity: 0}
           }}
           // disabledByDefault={true}
           hideArrows={true}

src/calendar/day/basic/index.js

@@ -69,6 +69,7 @@ class Day extends Component {
         marking: true
       };
     }
+    const isDisabled = typeof marking.disabled !== 'undefined' ? marking.disabled : this.props.state === 'disabled';
     let dot;
     if (marking.marked) {
       dotStyle.push(this.style.visibleDot);
@@ -82,20 +83,18 @@ class Day extends Component {
       containerStyle.push(this.style.selected);
       dotStyle.push(this.style.selectedDot);
       textStyle.push(this.style.selectedText);
-    } else if (typeof marking.disabled !== 'undefined' ? marking.disabled : this.props.state === 'disabled') {
+    } else if (isDisabled) {
       textStyle.push(this.style.disabledText);
     } else if (this.props.state === 'today') {
       textStyle.push(this.style.todayText);
     }
+
     return (
       <TouchableOpacity
         style={containerStyle}
         onPress={this.onDayPress}
-        disabled={
-          typeof marking.disabled !== 'undefined'
-            ? marking.disabled
-            : this.props.state === 'disabled'
-        }
+        activeOpacity={marking.activeOpacity}
+        disabled={marking.disableTouchEvent}
       >
         <Text allowFontScaling={false} style={textStyle}>{String(this.props.children)}</Text>
         {dot}