/* Makes the caret transparent for both text inputs to impress users that those
are not text inputs but more of a date inputs. */
#native-datepicker-edit-field-notice-date-min,
#native-datepicker-edit-field-notice-date-max {
  caret-color: transparent;
}

/* Makes the ChangeMonth and ChangeYear selects on the same line. */
.ui-datepicker select {
  display: inline-block;
}

/* Hides the "Today" aka currentText button. */
button.ui-datepicker-current {
  display: none;
}

/* This span is a datepicker icon and it should be behind its corresponding text
input to impress users the text inputs are more of date inputs. */
.js-form-item.form-item.js-form-type-date.form-type-date > span.NativeDatepicker {
  z-index: -1;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
