Calculator: Date Of Birth

<div class="o-calculator calculator--date-of-birth js-calculator-date-of-birth-init ">

    <noscript>
        <div class="dob_hint_noscript calculator__noscript-hint">
            In Ihrem Webbrowser ist JavaScript deaktiviert - Sie können den
            Geburtstermin-Rechner auf dieser Seite daher nicht in interaktiver Form nutzen.
        </div>
    </noscript>

    <p class="calculator__disclaimer">
        <strong>Anmerkung:</strong> Die Dauer einer Schwangerschaft ist immer individuell. Genau am errechneten Termin enden nur etwa 4% aller Schwangerschaften. Eine genauere Auskunft zum voraussichtlichen Geburtstermin und zur Schwangerschaftswoche kann Ihnen Ihre Frauenärztin oder Ihr Frauenarzt geben.
    </p>

    <form class="calculator__form" novalidate>
        <div class="calculator__error">
            <h3 class="calculator__error-headline" tabindex="-1">
                <i class="a-icon icon--warning-circle" aria-hidden="true"></i>Beachten Sie Folgendes:
            </h3>
            <ul class="js-calculator__error-list"></ul>
        </div>

        <fieldset class="calculator__fieldset">

            <legend class="sr-only">Angaben zu Ihren Monatsblutungen</legend>

            <div class="calculator__form-row">
                <div class="calculator__fieldname">
                    <label for="dob_first_day_last_menstrual_period" aria-label="Erster Tag der letzten Monatsblutung">Erster Tag der letzten Monatsblutung</label>
                </div>
                <div class="calculator__field">
                    <input required class="a-input input--date calculator__input" type="date" name="dob_first_day_last_menstrual_period" id="dob_first_day_last_menstrual_period" aria-describedBy="dob_form_input_errormessage_first_day_last_menstrual_period" />
                </div>
                <div class="calculator__errormessage" id="dob_form_input_errormessage_first_day_last_menstrual_period">
                </div>
            </div>

            <div class="calculator__form-row">
                <div class="calculator__fieldname">
                    <label for="dob_length_menstrual_period" class="calculator-module__form-label" aria-label="Dauer des Menstruationszyklus in Tagen">Dauer des Menstruationszyklus</label>
                </div>
                <div class="calculator__field">
                    <input required class="a-input input--number calculator__input calculator__input--half" type="number" min="20" max="40" name="dob_length_menstrual_period" id="dob_length_menstrual_period" aria-describedBy="dob_form_input_errormessage_length_menstrual_period" /><span class="calculator__input-unit">Tage</span>
                </div>
                <div class="calculator__errormessage" id="dob_form_input_errormessage_length_menstrual_period">
                </div>
            </div>

            <input class="a-btn btn--primary calculator__btn--primary" type="submit" value="Geburtstermin berechnen" title="Geburtstermin berechnen">

        </fieldset>
    </form>
    <div class="calculator__result" id="dob_result">
    </div>

</div>