feat: manage current date with datetime api. Closes #6

This commit is contained in:
2026-02-13 14:02:41 -03:00
parent 6826a4256d
commit a5329af7b3
6 changed files with 155 additions and 7 deletions
+59
View File
@@ -393,6 +393,65 @@
<label for="bmiResult">Body Mass Index (BMI) Result</label>
<input type="text" id="bmiResult" placeholder="BMI Result" readonly>
</div>
<div class="form-group">
<label for="timezone">Timezone</label>
<select id="timezone">
<option value="">— Use browser time —</option>
<optgroup label="UTC">
<option value="UTC">UTC</option>
</optgroup>
<optgroup label="Americas">
<option value="America/New_York">America/New_York</option>
<option value="America/Chicago">America/Chicago</option>
<option value="America/Denver">America/Denver</option>
<option value="America/Los_Angeles">America/Los_Angeles</option>
<option value="America/Toronto">America/Toronto</option>
<option value="America/Vancouver">America/Vancouver</option>
<option value="America/Mexico_City">America/Mexico_City</option>
<option value="America/Bogota">America/Bogota</option>
<option value="America/Lima">America/Lima</option>
<option value="America/Caracas">America/Caracas</option>
<option value="America/La_Paz">America/La_Paz</option>
<option value="America/Santiago">America/Santiago</option>
<option value="America/Sao_Paulo">America/Sao_Paulo</option>
<option value="America/Argentina/Buenos_Aires">America/Argentina/Buenos_Aires</option>
</optgroup>
<optgroup label="Europe">
<option value="Europe/London">Europe/London</option>
<option value="Europe/Lisbon">Europe/Lisbon</option>
<option value="Europe/Amsterdam">Europe/Amsterdam</option>
<option value="Europe/Berlin">Europe/Berlin</option>
<option value="Europe/Madrid">Europe/Madrid</option>
<option value="Europe/Paris">Europe/Paris</option>
<option value="Europe/Rome">Europe/Rome</option>
<option value="Europe/Helsinki">Europe/Helsinki</option>
<option value="Europe/Moscow">Europe/Moscow</option>
<option value="Europe/Istanbul">Europe/Istanbul</option>
</optgroup>
<optgroup label="Africa">
<option value="Africa/Cairo">Africa/Cairo</option>
<option value="Africa/Lagos">Africa/Lagos</option>
<option value="Africa/Nairobi">Africa/Nairobi</option>
<option value="Africa/Johannesburg">Africa/Johannesburg</option>
</optgroup>
<optgroup label="Asia">
<option value="Asia/Karachi">Asia/Karachi</option>
<option value="Asia/Kolkata">Asia/Kolkata</option>
<option value="Asia/Dhaka">Asia/Dhaka</option>
<option value="Asia/Bangkok">Asia/Bangkok</option>
<option value="Asia/Jakarta">Asia/Jakarta</option>
<option value="Asia/Singapore">Asia/Singapore</option>
<option value="Asia/Shanghai">Asia/Shanghai</option>
<option value="Asia/Seoul">Asia/Seoul</option>
<option value="Asia/Tokyo">Asia/Tokyo</option>
<option value="Asia/Dubai">Asia/Dubai</option>
</optgroup>
<optgroup label="Oceania">
<option value="Australia/Sydney">Australia/Sydney</option>
<option value="Pacific/Auckland">Pacific/Auckland</option>
</optgroup>
</select>
</div>
<button type="submit" class="settings-btn">Save</button>
</form>