W3CoreUI

Date Range Picker.

A JavaScript component for choosing date ranges, dates and times. Click here

Basic Picker


<input class="form-control" type="text" name="daterange" value="01/01/2018 - 01/15/2018" />

Date Range Picker With Times


<input class="form-control" type="text" name="datetimes">

Single Date Picker


<input class="form-control" type="text" name="birthday" value="10/24/1984" />

Predefined Date Ranges


<div id="reportrange" class="form-control" 
	<i class="fa fa-calendar"></i> 
	<span></span> <i class="fa fa-caret-down"></i>
</div>

Input Initially Empty


<input class="form-control" type="text" name="datefilter"