All files / dist/src/fieldcontrols/DatePicker DatePickerStyles.js

0% Statements 0/2
100% Branches 0/0
100% Functions 0/0
0% Lines 0/2
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131                                                                                                                                                                                                                                                                     
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.styles = {
    container: {
        position: 'relative',
        marginBottom: 45
    },
    ardpdatepicker: {
        fontSize: 16,
        fontFamily: 'Arial',
        boxSizing: 'border-box'
    },
    calendar: {
        position: 'absolute',
        zIndex: 10,
        background: 'white',
        width: 260,
        padding: 5,
        color: '#244152',
        borderRadius: 3,
        height: 203,
        boxShadow: '0 2px 8px rgba(0, 0, 0, 0.5)',
        overflow: 'hidden'
    },
    calendarShow: {
        top: 'top',
        left: 'left',
        visibility: 'visible',
        opacity: 1,
        transition: 'opacity 100ms linear'
    },
    calendarHide: {
        visibility: 'hidden',
        opacity: 0,
        transition: 'visibility 0s 100ms, opacity 100ms linear'
    },
    monthHeader: {
        float: 'left',
        width: 100,
        display: 'flex',
        WebkitJustifyContent: 'space-between',
        justifyContent: 'space-between',
        alignItems: 'center'
    },
    monthHeaderI: {
        fontWeight: 'bold',
        padding: '5px 8px',
        borderRadius: 3,
        cursor: 'pointer',
        fontStyle: 'normal',
        fontSize: '0.7em',
        ':hover': {
            backgroundColor: '#026aa7',
            color: 'white'
        }
    },
    weekHeader: {
        float: 'left',
        width: '100%',
        marginTop: 8,
        display: 'table',
        paddingBottom: 3,
        borderBottom: 'solid 1px #CCC',
        marginBottom: 3
    },
    weekHeaderSpan: {
        float: 'left',
        width: '14.285714285714286%',
        fontSize: '0.6em',
        textTransform: 'uppercase',
        color: '#026aa7',
        fontWeight: 'bold',
        textAlign: 'center'
    },
    weeks: {
        float: 'left',
        width: '100%',
        overflow: 'hidden',
        position: 'relative',
        height: 140
    },
    weeksDivCurrent: {
        position: 'absolute',
        width: 250,
        left: 0
    },
    weeksDivOther: {
        position: 'absolute',
        width: 250,
        left: 250
    },
    weeksDivOtherRight: {
        position: 'absolute',
        width: 250,
        left: -250
    },
    weeksDivOtherSliding: {
        transition: 'transform 250ms ease',
        '-webkit-transition': '-webkit-transform 250ms ease'
    },
    weeksDivOtherSlidingLeft: {
        transition: 'translate3d(-250px, 0, 0)',
        '-webkit-transition': 'translate3d(-250px, 0, 0)'
    },
    weeksDivOtherSlidingRight: {
        transition: 'translate3d(250px, 0, 0)',
        '-webkit-transition': 'translate3d(250px, 0, 0)'
    },
    label: {
        color: '#999',
        fontSize: 18,
        fontWeight: 'normal',
        position: 'absolute',
        pointerEvents: 'none',
        left: 5,
        top: 10,
        transition: '0.2s ease all',
        MozTransition: '0.2s ease all',
        WebkitTransition: '0.2s ease all',
        ':hover': {
            color: 'magenta'
        }
    },
    input: {},
    error: {},
    hint: {},
    browse: {},
    percentage: {},
    required: {}
};
//# sourceMappingURL=DatePickerStyles.js.map