diff --git a/components/calendar.js b/components/calendar.js
index 67e52997a831a01fa3d850b0b5c9bd84687e440a..b447bf24cebd82d0d87a8b3c155c0df4885a5c78 100644
--- a/components/calendar.js
+++ b/components/calendar.js
@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
 import { View } from 'react-native'
-import { Calendar } from 'react-native-calendars'
+import { CalendarList } from 'react-native-calendars'
 import * as styles from '../styles'
 import { getOrCreateCycleDay, bleedingDaysSortedByDate } from '../db'
 
@@ -35,7 +35,7 @@ export default class CalendarView extends Component {
   render() {
     return (
       <View style={styles.container}>
-        <Calendar
+        <CalendarList
           onDayPress={ this.passDateToDayView.bind(this) }
           markedDates = { this.state.bleedingDaysInCalFormat }
           markingType = {'period'}