.datepicker-cell {
    &:not(.disabled):hover {
        background: $gray-300;
    }
    &.prev,
    &.next {
      &:not(.disabled) {
          font-weight: 500;
          color: $gray-500;
      }
    }
    &.selected {
        box-shadow: $component-active-shadow;
        &:hover {
            background-color: $primary;
        }
    }
}
.datepicker-view{
    &.datepicker-grid {
        .datepicker-cell {
            height: inset;
        }
    }
}