const renderItem = item => <CalendarEvent item={item} />;

const Calendar = (props, context) => {
  const theme = getTheme(props, context);
  return (
    <View style={{ flex: 1 }}>
      <NetworkConnectivity />
      <Agenda
        items={R.merge(props.emptyDates, props.items)}
        renderItem={renderItem}
        renderEmptyDate={renderEmptyDate}
        rowHasChanged={rowHasChanged}
        theme={theme}
        onDayPress={props.setEmptyDate}
      />
      <ActionButton icon="event" onPress={props.openFormUserEvent} />
    </View>
  );
};