/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@import "~@bentley/ui-core/lib/ui-core/index";

.components-date-picker-calendar-popup-button {
  color: $buic-foreground-body;
  font-size: $uicore-font-size;
  background-color: transparent;
  height: 2.2em;
  border: none;
  margin-right: 2px;

  .datepicker-button {
    width: 16px;
    height: 16px;
  }

  svg {
    fill: $buic-foreground-body;
  }

  &:hover {
    color: $buic-foreground-primary-tone;
    cursor: auto;

    svg {
      fill: $buic-foreground-primary-tone;
    }
  }
  &:focus {
    box-shadow: $uicore-button-focus-boxshadow;
    outline: none;
  }
}

.components-date-picker-calendar-popup-panel {
  display: flex;
  flex-direction: column;
  background-color: $buic-background-control;

  .time-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-top: 2px solid $buic-inputs-border;
    padding-top: 8px;
    padding-bottom: 8px;

    .time-label {
      margin-right: 4px;
    }
  }
}