• 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.5.1) provides helpers to facilitate calendar settings and date retrieval. Project on GitHub. Project on Packagist. This demosite sources available here.

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.

Demo

Change language: English Français

Date:

 4/26/2024

Selected date:

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

Dates:

 4/20/2024 01:47 AM - 4/26/2024 01:47 AM

Selected start date:

Selected end date:

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