@alihbuzaid/ember-ui/addon/styles/components/date-picker.css

Fleetbase UI provides all the interface components, helpers, services and utilities for building a Fleetbase extension into the Console.

.fleetbase-console .air-datepicker {
    @apply shadow-md shadow-gray-900;
    --adp-z-index: 999999;
    --adp-day-name-color: rgb(17, 24, 39);
    --adp-cell-background-color-selected: rgba(59, 130, 246, 1);
    --adp-cell-background-color-selected-hover: rgba(96, 165, 250, 1);
    --adp-cell-background-color-in-range: rgba(147, 197, 253, 0.1);
    --adp-background-color-in-range-focused: rgba(147, 197, 253, 0.2);
}

body[data-theme='dark'].fleetbase-console .air-datepicker {
    --adp-background-color: rgb(55, 65, 81);
    --adp-background-color-hover: rgba(17, 24, 39, 0.75);
    --adp-background-color-active: rgb(31, 41, 55);
    --adp-accent-color: rgba(96, 165, 250, 1);
    --adp-color: rgba(156, 163, 175, 1);
    --adp-color-secondary: rgba(243, 244, 246, 1);
    --adp-border-color: rgb(17, 24, 39);
    --adp-border-color-inner: rgb(17, 24, 39);
    --adp-border-color-inline: rgb(17, 24, 39);

    /* --adp-background-color-selected-other-month: #a2ddf6;
    --adp-background-color-selected-other-month-focused: rgba(96, 165, 250, 1);
    --adp-color-other-month: #dedede;
    --adp-color-disabled: rgba(107, 114, 128, 1);
    --adp-color-disabled-in-range: #939393;
    --adp-color-other-month-hover: #c5c5c5; */
}

body[data-theme='dark'].fleetbase-console .air-datepicker--pointer:after {
    @apply bg-gray-700;
}