feat: implement selected prop for period marking

fix: apply selected prop to agenda markings

Author: Tautvilas Mecinskas

example/src/screens/agenda.js

@@ -23,18 +23,18 @@ export default class AgendaScreen extends Component {
         renderItem={this.renderItem.bind(this)}
         renderEmptyDate={this.renderEmptyDate.bind(this)}
         rowHasChanged={this.rowHasChanged.bind(this)}
-        //markingType={'interactive'}
-        //markedDates={{
-        //  '2017-05-08': [{textColor: '#666'}],
-        //  '2017-05-09': [{textColor: '#666'}],
-        //  '2017-05-14': [{startingDay: true, color: 'blue'}, {endingDay: true, color: 'blue'}],
-        //  '2017-05-21': [{startingDay: true, color: 'blue'}],
-        //  '2017-05-22': [{endingDay: true, color: 'gray'}],
-        //  '2017-05-24': [{startingDay: true, color: 'gray'}],
-        //  '2017-05-25': [{color: 'gray'}],
-        //  '2017-05-26': [{endingDay: true, color: 'gray'}]}}
-        // monthFormat={'yyyy'}
-        // theme={{calendarBackground: 'red', agendaKnobColor: 'green'}}
+        // markingType={'period'}
+        // markedDates={{
+        //   '2017-05-08': {periods: [{textColor: '#666'}]},
+        //   '2017-05-09': {periods: [{textColor: '#666'}]},
+        //   '2017-05-14': {periods: [{startingDay: true, color: 'blue'}, {endingDay: true, color: 'blue'}]},
+        //   '2017-05-21': {periods: [{startingDay: true, color: 'blue'}]},
+        //   '2017-05-22': {periods: [{endingDay: true, color: 'gray'}]},
+        //   '2017-05-24': {periods: [{startingDay: true, color: 'gray'}]},
+        //   '2017-05-25': {periods: [{color: 'gray'}]},
+        //   '2017-05-26': {periods: [{endingDay: true, color: 'gray'}]}}}
+         // monthFormat={'yyyy'}
+         // theme={{calendarBackground: 'red', agendaKnobColor: 'green'}}
         //renderDay={(day, item) => (<Text>{day ? day.day: 'item'}</Text>)}
       />
     );

src/agenda/index.js

@@ -297,8 +297,6 @@ export default class AgendaView extends Component {
           markings[key] = {marked: true};
         }
       });
-    } else {
-      return markings;
     }
     const key = this.state.selectedDay.toString('yyyy-MM-dd');
     return {...markings, [key]: {...(markings[key] || {}), ...{selected: true}}};

src/calendar/day/period/index.js

@@ -60,6 +60,8 @@ class Day extends Component {
     }
     if (this.props.marked.disabled) {
       defaultStyle.textStyle.color = this.theme.textDisabledColor;
+    } else if (this.props.marked.selected) {
+      defaultStyle.textStyle.color = this.theme.selectedDayTextColor;
     }
     const resultStyle = (marking.periods || []).reduce((prev, next) => {
       if (next.quickAction) {