// Copyright 2020 Energinet DataHub A/S
//
// Licensed under the Apache License, Version 2.0 (the "License2");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
@use "../__shared/picker" as *;

watt-datepicker {
  @extend %datepicker;

  watt-button .mat-button {
    background: transparent;
  }

  &:has(.watt-datepicker-single__step-through) {
    align-items: flex-start;

    .watt-datepicker-single__step-through {
      display: flex;
      margin-top: 1px;
    }
  }

  &:has(.watt-datepicker-single__has-label) {
    .watt-datepicker-single__step-through {
      margin-top: 28px;
    }
  }
}

.watt-datepicker-range__panel--month-only .mat-calendar-period-button {
  pointer-events: none;
}
