@import './variable.scss';
.x-date {
  position: relative;
  width: 100% !important;
  .form-select-date-input {
    width: 100%;
    outline: none;
    &.is-disabled {
      &:focus > input {
        border-color: #e4e7ed !important;
      }
    }
    &:focus > input {
      border-color: $--app-primary-color;
    }
    .el-input__inner {
      padding-right: 30px !important;
      padding-left: 12px !important;
    }
    .el-input__prefix {
      display: none !important;
    }
    .el-input__suffix-inner {
      margin-right: 2px;
    }
  }
  .date-box {
    width: 100%;
  }
  .date-box:hover .date-picker-icon-hidden {
    display: none;
  }
  .date-picker-icon {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    transform: translateY(-50%);
  }
}