diff --git a/datepicker.js b/datepicker.js
index 337e2adb94726b15d46ad5d25babcd6feada4dc1..0085c86d56a353755f23bf389f38748360de632d 100644
--- a/datepicker.js
+++ b/datepicker.js
@@ -4,14 +4,16 @@ import { Calendar } from 'react-native-calendars'
 import * as styles from './styles'
 import { getOrCreateCycleDay, bleedingDaysSortedByDate } from './db'
 
-
-
 export default class DatePickView extends Component {
   constructor(props) {
     super(props)
     this.state = {
       cycleDays: bleedingDaysSortedByDate
     }
+    // so we rerender the calendar when there are new bleeding days
+    bleedingDaysSortedByDate.addListener(() => {
+      this.setState({ cycleDays: bleedingDaysSortedByDate })
+    })
   }
 
   passDateToDayView(result) {