.ui-datepicker {
  display: block;
  position: relative;

  .ui-input_datepicker {
    box-sizing: border-box;
    cursor: pointer;

    &:focus {
      text-indent: -999999em;  // Fix for blinking cursor in IE11
    }
  }
}

.ui-datepicker__calendar-wrapper {
  background: var(--tx-datepicker-calendar-wrapper-background-color);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: var(--tx-datepicker-calendar-wrapper-box-shadow);
  display: none;
  left: 0;
  max-height: 80vw;
  max-width: 80vw;
  min-width: 15vw;
  padding: 23px;
  position: absolute;
  top: 46px;
  z-index: 10;

  .ui-datepicker_active & {
    display: flex;
  }
}