@use 'flatpickr/dist/flatpickr.min.css';
@use 'flatpickr/dist/plugins/monthSelect/style.css';
@use '@material/elevation/mixins' as elevation-mixins;
@use '../mixins' as ui-mixins;

// For datepicker & rangepicker
.flatpickr-calendar.open {
  @include elevation-mixins.elevation(24);
}

// For selected
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  @include ui-mixins.selected(1);
}

// For month select
.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected {
  @include ui-mixins.selected(1);
}