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>