.date-picker__container {}

.date-picker__container .react-datepicker {
  @apply text-xs text-grey-dark border-manatee rounded;
}

.date-picker__container .react-datepicker__triangle {
  @apply border-b-grey-light;
}

.date-picker__container .react-datepicker__triangle:before {
  @apply border-b-manatee !important;
}

.date-picker__container .react-datepicker__header {
  @apply bg-grey-light border-manatee;
}

.date-picker__container .react-datepicker__day--selected,
.date-picker__container .react-datepicker__day--in-selecting-range,
.date-picker__container .react-datepicker__day--in-range,
.date-picker__container .react-datepicker__time-list-item--selected {
  @apply bg-blue font-semibold !important;
}

.date-picker__container .react-datepicker-time__header,
.date-picker__container .react-datepicker__current-month {
  @apply text-manatee text-sm font-semibold !important;
}

.date-picker__container .react-datepicker__day:not(.react-datepicker__day--selected),
.date-picker__container .react-datepicker__day-name {
  @apply text-manatee;
}

.date-picker__container .react-datepicker__time-list-item:not(.react-datepicker__time-list-item--selected):hover,
.date-picker__container .react-datepicker__day:not(.react-datepicker__day--selected):hover {
  @apply bg-grey-lighter !important;
}

.date-picker__container .react-datepicker__navigation--next {
  border-left-color: #B5BDC0;
}

.date-picker__container .react-datepicker__navigation--previous {
  border-right-color: #B5BDC0;
}