.igloo-input-date {
  box-sizing: border-box;
  border: 1px solid @border-color;
  border-radius: @border-radius;
  padding: 0px 16px;

  input::placeholder {
    color: @hint-color;
  }

  display: flex;
  align-items: center;
  justify-content: space-between;

  &[class~='igloo-input-date-disable'] {
    border-color: @disabled-border-color;
  }

  .igloo-input-date-input {
    padding: 13px 0px;
  }

  .igloo-input-date-input-delimiter {
    color: @stone;
  }

  .igloo-icon {
    color: @icon-color;
  }

  &:hover,
  .igloo-input-date-focus {
    border: 1px solid @primary-color;

    .igloo-icon {
      color: @primary-color;
    }
  }
}

.igloo-input-date-disable {
  background-color: @disabled-background-color;

  &:hover {
    border-color: @disabled-border-color;
  }
}

.ant-form-item-has-error {
  .igloo-input-date {
    border-color: @error-color;
  }
}