Le champ de saisie de date fixe reprend trois champs de saisie de texte.
<fieldset class="fr-fieldset" id="date-6939" aria-labelledby="date-6939-legend date-6939-messages">
<legend class="fr-fieldset__legend--regular fr-fieldset__legend" id="date-6939-legend">
Date de naissance
<span class="fr-hint-text">Texte de description additionnel</span>
</legend>
<div class="fr-fieldset__element fr-fieldset__element--inline fr-fieldset__element--number">
<div class="fr-input-group" id="input-group-6940">
<label class="fr-label" for="date-6939-bday-day">
Jour
<span class="fr-hint-text">Exemple : 14</span>
</label>
<input class="fr-input" name="day" autocomplete="bday-day" id="date-6939-bday-day" type="text">
</div>
</div>
<div class="fr-fieldset__element fr-fieldset__element--inline fr-fieldset__element--number">
<div class="fr-input-group" id="input-group-6941">
<label class="fr-label" for="date-6939-bday-month">
Mois
<span class="fr-hint-text">Exemple : 12</span>
</label>
<input class="fr-input" name="month" autocomplete="bday-month" id="date-6939-bday-month" type="text">
</div>
</div>
<div class="fr-fieldset__element fr-fieldset__element--inline fr-fieldset__element--inline-grow fr-fieldset__element--year">
<div class="fr-input-group" id="input-group-6942">
<label class="fr-label" for="date-6939-bday-year">
Année
<span class="fr-hint-text">Exemple : 1984</span>
</label>
<input class="fr-input" name="year" autocomplete="bday-year" id="date-6939-bday-year" type="text">
</div>
</div>
<div class="fr-messages-group" id="date-6939-messages" aria-live="assertive">
</div>
</fieldset>
<fieldset class="fr-fieldset fr-fieldset--error" id="date-error-6948" role="group" aria-labelledby="date-error-6948-legend date-error-6948-messages">
<legend class="fr-fieldset__legend--regular fr-fieldset__legend" id="date-error-6948-legend">
Date de naissance
<span class="fr-hint-text">Texte de description additionnel</span>
</legend>
<div class="fr-fieldset__element fr-fieldset__element--inline fr-fieldset__element--number">
<div class="fr-input-group" id="input-group-6949">
<label class="fr-label" for="date-error-6948-bday-day">
Jour
<span class="fr-hint-text">Exemple : 14</span>
</label>
<input class="fr-input" name="day" autocomplete="bday-day" id="date-error-6948-bday-day" type="text">
</div>
</div>
<div class="fr-fieldset__element fr-fieldset__element--inline fr-fieldset__element--number">
<div class="fr-input-group" id="input-group-6950">
<label class="fr-label" for="date-error-6948-bday-month">
Mois
<span class="fr-hint-text">Exemple : 12</span>
</label>
<input class="fr-input" name="month" autocomplete="bday-month" id="date-error-6948-bday-month" type="text">
</div>
</div>
<div class="fr-fieldset__element fr-fieldset__element--inline fr-fieldset__element--inline-grow fr-fieldset__element--year">
<div class="fr-input-group" id="input-group-6951">
<label class="fr-label" for="date-error-6948-bday-year">
Année
<span class="fr-hint-text">Exemple : 1984</span>
</label>
<input class="fr-input" name="year" autocomplete="bday-year" id="date-error-6948-bday-year" type="text">
</div>
</div>
<div class="fr-messages-group" id="date-error-6948-messages" aria-live="assertive">
<p class="fr-message fr-message--error" id="date-error-6948-message-error-1">Le jour est invalide</p>
<p class="fr-message fr-message--error" id="date-error-6948-message-error-2">Le mois est invalide</p>
<p class="fr-message fr-message--error" id="date-error-6948-message-error-3">L’année est invalide</p>
</div>
</fieldset>
<fieldset class="fr-fieldset fr-fieldset--error" id="date-error-6957" role="group" aria-labelledby="date-error-6957-legend date-error-6957-messages">
<legend class="fr-fieldset__legend--regular fr-fieldset__legend" id="date-error-6957-legend">
Date de naissance
<span class="fr-hint-text">Texte de description additionnel</span>
</legend>
<div class="fr-fieldset__element fr-fieldset__element--inline fr-fieldset__element--number">
<div class="fr-input-group" id="input-group-6958">
<label class="fr-label" for="date-error-6957-bday-day">
Jour
<span class="fr-hint-text">Exemple : 14</span>
</label>
<input class="fr-input" name="day" autocomplete="bday-day" id="date-error-6957-bday-day" type="text">
</div>
</div>
<div class="fr-fieldset__element fr-fieldset__element--inline fr-fieldset__element--number">
<div class="fr-input-group" id="input-group-6959">
<label class="fr-label" for="date-error-6957-bday-month">
Mois
<span class="fr-hint-text">Exemple : 12</span>
</label>
<input class="fr-input" name="month" autocomplete="bday-month" id="date-error-6957-bday-month" type="text">
</div>
</div>
<div class="fr-fieldset__element fr-fieldset__element--inline fr-fieldset__element--inline-grow fr-fieldset__element--year">
<div class="fr-input-group" id="input-group-6960">
<label class="fr-label" for="date-error-6957-bday-year">
Année
<span class="fr-hint-text">Exemple : 1984</span>
</label>
<input class="fr-input" name="year" autocomplete="bday-year" id="date-error-6957-bday-year" type="text">
</div>
</div>
<div class="fr-messages-group" id="date-error-6957-messages" aria-live="assertive">
<p class="fr-message fr-message--error" id="date-error-6957-message-error">La date est postérieure à aujourd’hui</p>
</div>
</fieldset>