// New Datepicker
//================================================== //

.datepicker {
  &:first-child {
    + .trigger,
    + .tooltip-description + .trigger {
      top: 0;
    }
  }
}

.audible + .datepicker {
  + .trigger,
  + .tooltip-description + .trigger {
    top: 0;
  }
}

.calendar-toolbar .toolbar-section {
  .btn-cal-month-year,
  .btn-monthyear-pane {
    font-size: 2rem !important;
    top: -1px;
  }
}

html[dir='rtl'] {
  .datepicker {
    + .trigger,
    + .tooltip-description + .trigger {
      margin-left: auto;
      margin-right: -30px;
    }
  }

  .field-short,
  .form-layout-compact .field {
    .datepicker {
      + .trigger,
      + .tooltip-description + .trigger {
        margin-left: auto;
        margin-right: -23px;
        top: auto;
      }
    }
  }
}