refactor

Author: Inbal-Tish

example/src/screens/expandableCalendar.js

@@ -157,6 +157,7 @@ export default class ExpandableCalendarScreen extends Component {
         theme={{todayButtonTextColor: '#0059ff'}} 
         showTodayButton 
         disabledOpacity={0.6}
+        // buttonTopPosition={16}
       >
         <ExpandableCalendar 
           // horizontal={false}

src/expandableCalendar/calendarProvider.js

@@ -14,7 +14,7 @@ const commons = require('./commons');
 const UPDATE_SOURCES = commons.UPDATE_SOURCES;
 const iconDown = require('../img/down.png');
 const iconUp = require('../img/up.png');
-const TOP_POSITION = -65;
+const TOP_POSITION = 65;
 
 /**
  * @description: Calendar context provider component
@@ -45,7 +45,7 @@ class CalendarProvider extends Component {
     this.state = {
       date: this.props.date || XDate().toString('yyyy-MM-dd'),
       updateSource: UPDATE_SOURCES.CALENDAR_INIT,
-      buttonY: new Animated.Value(-props.buttonTopPosition || TOP_POSITION),
+      buttonY: new Animated.Value(-props.buttonTopPosition || -TOP_POSITION),
       buttonIcon: this.getButtonIcon(props.date),
       disabled: false,
       opacity: new Animated.Value(1)
@@ -122,7 +122,7 @@ class CalendarProvider extends Component {
       const isToday = today === date;
 
       Animated.spring(this.state.buttonY, {
-        toValue: isToday ? 65 : -this.props.buttonTopPosition || TOP_POSITION,
+        toValue: isToday ? TOP_POSITION : -this.props.buttonTopPosition || -TOP_POSITION,
         tension: 30,
         friction: 8,
         useNativeDriver: true