I stumbled upon this template: . I am facing an issue where the second div I added does not display the dates, months, and years when duplicated. Here's a snippet of the script:
<div class="form-date">
<label for="birth_date" class="form-label">Date d'entrée</label>
<div class="form-date-group">
<div class="form-date-item">
<select id="birth_month" name="birth_month"></select>
<span class="text-input">MM</span>
</div>
<div class="form-date-item">
<select id="birth_date" name="birth_date"></select>
<span class="text-input">DD</span>
</div>
<div class="form-date-item">
<select id="birth_year" name="birth_year"></select>
<span class="text-input">YYYY</span>
</div>
</div>
</div>
Upon adding another div for the second date:
<div class="form-date">
<label for="birth_date" class="form-label">Date de sortie</label>
<div class="form-date-group">
<div class="form-date-item">
<select id="birth_month" name="birth_month"></select>
<span class="text-input">MM</span>
</div>
<div class="form-date-item">
<select id="birth_date" name="birth_date"></select>
<span class="text-input">DD</span>
</div>
<div class="form-date-item">
<select id="birth_year" name="birth_year"></select>
<span class="text-input">YYYY</span>
</div>
</div>
</div>
I suspect it might be a CSS issue, but I'm unsure what changes I need to make in the CSS for this template. Any help would be appreciated.
Thank you in advance!