Date Time Picker

Time Picker


<div class="form-group mb-0">
  <label class="label">Time Picker</label>
  <div class="form-group position-relative">
    <input type="time" class="form-control h-55 text-dark ps-5 h-58" style="left: 15px;">
    <i class="ri-time-line position-absolute top-50 translate-middle-y fs-20 text-gray-light ps-20"></i>
  </div>
</div>

Date Picker


<div class="form-group mb-0">
  <label class="label">Date Picker</label>
  <div class="form-group position-relative">
    <input type="date" class="form-control h-55 text-dark ps-5 h-58">
    <i class="ri-calendar-line position-absolute top-50 translate-middle-y fs-20 text-gray-light ps-20"></i>
  </div>
</div>