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.

 4/15/2026
 2/15/2026 04:41:36 AM - 4/15/2026 04:41:36 AM

Here dates are copied into hidden inputs that are automatically inserted after DateRangePicker widget.



Implementation

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


$start = new Carbon('6 days ago');
$end = new Carbon;
$cal2 = DateRangePickerHelper::init(
  'numCal2', //object id
  $start, // init date start
  $end, // init date end
  null, // inferior date limit (min. date)
  null, // superior date limit (max. date)
  [
    'formlabel' => 'Dates:', // calendar label in form
    'timePicker' => true, // hour + minutes
    "timePickerSeconds" => true, // add secondds
    'drops' => 'down', // calendat opens below
    'usehiddeninputs' => true, // hidden fiels are created automatically to return
            // values automatically to form
    'apply.daterangepicker' => // callback after "apply" button is clicked.
      "displayhiddeninputs()"; // displays data in alert
]);
  

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