Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

// Paste in head tag
<!-- Datepicker stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
// Paste in body tag

<!-- Date range picker code script -->
<script type="text/javascript">
$(function() {
 $('input[date-code-input="date-range"]').daterangepicker({
 "opens": "center",
 "locale": {
 "format": "MM/DD/YYYY",
 "separator": " - ",
 "applyLabel": "Apply",
 "cancelLabel": "Cancel",
 "fromLabel": "From",
 "toLabel": "To",
 "customRangeLabel": "Custom",
 "weekLabel": "W",
 "daysOfWeek": [
 "Su",
 "Mo",
 "Tu",
 "We",
 "Th",
 "Fr",
 "Sa"
 ],
 "monthNames": [
 "January",
 "February",
 "March",
 "April",
 "May",
 "June",
 "July",
 "August",
 "September",
 "October",
 "November",
 "December"
 ],
 },
 });

 $('input[name="datefilter"]').on('apply.daterangepicker', function(ev, picker) {
 $(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));
 });

 $('input[name="datefilter"]').on('cancel.daterangepicker', function(ev, picker) {
 $(this).val('');
 });

});
</script>

Not available

Upgrage to access the custom code @$14/ lifetime

Not available

Not available

This is a success message.
This is an error message.
This is also an error message.