'Change color of selected date in react-datepicker

I need to changemy react-datepicker color of selected date to another color. How can I select this range of date in css?

cssreactjsreact-datepicker


Solution 1:[1]

.react-datepicker {
  font-family: RobotoMedium;
  font-size: 14px !important;
  color: #c7c7c7 !important;

  &__header {
    background-color: $white !important;
    padding-top: 0px !important;
    border: none !important;
  }

  &__day-name {
    color: #c7c7c7 !important;
    font-size: 14px !important;
  }

  &__day {
    color: $black !important;
    font-size: 13px !important;

    &--keyboard-selected,
    &--selected {
      border-radius: 25px !important;
      background: $dark-red !important;
      color: $white !important;
    }
    &--disabled {
      color: #c7c7c7 !important;
    }
  }
}

Use this scss, Change color like this.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Marimokung

Related Questions