@momo-kits/date-picker 0.0.13 → 0.0.23-beta-1

package/datePicker/DatePicker.js

@@ -6,7 +6,7 @@ import {
 } from 'react-native';
 import PropTypes from 'prop-types';
 import {
-    BottomPopupHeader, Button, Text, ScreenUtils, SwitchLanguage, Spacing
+    BottomPopupHeader, Button, Text, ScreenUtils, SwitchLanguage, Spacing, Colors
 } from '@momo-kits/core';
 import WheelPicker from './WheelPicker';
 import DatePickerHelper from './helper/DatePickerHelper';
@@ -26,13 +26,22 @@ const styles = StyleSheet.create({
         width: widthScreen,
         alignItems: 'center',
         justifyContent: 'center',
+        paddingHorizontal: 21,
+        paddingTop: 12
     },
     column: {
         borderWidth: 2,
         borderColor: 'red',
     },
     header: {
-        borderRadius: 16,
+        borderTopLeftRadius: 12,
+        borderTopRightRadius: 12,
+        //backgroundColor:'red',
+        height: 64,
+        borderBottomColor: Colors.black_04,
+        borderBottomWidth: 1,
+        alignItems:'center',
+        justifyContent:'center',
         marginBottom: 0, // Spacing.S,
     },
     view: {
@@ -540,7 +549,7 @@ class DatePicker extends Component {
     renderFooter() {
         const { titleFooter, renderFooter } = this.props;
         return renderFooter ? renderFooter() : (
-            <View style={{ paddingHorizontal: 12, marginBottom: ifIphoneX(29, 11), marginTop: 28 }}>
+            <View style={{ paddingHorizontal: 12, marginBottom: ifIphoneX(35, 12), marginTop: 16 }}>
                 <Button
                     onPress={this.finish}
                     title={titleFooter || SwitchLanguage.confirm}

package/datePicker/WheelPicker.js

@@ -6,6 +6,7 @@ import {
     LinearGradient, Text, Colors, ScaleSize
 } from '@momo-kits/core';
 import ScrollCustom from './custom/ScrollCustom';
+import DatePickerHelper from './helper/DatePickerHelper';
 
 const widthScreen = Dimensions.get('window').width;
 // var heightScreen = Dimensions.get('window').height;
@@ -171,19 +172,20 @@ export default class WheelPicker extends Component {
         const { items, value, width } = this.state;
         const { preFix, bottomOffset } = this.props;
         return (
-            <View style={{ flex: 1, height: heightContain + 20 }}>
-                <Text.SubTitle style={{
+            <View style={{ flex: 1, height: heightContain + 40 }}>
+                <Text.SubTitle weight='bold' style={{
                     color: Colors.black_17, marginLeft: 6, marginBottom: 3
                 }}
                 >
-                    {preFix?.toUpperCase()}
+                    {DatePickerHelper.capitalizeFirstLetter(preFix || '')}
                 </Text.SubTitle>
                 <View
                     style={{
                         flex: 1,
                         height: heightContain,
-                        // backgroundColor: 'blue',
+                        //backgroundColor: 'blue',
                         marginHorizontal: 6,
+                        paddingBottom: 20,
                         borderWidth: 1,
                         borderColor: Colors.black_04,
                         borderRadius: 8,

package/datePicker/helper/DatePickerHelper.js

@@ -194,4 +194,8 @@ export default class DatePickerHelper {
 
         return monthLength[month - 1];
     }
+
+    static capitalizeFirstLetter(string) {
+        return string.charAt(0).toUpperCase() + string.slice(1);
+      }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/date-picker",
-  "version": "0.0.13",
+  "version": "0.0.23-beta-1",
   "private": false,
   "main": "index.js",
   "dependencies": {},