.form-date-picker__wrapper,
.form-date-picker__wrapper.react-datepicker-wrapper {
  display: block;
  inline-size: 100%;
}

.form-date-picker__popper,
.react-datepicker-popper.form-date-picker__popper {
  z-index: var(--z-datepicker) !important;
}

.form-date-picker__input {
  inline-size: 100%;
  block-size: var(--input-height-1);
  min-block-size: var(--input-height-1);
  padding: 0.3em 0.6em;
  border: var(--border-width-1) solid;
}

.form-date-picker__calendar {
  border-radius: var(--radius-none);
}

.form-date-picker__calendar .react-datepicker__header,
.form-date-picker__calendar .react-datepicker__header-wrapper {
  position: relative;
  padding: 0.65em 2.75em;
  border-bottom: var(--border-width-1) solid;
  border-radius: var(--radius-none);
  text-align: center;
}

.form-date-picker__calendar .react-datepicker__header-wrapper .react-datepicker__header {
  padding: 0;
  border-bottom: none;
}

.form-date-picker__calendar .react-datepicker__navigation {
  inset-block-start: 0.65em;
  block-size: 1.75em;
  inline-size: 1.75em;
  transform: none;
}

.form-date-picker__calendar .react-datepicker__navigation--previous {
  inset-inline-start: 0.45em;
}

.form-date-picker__calendar .react-datepicker__navigation--next {
  inset-inline-end: 0.45em;
}

.form-date-picker__calendar .react-datepicker__day--disabled,
.form-date-picker__calendar .react-datepicker__day-name--disabled {
  cursor: default;
}

/* Today (when not part of an active range selection) */
.form-date-picker__calendar
  .react-datepicker__day--today:not(.react-datepicker__day--in-range):not(.react-datepicker__day--in-selecting-range):not(
    .react-datepicker__day--range-start
  ):not(.react-datepicker__day--range-end),
.form-date-picker__calendar
  .react-datepicker__day--today.react-datepicker__day--keyboard-selected:not(.react-datepicker__day--in-range):not(
    .react-datepicker__day--in-selecting-range
  ) {
  border-radius: var(--radius-none);
}

/* Completed range: middle dates */
.form-date-picker__calendar .react-datepicker__day--in-range:not(.react-datepicker__day--range-start):not(.react-datepicker__day--range-end),
.form-date-picker__calendar .react-datepicker__day--keyboard-selected.react-datepicker__day--in-range:not(.react-datepicker__day--range-start):not(.react-datepicker__day--range-end) {
  border-radius: var(--radius-none);
}

/* Completed range: start and end */
.form-date-picker__calendar .react-datepicker__day--range-start,
.form-date-picker__calendar .react-datepicker__day--range-end,
.form-date-picker__calendar .react-datepicker__day--keyboard-selected.react-datepicker__day--range-start,
.form-date-picker__calendar .react-datepicker__day--keyboard-selected.react-datepicker__day--range-end {
  border-radius: var(--radius-none);
}

/* While selecting: middle dates */
.form-date-picker__calendar .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--selecting-range-start):not(.react-datepicker__day--selecting-range-end) {
  border-radius: var(--radius-none);
}

/* While selecting: start and end */
.form-date-picker__calendar .react-datepicker__day--selecting-range-start,
.form-date-picker__calendar .react-datepicker__day--selecting-range-end {
  border-radius: var(--radius-none);
}

.form-date-picker__calendar .react-datepicker__day--selected {
  border-radius: var(--radius-none);
}

.form-date-picker__calendar .react-datepicker__day:not([aria-disabled="true"]):hover,
.form-date-picker__calendar .react-datepicker__day--in-range:not([aria-disabled="true"]):hover,
.form-date-picker__calendar .react-datepicker__day--in-selecting-range:not([aria-disabled="true"]):hover,
.form-date-picker__calendar .react-datepicker__day--range-start:not([aria-disabled="true"]):hover,
.form-date-picker__calendar .react-datepicker__day--range-end:not([aria-disabled="true"]):hover,
.form-date-picker__calendar .react-datepicker__day--selecting-range-start:not([aria-disabled="true"]):hover,
.form-date-picker__calendar .react-datepicker__day--selecting-range-end:not([aria-disabled="true"]):hover,
.form-date-picker__calendar .react-datepicker__day--selected:not([aria-disabled="true"]):hover,
.form-date-picker__calendar .react-datepicker__month-text:not([aria-disabled="true"]):hover,
.form-date-picker__calendar .react-datepicker__quarter-text:not([aria-disabled="true"]):hover,
.form-date-picker__calendar .react-datepicker__year-text:not([aria-disabled="true"]):hover {
  border-radius: var(--radius-none);
}

.form-date-picker__calendar .react-datepicker__day--keyboard-selected:not(.react-datepicker__day--in-range):not(.react-datepicker__day--in-selecting-range) {
  border-radius: var(--radius-none);
}

.form-date-picker__calendar .react-datepicker__month-select,
.form-date-picker__calendar .react-datepicker__year-select,
.form-date-picker__calendar .react-datepicker__month-year-select {
  border: var(--border-width-1) solid;
}