react-ui-component/css/datetime-picker.less

some component build with ReactJs

@import url('meta');

.datetime-picker {
    position: relative;
    width: 280px;
    ._input {
        position: relative;
        cursor: pointer;
        >input {
            width: 100%;
            line-height: 25px;
            height: 30px;
            padding: 0 10px;
            color: @black;
            border: 1px solid @gray_b;
        }
    }
    &._top>._wrap {
        top: initial;
        bottom: 30px;
    }
    &._left>._wrap {
        top: 0;
        left: -280px;
    }
    &._right>._wrap {
        top: 0;
        left: 280px;
    }

    >._wrap {
        position: absolute;
        left: 0;
        top: 30px;
        &:not(:empty) {
            border: 1px solid @gray_c;
        }
        overflow: hidden;
        ._datepicker .calendar, ._timepicker ._section {
            border-left: 0;
            border-right: 0;
        }
        ._action {
            padding: 20px;
            text-align: right;
            ._selector {
                margin-right: 5px;
                font-size: 13px;
            }
        }
    }
}