@import "../variables";
@import "../mixins";

.DatePicker {
    position: relative;
    width: $datepicker-width;
}

//  DatePicker-trigger has 'display' property set by inline style,
//  so we have to use '!important' to apply 'display: none'.
.DatePicker-input[readonly] + .DatePicker-trigger,
.DatePicker-input[readonly="readonly"] + .DatePicker-trigger {
    display: none !important; // stylelint-disable-line declaration-no-important
}