@import "./var.scss";


.vl-date-picker--year:not(.vl-date-picker--custom-render) {
  width: 90px;

  &.vl-date-picker--range {
    width: 140px;
  }
}

.vl-date-picker--month:not(.vl-date-picker--custom-render) {
  width: 100px;

  &.vl-date-picker--range {
    width: 200px;
  }
}

.vl-date-picker--date,
.vl-date-picker--week,
.vl-date-picker--quarter {
  &:not(.vl-date-picker--custom-render) {
    min-width: 125px;

    &.vl-date-picker--range {
      min-width: 220px;
    }
  }
}

.vl-date-picker--time:not(.vl-date-picker--custom-render) {
  min-width: 100px;

  &.vl-date-picker--range {
    min-width: 180px;
  }
}

.vl-date-picker--datetime:not(.vl-date-picker--custom-render) {
  min-width: 180px;

  &.vl-date-picker--range {
    min-width: 320px;
  }
}

.vl-date-picker--mini:not(.vl-date-picker--custom-render) {
  height: 22px;
  line-height: 22px;

  .vl-date-picker--icon:before {
    font-size: 16px;
  }
}

.vl-date-picker--small:not(.vl-date-picker--custom-render) {
  height: 26px;
  line-height: 26px;

  .vl-date-picker--icon:before {
    font-size: 18px;
  }
}

.vl-date-picker--normal:not(.vl-date-picker--custom-render) {
  height: 40px;
  line-height: 40px;

  .vl-date-picker--icon:before {
    font-size: 18px;
  }
}

.vl-date-picker--large:not(.vl-date-picker--custom-render) {
  height: 40px;
  line-height: 40px;

  .vl-date-picker--icon:before {
    font-size: 20px;
  }
}

.vl-date-picker--container {
  display: flex;
  width: 100%;
}