@momo-kits/calendar 0.0.55-beta.4 → 0.0.55-beta.5

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/calendar",
-    "version": "0.0.55-beta.4",
+    "version": "0.0.55-beta.5",
     "private": false,
     "main": "index.js",
     "dependencies": {

package/src/Calendar.js

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { View, ScrollView, Platform, StyleSheet } from 'react-native';
 import moment from 'moment';
-import { Text, SwitchLanguage, Colors, Spacing } from '@momo-kits/core';
+import { Text, SwitchLanguage, Colors, Spacing, Radius } from '@momo-kits/core';
 import Switch from '@momo-kits/switch';
 import CalendarPro from './CalendarPro';
 import TabHeader from './TabHeader';
@@ -419,9 +419,15 @@ class Calendar extends Component {
         } = this.props;
         const { isDoubleDateMode } = this.state;
         return (
-            <ScrollView style={{ flex: 1, backgroundColor: 'white' }}>
-                {!isHiddenSwitch && this.renderSwitchReturnSelection()}
-                {!isHideHeaderPanel && this.renderHeaderPanel()}
+            <ScrollView style={{ flex: 1, backgroundColor: 'transparent' }}>
+                <View
+                    style={{
+                        backgroundColor: Colors.black_01,
+                        borderRadius: Radius.XS,
+                    }}>
+                    {!isHiddenSwitch && this.renderSwitchReturnSelection()}
+                    {!isHideHeaderPanel && this.renderHeaderPanel()}
+                </View>
                 <CalendarPro
                     ref={this.calendarPicker}
                     startDate={doubleDate?.first}

package/src/CalendarPro.js

@@ -18,6 +18,7 @@ import {
     Image,
     IconSource,
     Spacing,
+    Radius,
 } from '@momo-kits/core';
 import MonthList from './MonthList';
 import HeaderControl from './HeaderControl';
@@ -409,7 +410,7 @@ const styles = StyleSheet.create({
         borderStyle: 'solid',
         borderColor: '#c7c7cd',
     },
-    viewDate: { paddingHorizontal: 12 },
+    viewDate: {},
     textDay: {
         // fontSize: 14,
         lineHeight: 16,
@@ -424,7 +425,12 @@ const styles = StyleSheet.create({
         paddingTop: 15,
         paddingBottom: 10,
     },
-    container: { flex: 1, backgroundColor: 'white', marginTop: 20 },
+    container: {
+        flex: 1,
+        backgroundColor: 'white',
+        marginTop: Spacing.S,
+        borderRadius: Radius.XS,
+    },
     blueSeperator: {
         height: 1,
         width: '100%',