• Single date
• Single date + time
• Date range
• Date range + time
• Two calendars on same page
• Hidden inputs

DateRangePickerHelper

DateRangePicker (current version: 3.1.0) is a great Javascript library to build a calendar and select a date or date range. Package DateRangePickerHelper (current version: 2.6.0) provides helpers to facilitate calendar settings and date retrieval. Project on GitHub. Project on Packagist. This demosite sources available here.

Change language: English Français

Date:

 6/13/2026

Selected date:

Here dates are copied into visible fields defined in `apply.daterangepicker` function.

Dates:

 6/07/2026 06:31 PM - 6/13/2026 06:31 PM

Selected start date:

Selected end date:

Here dates are copied into visible fields defined in `apply.daterangepicker` function.

Implementation

In your controller create an instance of DateRangePickerHelper and pass the variable to the view.

// refer to other examples to get code
  

Then print your paginator by inserting {!! cal !!} in your template.