.p-calendar {
  .p-button-icon-only {
    color: $inputIconColor;
    background: $inputBg;
    border: $inputBorder;
    border-left: none;

    &:enabled:hover {
      background: $secondaryButtonHoverBg;
      color: $secondaryButtonTextHoverColor;
      border-color: $secondaryButtonHoverBorderColor;
    }

    &:enabled:focus {
      box-shadow: $secondaryButtonFocusShadow;
    }

    &:enabled:active {
      background: $secondaryButtonActiveBg;
      color: $secondaryButtonTextActiveColor;
      border-color: $secondaryButtonActiveBorderColor;
    }

    &.p-button-outlined {
      background-color: transparent;
      color: $secondaryButtonBg;
      border: $outlinedButtonBorder;

      &:enabled:hover {
        background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity);
        color: $secondaryButtonBg;
        border: $outlinedButtonBorder;
      }

      &:enabled:active {
        background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity);
        color: $secondaryButtonBg;
        border: $outlinedButtonBorder;
      }
    }
  }
}