@import 'base';

.mission-period-picker {
  display: flex;
  height: 430px;
  align-items: stretch;

  &__calendar {
    width: 300px;
    display: flex;
  }

  &__time {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    $size: 20px;
    $padding-width: 20px;
    $header-column-width: 140px;

    &-button {
      flex-shrink: 0;
      display: flex;
      justify-content: flex-end;
      padding: 5px;
    }

    &-pickers {
      flex: 1;
      display: flex;
      flex-direction: row;
    }
  }
}