.mui-date-picker-day-button {
  position: relative;
  float: left;
  width: 36px;
  padding: 4px 2px;

  .mui-date-picker-day-button-select {
    position: absolute;
    background-color: $date-picker-select-color;
    height: 32px;
    width: 32px;
    @include ease-out();
    opacity: 0;
    border-radius: 50%;
    transform: scale(0);
  }

  .mui-date-picker-day-button-label {
    position: relative;
  }

  &.mui-is-selected {
    .mui-date-picker-day-button-label {
      color: $date-picker-select-text-color;
    }
    .mui-date-picker-day-button-select {
      opacity: 1;
      transform: scale(1);
    }
  }

  &.mui-is-disabled {
    color: $disabled-color;
  }

  &.mui-is-current-date {
    color: $date-picker-color;
  }
}