bef_daterange_picker
The BEF DateRange Picker module provides a sleek, user-friendly calendar interface for Views exposed filters. It bridges the gap between Drupal's powerful filtering and modern UX by integrating the popular Bootstrap Daterangepicker library directly into the Better Exposed Filters (BEF) ecosystem.
✨Important information
This module was built by a human using an AI Assistant 🤖 !
🚀Key Features
- Premium UI: Replaces standard text inputs with a visual calendar range picker.
- BEF Integration: Seamlessly attaches to existing Views as a BEF widget.
- Intelligent Presets: Comes with built-in quick-select ranges like Today, Yesterday, This Month, and Last Month.
- Dynamic Week Calculation: "This Week" and "Last Week" presets automatically adjust based on your site's First day of week setting (Configuration → Regional settings).
- Israeli/International Support: Correctly handles Sunday-start (Israeli) and Monday-start (International) calendars.
- Smart Date Inclusion: Automatically handles the "between" operator logic to ensure content on the final day of a range is included in results.
- AJAX Ready: Fully compatible with Drupal Views AJAX filtering.
🛠 Limitation
In standard views, clicking the "Reset" button on numeric or date range filters often results in "Undefined array key" errors. This module detects that scenario and replaces the Reset button with a clean link that resets the form safely, ensuring a smooth experience for your users.
📦 Requirements & Installation
This module requires Better Exposed Filters and uses Composer to manage its JavaScript dependencies (via asset-packagist.org).
Recommended setup:
- Configure asset-packagist.org in your root composer.json
- Run composer require npm-asset/daterangepicker:^3.1.
- Enable the module and select "BEF DateRange Picker" in your View's BEF settings.
Alternative modules
You could also consider using:
- BEF date filters which transforms a date range filter (content is between two dates) into a year and month select filters.