How to dynamically mark date

Description

I have a Calender component, where I would like to mark a date which is the next day (nextDay).

export default class CustomCalender extends React.Component {
	render() {
		const today = moment().format("YYYY-MM-DD");
		const nextWeekDay = moment().add(7, 'days').format("YYYY-MM-DD");
		const nextDay = moment().add(1, 'days').format("YYYY-MM-DD");

		const mark = {
			'2017-08-16': {selected: true, marked: true}
		};

		return (
			<View style={styles.container}>
				<Text style={styles.labelText}>Select a date</Text>
				<Calendar
					minDate={today}
					maxDate={nextWeekDay}
					onDayPress={(day) => {
						console.log('selected day', day)
					}}
					
					markedDates={mark}
				/>
			</View>
		)
	}
}

Expected Behavior

How can I use the data of nextDay for the mark constant instead of ‘2017-08-16’?

Environment

"react": "16.0.0-alpha.12",
"react-native": "^0.47.0",
"react-native-calendars": "^1.5.8",

[overengineered]

@robinlery use it like this:

	const mark = {
		[nextDay]: {selected: true, marked: true}
	};

[TimurAsayonok]

@sfm2222 @kinza88 This method doesn’t work because will get this wrong structure at the end you. You have to have structure like this:

    const mark = {
      '2018-06-05': { selected: true, marked: true },
      '2018-06-07': { selected: true, marked: true },
      '2018-06-18': { selected: true, marked: true }
    }

So, you have to work with your nextDay array and change this array to object correct structure. Example, try this (updated after @ekowcharles suggestions):

    const nextDays = [
      '2018-06-01',
      '2018-06-05',
      '2018-06-08',
      '2018-06-07',
      '2018-06-18',
      '2018-06-17',
      '2018-05-28',
      '2018-05-29'
    ];

    let newDaysObject = {};

    nextDays.forEach((day) => {
      newDaysObject[day] = {
          selected: true,
          marked: true
      };
    });