react-native-calendars/src/calendar/day/marking/style.js

React Native Calendar Components

import { StyleSheet } from 'react-native';
import * as defaultStyle from '../../style';
export default function styleConstructor(theme = {}) {
    const appStyle = { ...defaultStyle, ...theme };
    return StyleSheet.create({
        dots: {
            flexDirection: 'row'
        },
        periods: {
            alignSelf: 'stretch'
        },
        period: {
            height: 4,
            marginVertical: 1,
            backgroundColor: appStyle.dotColor
        },
        startingDay: {
            borderTopLeftRadius: 2,
            borderBottomLeftRadius: 2,
            marginLeft: 4
        },
        endingDay: {
            borderTopRightRadius: 2,
            borderBottomRightRadius: 2,
            marginRight: 4
        },
        ...(theme['stylesheet.marking'] || {})
    });
}