.form-date-view {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
}

.form-date-view .form-date-month-group[data-visible='true'], .form-date-view .form-date-day-group[data-visible='true'], .form-date-view .form-date-era-end-group[data-visible='true'], .form-date-view .form-date-year-end-group[data-visible='true'] {
  display: flex;
  flex-direction: column;
}

.form-date-view .form-date-month-group[data-visible='false'], .form-date-view .form-date-day-group[data-visible='false'], .form-date-view .form-date-era-end-group[data-visible='false'], .form-date-view .form-date-year-end-group[data-visible='false'] {
  display: none;
}

.form-date-view .form-date-day-input .text-input-input[data-validation='invalid'] {
  border-color: var(--border-color-red);
}