react-native-calendar-picker - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

CalendarPicker.js

@@ -9,9 +9,6 @@ /**
 var {
-  Image,
   StyleSheet,
   View,
   Text,
-  Navigator,
   TouchableOpacity,
-  ScrollView
 } = React;
@@ -158,3 +155,3 @@
   render() {
-    return <View>{ this.getCalendarDays() }</View>;
+    return <View style={styles.daysWrapper}>{ this.getCalendarDays() }</View>;
   }
@@ -217,8 +214,6 @@
     return (
-      <View style={styles.monthLabelWrapper}>
-        <View style={styles.iconPrev}>
+      <View style={styles.headerWrapper}>
+        <View style={styles.monthSelector}>
           <TouchableOpacity onPress={this.getPrevious}>
-            <Image
-              style={styles.icon}
-              source={require('image!arrow-left')} />
+            <Text style={styles.prev}>Previous</Text>
           </TouchableOpacity>
@@ -231,7 +226,5 @@ </View>
         </View>
-        <View style={styles.iconNext}>
+        <View style={styles.monthSelector}>
           <TouchableOpacity onPress={this.getNext}>
-            <Image
-              style={styles.icon}
-              source={require('image!arrow-right')} />
+            <Text style={styles.next}>Next</Text>
           </TouchableOpacity>
@@ -238,0 +231,0 @@ </View>

package.json

 {
   "name": "react-native-calendar-picker",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Calendar Picker Component for React Native",
@@ -5,0 +5,0 @@ "main": "CalendarPicker.js",

Styles.js

@@ -11,22 +11,5 @@ /**
   calendar: {
-    alignSelf: 'center',
-    height: 300,
+    height: 320,
     marginTop: 10
   },
-
-  iconPrev: {
-    flex: 1,
-    paddingTop: 5
-  },
-
-  iconNext: {
-    flex: 1,
-    paddingTop: 5
-  },
-
-  icon: {
-    width: 15,
-    height: 15,
-  },
-
   dayWrapper: {
@@ -66,2 +49,3 @@ width: 50,
     paddingBottom: 10,
+    alignSelf: 'center',
     backgroundColor: 'rgba(0,0,0,0.0)',
@@ -71,2 +55,6 @@ borderColor: 'rgba(0,0,0,0.2)'
 
+  daysWrapper: {
+    alignSelf: 'center',
+  },
+
   dayLabels: {
@@ -90,9 +78,10 @@ width: 50,
     color: '#000',
-    flex: 1,
-    width: 320,
+    width: 180,
     textAlign: 'center'
   },
 
-  monthLabelWrapper: {
+  headerWrapper: {
+    alignItems: 'center',  
     flexDirection: 'row',
+    alignSelf: 'center',
     marginBottom: 10,
@@ -104,2 +93,14 @@ padding: 5,
 
+  monthSelector: {
+    width: 80,
+  },
+
+  prev: {
+    textAlign: 'left'
+  },
+
+  next: {
+    textAlign: 'right'
+  },
+
   yearLabel: {
@@ -106,0 +107,0 @@ fontSize: 14,

No alert changes

Worsened metrics

Total package byte prevSize

10516

decreased by-0.59%

Lines of code

390

decreased by-1.52%

No dependency changes