@momo-kits/calendar 0.0.73-beta → 0.72.1

package/src/calendarPicker/styles.js

@@ -1,184 +1,183 @@
-import { Dimensions, StyleSheet } from 'react-native';
+import {Dimensions, StyleSheet} from 'react-native';
 
 const widthScreen = Dimensions.get('window').width;
 
 const styles = StyleSheet.create({
-    calendar: {
+  calendar: {
     // height:widthScreen - 20,
-        backgroundColor: 'white',
-        borderColor: '#DADADA',
-        borderBottomWidth: 1,
-        borderTopWidth: 1,
-    },
-    dayWrapper: {
-        width: widthScreen / 7,
-        height: 40,
-        backgroundColor: 'rgba(0,0,0,0.0)'
-
-    },
-
-    dayButton: {
-        width: 50,
-        height: 50,
-        alignSelf: 'center'
-    },
-
-    styleFirstDate: {
-        position: 'absolute',
-        // width:45,
-        height: 40,
-        top: 0,
-        left: widthScreen / 14,
-        right: -1,
-        backgroundColor: '#90d6f3',
-        borderRadius: 0
-    },
-    styleSecondDate: {
-        position: 'absolute',
-        // width:45,
-        height: 40,
-        top: 0,
-        right: widthScreen / 14,
-        left: 0,
-        backgroundColor: '#90d6f3',
-        borderRadius: 0
-    },
-    styleBetween: {
-        height: 40,
-        // width:60,
-        top: 0,
-        left: 0,
-        right: -1,
-        position: 'absolute',
-        backgroundColor: '#90d6f3',
-        borderRadius: 0
-    },
-    dayButtonSelected: {
-        width: 40,
-        height: 40,
-        borderRadius: 20,
-        backgroundColor: '#2eb3e8',
-        alignSelf: 'center'
-    },
-
-    dayButtonNow: {
-        width: 40,
-        height: 40,
-        borderRadius: 20,
-        backgroundColor: '#8F8E94',
-        alignSelf: 'center'
-    },
-
-    dayLabel: {
-        fontSize: 16,
-        color: '#393939',
-        marginTop: 10,
-        alignSelf: 'center'
-    },
-
-    dayLabelsWrapper: {
-        width: widthScreen,
-        flexDirection: 'row',
-        marginBottom: 10,
-        paddingTop: 5,
-        paddingBottom: 5,
-        borderColor: '#DADADA',
-        borderBottomWidth: 1,
-        borderTopWidth: 1,
-    },
-
-    daysWrapper: {
-        alignSelf: 'center',
-    },
-
-    dayLabels: {
-        width: widthScreen / 7,
-        fontSize: 12,
-        color: '#000',
-        textAlign: 'center',
-    },
-
-    selectedDay: {
-        width: 60,
-        height: 60,
-        backgroundColor: '#5ce600',
-        borderRadius: 30,
-        alignSelf: 'center'
-    },
-
-    monthLabel: {
-        fontSize: widthScreen > 320 ? 20 : 17,
-        fontWeight: '300',
-        color: '#000',
-        width: 180,
-        textAlign: 'center'
-    },
-
-    headerWrapper: {
-        width: widthScreen,
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        flexDirection: 'row',
-        marginVertical: 10,
-        backgroundColor: 'rgba(0,0,0,0.0)'
-    },
-
-    monthSelector: {
-        width: 80,
-    },
-
-    prev: {
-        textAlign: 'left',
-        fontSize: 16,
-        color: '#dadada',
-    },
-
-    next: {
-        textAlign: 'right',
-        fontSize: 16,
-        color: '#dadada',
-    },
-
-    yearLabel: {
-        fontSize: 14,
-        fontWeight: 'bold',
-        color: '#000',
-        textAlign: 'center'
-    },
-
-    weeks: {
-        flexDirection: 'column'
-    },
-
-    weekRow: {
-        flexDirection: 'row'
-    },
-    btnCellHeader: {
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-        borderWidth: 1,
-        borderColor: '#DADADA',
-        backgroundColor: 'white'
-    },
-    center: {
-        justifyContent: 'center',
-        alignItems: 'center'
-    },
-    txtDate: {
-        color: '#4D4D4D',
-        fontSize: 18,
-        fontWeight: 'bold',
-        paddingVertical: 10
-    },
-    lineActiveTab: {
-        height: 3,
-        width: '100%',
-        position: 'absolute',
-        bottom: 0,
-        left: 0,
-        backgroundColor: '#49A3BC'
-    }
+    backgroundColor: 'white',
+    borderColor: '#DADADA',
+    borderBottomWidth: 1,
+    borderTopWidth: 1,
+  },
+  dayWrapper: {
+    width: widthScreen / 7,
+    height: 40,
+    backgroundColor: 'rgba(0,0,0,0.0)',
+  },
+
+  dayButton: {
+    width: 50,
+    height: 50,
+    alignSelf: 'center',
+  },
+
+  styleFirstDate: {
+    position: 'absolute',
+    // width:45,
+    height: 40,
+    top: 0,
+    left: widthScreen / 14,
+    right: -1,
+    backgroundColor: '#90d6f3',
+    borderRadius: 0,
+  },
+  styleSecondDate: {
+    position: 'absolute',
+    // width:45,
+    height: 40,
+    top: 0,
+    right: widthScreen / 14,
+    left: 0,
+    backgroundColor: '#90d6f3',
+    borderRadius: 0,
+  },
+  styleBetween: {
+    height: 40,
+    // width:60,
+    top: 0,
+    left: 0,
+    right: -1,
+    position: 'absolute',
+    backgroundColor: '#90d6f3',
+    borderRadius: 0,
+  },
+  dayButtonSelected: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    backgroundColor: '#2eb3e8',
+    alignSelf: 'center',
+  },
+
+  dayButtonNow: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    backgroundColor: '#8F8E94',
+    alignSelf: 'center',
+  },
+
+  dayLabel: {
+    fontSize: 16,
+    color: '#393939',
+    marginTop: 10,
+    alignSelf: 'center',
+  },
+
+  dayLabelsWrapper: {
+    width: widthScreen,
+    flexDirection: 'row',
+    marginBottom: 10,
+    paddingTop: 5,
+    paddingBottom: 5,
+    borderColor: '#DADADA',
+    borderBottomWidth: 1,
+    borderTopWidth: 1,
+  },
+
+  daysWrapper: {
+    alignSelf: 'center',
+  },
+
+  dayLabels: {
+    width: widthScreen / 7,
+    fontSize: 12,
+    color: '#000',
+    textAlign: 'center',
+  },
+
+  selectedDay: {
+    width: 60,
+    height: 60,
+    backgroundColor: '#5ce600',
+    borderRadius: 30,
+    alignSelf: 'center',
+  },
+
+  monthLabel: {
+    fontSize: widthScreen > 320 ? 20 : 17,
+    fontWeight: '300',
+    color: '#000',
+    width: 180,
+    textAlign: 'center',
+  },
+
+  headerWrapper: {
+    width: widthScreen,
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    flexDirection: 'row',
+    marginVertical: 10,
+    backgroundColor: 'rgba(0,0,0,0.0)',
+  },
+
+  monthSelector: {
+    width: 80,
+  },
+
+  prev: {
+    textAlign: 'left',
+    fontSize: 16,
+    color: '#dadada',
+  },
+
+  next: {
+    textAlign: 'right',
+    fontSize: 16,
+    color: '#dadada',
+  },
+
+  yearLabel: {
+    fontSize: 14,
+    fontWeight: 'bold',
+    color: '#000',
+    textAlign: 'center',
+  },
+
+  weeks: {
+    flexDirection: 'column',
+  },
+
+  weekRow: {
+    flexDirection: 'row',
+  },
+  btnCellHeader: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: '#DADADA',
+    backgroundColor: 'white',
+  },
+  center: {
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  txtDate: {
+    color: '#4D4D4D',
+    fontSize: 18,
+    fontWeight: 'bold',
+    paddingVertical: 10,
+  },
+  lineActiveTab: {
+    height: 3,
+    width: '100%',
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    backgroundColor: '#49A3BC',
+  },
 });
 
 export default styles;

package/src/calendarPicker/util.js

@@ -1,50 +1,84 @@
-import { SwitchLanguage } from '@momo-kits/core';
+import {SwitchLanguage} from '@momo-kits/core';
 
 module.exports = {
-    WEEKDAYS: SwitchLanguage.getLocalize({
-        vi: [
-            'T2', 'T3', 'T4', 'T5', 'T6', 'T7', 'CN',
-        ],
-        en: ['Mon', 'Tues', 'Wed', 'Thur', 'Fri', 'Sat', 'Sun'],
-    }),
+  WEEKDAYS: SwitchLanguage.getLocalize({
+    vi: ['T2', 'T3', 'T4', 'T5', 'T6', 'T7', 'CN'],
+    en: ['Mon', 'Tues', 'Wed', 'Thur', 'Fri', 'Sat', 'Sun'],
+  }),
 
-    WEEKDAYSNAME: [
-        'Thứ 2', 'Thứ 3', 'Thứ 4', 'Thứ 5', 'Thứ 6', 'Thứ 7', 'Chủ nhật',
-    ],
-
-    MONTHS: SwitchLanguage.getLocalize({
-        vi: [
-            'Tháng 1', 'Tháng 2', 'Tháng 3', 'Tháng 4', 'Tháng 5', 'Tháng 6', 'Tháng 7',
-            'Tháng 8', 'Tháng 9', 'Tháng 10', 'Tháng 11', 'Tháng 12'
-        ],
-        en: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
-    }),
+  WEEKDAYSNAME: [
+    'Thứ 2',
+    'Thứ 3',
+    'Thứ 4',
+    'Thứ 5',
+    'Thứ 6',
+    'Thứ 7',
+    'Chủ nhật',
+  ],
 
-    MAX_ROWS: 7,
+  MONTHS: SwitchLanguage.getLocalize({
+    vi: [
+      'Tháng 1',
+      'Tháng 2',
+      'Tháng 3',
+      'Tháng 4',
+      'Tháng 5',
+      'Tháng 6',
+      'Tháng 7',
+      'Tháng 8',
+      'Tháng 9',
+      'Tháng 10',
+      'Tháng 11',
+      'Tháng 12',
+    ],
+    en: [
+      'Jan',
+      'Feb',
+      'Mar',
+      'Apr',
+      'May',
+      'Jun',
+      'Jul',
+      'Aug',
+      'Sep',
+      'Oct',
+      'Nov',
+      'Dec',
+    ],
+  }),
 
-    MAX_COLUMNS: 7,
+  MAX_ROWS: 7,
 
-    getDaysInMonth(month, year) {
-        const lastDayOfMonth = new Date(year, month + 1, 0);
-        return lastDayOfMonth.getDate();
-    },
+  MAX_COLUMNS: 7,
 
-    getDayofDate(date) {
-        const WEEKDAYSNAME = ['Thứ hai', 'Thứ ba', 'Thứ tư', 'Thứ năm', 'Thứ sáu', 'Thứ bảy', 'Chủ nhật'];
-        let day = date.getDay();
-        if (date.getDay() === 0) {
-            day = 7;
-        }
-        return WEEKDAYSNAME[day - 1];
-    },
-    formatDate(date) {
-        const padding = (input) => `${input > 9 ? input : `0${input}`}`;
-        if (date && typeof date.getDate === 'function') {
-            return `${padding(date.getDate())}/${
-                padding(date.getMonth() + 1)}/${
-                (date.getFullYear()).toString()}`;
-        }
-        return null;
-    },
+  getDaysInMonth(month, year) {
+    const lastDayOfMonth = new Date(year, month + 1, 0);
+    return lastDayOfMonth.getDate();
+  },
 
+  getDayofDate(date) {
+    const WEEKDAYSNAME = [
+      'Thứ hai',
+      'Thứ ba',
+      'Thứ tư',
+      'Thứ năm',
+      'Thứ sáu',
+      'Thứ bảy',
+      'Chủ nhật',
+    ];
+    let day = date.getDay();
+    if (date.getDay() === 0) {
+      day = 7;
+    }
+    return WEEKDAYSNAME[day - 1];
+  },
+  formatDate(date) {
+    const padding = input => `${input > 9 ? input : `0${input}`}`;
+    if (date && typeof date.getDate === 'function') {
+      return `${padding(date.getDate())}/${padding(date.getMonth() + 1)}/${date
+        .getFullYear()
+        .toString()}`;
+    }
+    return null;
+  },
 };