@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../typography/sizes" as *;
@use "../../base/calendar/calendar" as *;
@use "../../base/calendar/mixins" as *;

// adduse

@include dx-calendar-mixin(
  $calendar-bg,
  $generic-calendar-legacy-width,
  $generic-calendar-legacy-height,
  $generic-calendar-element-padding,
  $generic-calendar-footer-button-height,
  $calendar-invalid-faded-border-color,
  $calendar-invalid-focused-border-color,
);

.dx-calendar-caption-button {
  font-weight: 600;
  border-radius: 0;
}

.dx-calendar-navigator-previous-view {
  margin-inline-end: -1px;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.dx-calendar-navigator-next-view {
  margin-inline-start: -1px;
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}

@include dx-calendar-navigator-mixin(
  $calendar-navigator-text-color,
);
@include dx-calendar-body-mixin(
  $calendar-week-number-cell-color,
  $calendar-week-number-cell-bg,
  0,
  $generic-base-font-size,
  $calendar-header-color,
);
@include dx-calendar-cell-mixin(
  $calendar-cell-contoured-border-radius,
  $calendar-color,
  $base-border-radius,
  $base-accent,
  $calendar-hover-bg,
  $calendar-cell-hover-color,
  $calendar-cell-active-bg,
  $calendar-cell-selected-bg,
  $calendar-cell-selected-color,
  $calendar-cell-contoured-border-color,
  $calendar-cell-other-color,
  $calendar-cell-other-hover-color,
  $calendar-cell-hover-border-color,
  $base-border-radius,
);
@include dx-calendar-cell-in-range-mixin(
  "::before",
  $calendar-hover-bg,
  $calendar-cell-hover-border-color,
  $base-border-radius,
  0,
);
@include dx-calendar-cell-in-range-mixin(
  "::after",
  inherit,
  $calendar-cell-hover-border-color,
  $base-border-radius,
  1px,
  '.dx-calendar-cell-range-hover',
  '.dx-calendar-cell-range-hover-start',
  '.dx-calendar-cell-range-hover-end',
);