@require "../../../node_modules/react-widgets/dist/css/react-widgets.css";

.rw-datetime-picker {
    .rw-select { background: color--grey--2; }
}

.date-range-picker {
    display: flex;
    &__start,
    &__end {
        /* fixes animation issue when switching between months */
        & > .rw-calendar {
            width: 275px;
            height: 244px;
            user-select: none;
        }
    }
    &__start { margin-right: 1em; }
    &__time { margin-top: 1em; }
}