Booking Time Slots

<div class="container py-5">
  <div class="row g-4">
    <div class="col-md-6">
      <h4 class="fw-bold">Book a call</h4>
      <p class="text-muted">Pick a date and time that works for you.</p><input type="date" class="form-control mb-3" value="2026-02-15">
    </div>
    <div class="col-md-6">
      <h5 class="fw-bold">Available slots · Feb 15</h5>
      <div class="row row-cols-2 g-2">
        <div class="col"><button class="btn btn-outline-primary w-100">09:00 AM</button></div>
        <div class="col"><button class="btn btn-primary w-100">10:30 AM ✓</button></div>
        <div class="col"><button class="btn btn-outline-primary w-100" disabled>12:00 PM</button></div>
        <div class="col"><button class="btn btn-outline-primary w-100">02:00 PM</button></div>
        <div class="col"><button class="btn btn-outline-primary w-100">03:30 PM</button></div>
        <div class="col"><button class="btn btn-outline-primary w-100">05:00 PM</button></div>
      </div><button class="btn btn-success w-100 mt-3">Confirm booking</button>
    </div>
  </div>
</div>