react-native-future-date-range-calendar/lib/calendar-styles.d.ts

React Native calendar to pick future date ranges only

export declare const styles: {
    calendarWrapper: {};
    currentMonthWrapper: {
        flexDirection: "column";
    };
    currentMonthHeaderWrapper: {
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "space-between";
    };
    currentMonthText: {
        marginTop: number;
        marginHorizontal: number;
        alignSelf: "center";
        marginBottom: number;
        fontWeight: "bold";
        borderWidth: number;
        borderColor: string;
    };
    weekdaysWrapper: {
        flexDirection: "row";
        alignItems: "flex-end";
        alignContent: "flex-end";
        justifyContent: "center";
        flexWrap: "wrap";
        marginVertical: number;
        marginHorizontal: number;
        paddingVertical: number;
        borderBottomWidth: number;
        borderBottomColor: string;
    };
    weekdayWrapper: {
        width: "14%";
        alignItems: "center";
        alignContent: "center";
    };
    weekdayText: {};
    daysWrapper: {
        width: "100%";
        flexDirection: "row";
        flexWrap: "wrap";
        justifyContent: "flex-start";
    };
    dayWrapperPrevious: {
        width: "14%";
        height: number;
        alignItems: "center";
        alignContent: "center";
    };
    dayWrapper: {
        width: "14%";
        height: number;
        alignItems: "center";
        alignContent: "center";
        justifyContent: "center";
        borderRadius: number;
    };
    dayNotSelectedWrapper: {
        width: "90%";
        height: "90%";
        alignItems: "center";
        alignContent: "center";
        justifyContent: "center";
        borderRadius: number;
    };
    disableDayWrapper: {
        backgroundColor: string;
        width: "90%";
        height: "90%";
        alignItems: "center";
        alignContent: "center";
        justifyContent: "center";
        position: "absolute";
        zIndex: number;
        borderRadius: number;
    };
    daySelectedWrapper: {
        backgroundColor: string;
        width: "90%";
        height: "90%";
        alignItems: "center";
        alignContent: "center";
        justifyContent: "center";
        position: "absolute";
        zIndex: number;
        borderRadius: number;
    };
    daySelectedWrapperFirstAndLast: {
        backgroundColor: string;
        width: "90%";
        height: "90%";
        alignItems: "center";
        alignContent: "center";
        justifyContent: "center";
        position: "absolute";
        zIndex: number;
        borderRadius: number;
    };
    daySelectedWrapperType1: {
        backgroundColor: string;
        width: "100%";
        height: "90%";
        alignItems: "center";
        alignContent: "center";
        justifyContent: "center";
        position: "absolute";
        zIndex: number;
    };
    daySelectedWrapperType2: {
        backgroundColor: string;
        width: "90%";
        height: "90%";
        alignItems: "center";
        alignContent: "center";
        justifyContent: "center";
        position: "absolute";
        borderRadius: number;
        zIndex: number;
    };
    startDateBase: {
        backgroundColor: string;
        width: "100%";
        height: "90%";
        alignItems: "center";
        alignContent: "center";
        justifyContent: "center";
        position: "absolute";
        borderTopLeftRadius: number;
        borderBottomLeftRadius: number;
        left: number;
    };
    endDateBase: {
        backgroundColor: string;
        width: "100%";
        height: "90%";
        alignItems: "center";
        alignContent: "center";
        justifyContent: "center";
        position: "absolute";
        borderTopRightRadius: number;
        borderBottomRightRadius: number;
        right: number;
    };
    daySelectedWrapperFirstAndLasType1: {
        backgroundColor: string;
        width: "90%";
        height: "90%";
        alignItems: "center";
        alignContent: "center";
        justifyContent: "center";
        position: "absolute";
        zIndex: number;
        borderRadius: number;
    };
    daySelectedWrapperFirstAndLasType2: {
        backgroundColor: string;
        width: "90%";
        height: "90%";
        alignItems: "center";
        alignContent: "center";
        justifyContent: "center";
        position: "absolute";
        zIndex: number;
        borderRadius: number;
    };
    dayText: {};
    disableDayText: {
        color: string;
    };
    daySelectedText: {};
    daySelectedTextFirstAndLast: {
        color: string;
    };
};