body {
  .datepicker table tr td.active,
  .datepicker table tr td.active.disabled,
  .datepicker table tr td.active.disabled:hover,
  .datepicker table tr td.active:hover,
  .datepicker table tr td.today,
  .datepicker table tr td.today.disabled,
  .datepicker table tr td.today.disabled:hover,
  .datepicker table tr td.today:hover,
  .datepicker table tr td.selected,
  .datepicker table tr td.selected.disabled,
  .datepicker table tr td.selected.disabled:hover,
  .datepicker table tr td.selected:hover {
    background-color: var(--bs-primary) !important;
    background-image: unset;
    color: $white;
  }

  .datepicker table tr td.day.focused,
  .datepicker table tr td.day:hover,
  .datepicker table tr td.range,
  .datepicker table tr td.range.disabled,
  .datepicker table tr td.range.disabled:hover,
  .datepicker table tr td.range:hover {
    background: var(--bs-gray-100);
  }
}
