.post-scheduler {
  width: 275px;
  .DateRangePicker__Month {
    margin: 0;
  }

  input[type="text"] {
    width: 40px;
    text-align: center;

    &.selected-cal-date {
      border: 0;
      margin-bottom: em-calc(5px);
      text-align: center;
      padding: em-calc(5px);
      width: 100%;
    }
  }

  &__clock-timezone {
    font-size: rem-calc(13px);
    color: $unselected-text;
  }

  &__clock {
    text-align: center;
    width: 100%;
    position: relative;

    ul {
      display: inline;
      list-style: none;
      margin: 0 0 0 em-calc(6px);
      padding: 0;

      li {
        display: inline-block;
      }

      input[type="radio"] {
        position: absolute;
        visibility: hidden;
        &:checked + label:before {
          background-color: $brand-color;
        }
        &:disabled + label, &:disabled + label:after {
          opacity: .6;
          cursor: default;
        }
      }

      label {
        display: inline-block;
        position: relative;
        cursor: pointer;
        outline: none;
        text-transform: uppercase;
        font-size: rem-calc(13px);
        padding-left: em-calc(25px);
        margin-right: em-calc(15px);
        line-height: 2;

        &:before,
        &:after {
          position: absolute;
          content: "";
          border-radius: 50%;
          display: inline-block;
        }

        &:before {
          left: 2px;
          top: 6px;
          width: 12px;
          height: 12px;
        }

        &:after {
          @include border;
          top: 3px;
          left: -1px;
          width: 18px;
          height: 18px;
        }
      }
    }

  }
}