$prefix: "lg";

.#{$prefix}-datepicker-contain {
  position: relative;
  .Cal {
    top: 40px;
  }
  .Cal table tbody td {
    height: unset;
  }
  select {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    appearance: button;
    -webkit-appearance: button;
  }
  .#{$prefix}-datepicker-double .#{$prefix}-input-o {
    width: 458px;
  }

  .#{$prefix}-timepicker {
    position: absolute;
    top: -36px;
    width: 100%;

    .#{$prefix}-timepicker-menu .#{$prefix}-timepicker-list {
      height: 193px;
    }
    .#{$prefix}-timepicker-dropdown {
      border-width: 1px 0 0;
      box-shadow: none;
    }
  }

  .timepick01 {
    width: 50%;
    left: 0;
  }

  .timepick02 {
    width: 50%;
    right: 0;
  }
  .timepanel-head {
    background: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center;
  }
  .o-datepicker {
    width: 520px;
    &:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
    }
  }
  .doubleCal {
    .o-datepicker {
      width: 500px;
      position: unset;
    }
    table {
      border: none;
      box-shadow: none;
      margin: 0;
    }
  }
  .date-picker-contain-bottom {
    width: 100%;
    height: 40px;
    padding: 8px 8px 0 0;
    line-height: 32px;
    text-align: right;
    background: #fff;
    border-top: none;
    border-top: 1px solid #e5e5e5;
  }
  .datepicker-close {
    position: absolute;
    top: 0;
    right: 12px;
    line-height: 30px;
    font-size: 14px;
    color: #d2d2d2;
    opacity: 0;
  }
  .focus-cont {
    .datepicker-close {
      opacity: 1;
      z-index: 2;
    }
    &::after {
      opacity: 0;
    }
  }
}