Date & Time Inputs

<h2>Date & Time Input Types</h2>
<div class="form-container">
  <div class="form-group">
    <label for="birthday">Birthday (Date)</label>
    <input type="date" id="birthday">
    <small>Select a specific date</small>
  </div>
  <div class="form-group">
    <label for="meeting-time">Meeting Time</label>
    <input type="time" id="meeting-time">
    <small>Hours and minutes only</small>
  </div>
  <div class="form-group">
    <label for="event-datetime">Event Date & Time</label>
    <input type="datetime-local" id="event-datetime">
    <small>Date and time combined</small>
  </div>
  <div class="form-group">
    <label for="week">Week Selection</label>
    <input type="week" id="week">
    <small>Select a week of the year</small>
  </div>
  <div class="form-group">
    <label for="month">Month Selection</label>
    <input type="month" id="month">
    <small>Year and month only</small>
  </div>
  <button type="submit" class="btn">Submit</button>
</div>

<h2>Date Range & Constraints</h2>
<div class="form-container">
  <div class="form-group">
    <label for="start-date">Start Date</label>
    <input type="date" id="start-date" min="2025-01-01" max="2025-12-31">
    <small>Limited to year 2025</small>
  </div>
  <div class="form-group">
    <label for="appointment">Appointment Time</label>
    <input type="time" id="appointment" min="09:00" max="17:00" step="900">
    <small>Business hours only (9 AM - 5 PM)</small>
  </div>
  <div class="form-group">
    <label for="deadline">Deadline</label>
    <input type="datetime-local" id="deadline" required>
    <small>Must be provided (required)</small>
  </div>
  <button type="submit" class="btn">Submit</button>
</div>