@import '../../../core/src/style/variables'; 
@import '../../../core/src/style/mixins';

.bom-custom-header {
  width: 100%;
  font-weight: normal;
  position: relative;

  input {
    width: 100%;
    cursor: pointer;
    text-align: left;
    background: $white;
    border: none;
    padding: 6px 10px;

    &::-webkit-calendar-picker-indicator {
      display: none !important;
    }
  }

  .arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    right: 10px;
    pointer-events: none;

    &down {
      border-top: 6px solid $black;
      bottom: 13px;
    }

    &up {
      border-bottom: 6px solid $black;
      bottom: 13px;
    }
  }
}