How to create a date range widget?

Andrew Fletcher published: 5 August 2021 2 minutes read

Steps to get the Solr date range widget working.

Steps

Enable the Facets Range Widget sub-module.

Install the jQuery-ui-Slider-Pips library, as described in the README.txt file in that sub-module's folder. After playing with this for sometime to get it working, I found the best way to install is via composer.

composer require "bower-asset/jquery-ui-slider-pips:^1.11"

However, calling this command could produce the following error

[InvalidArgumentException]                                                                                                                                                                   
  Could not find a matching version of package bower-asset/jquery-ui-slider-pips. Check the package spelling, your version constraint and that the package is available in a stability which   
  matches your minimum-stability (dev).

To resolve this issue, in your composer.json file add the following lines to the repositories area:

        {
            "type": "composer",
            "url": "https://asset-packagist.org"
        },

So it will now appear as


    "repositories": [
        {
            "type": "composer",
            "url": "https://packages.drupal.org/8"
        },
        {
            "type": "composer",
            "url": "https://asset-packagist.org"
        },

This action will install the latest version of range slider and required components. The response to this request will be

./composer.json has been updated
Running composer update bower-asset/jquery-ui-slider-pips
> DrupalProject\composer\ScriptHandler::checkComposerVersion
Loading composer repositories with package information
Updating dependencies
Lock file operations: 3 installs, 0 updates, 0 removals
  - Locking bower-asset/jquery (3.6.0)
  - Locking bower-asset/jquery-ui (1.12.1)
  - Locking bower-asset/jquery-ui-slider-pips (v1.11.4)
Writing lock file
Installing dependencies from lock file (including require-dev)
Package operations: 3 installs, 0 updates, 0 removals
  - Downloading bower-asset/jquery (3.6.0)
  - Downloading bower-asset/jquery-ui (1.12.1)
  - Downloading bower-asset/jquery-ui-slider-pips (v1.11.4)
  - Installing bower-asset/jquery (3.6.0): Extracting archive
  - Installing bower-asset/jquery-ui (1.12.1): Extracting archive
  - Installing bower-asset/jquery-ui-slider-pips (v1.11.4): Extracting archive

Andrew Fletcher • 05 Apr 2024

Drupal 9 to 10 upgrade an example of the actual steps taken

 Continuing on from the Drupal 9 to Drupal 10 upgrade outline written earlier... Upgrading Drupal 9 to Drupal 10.  However, the point of difference is this article works through the actual action steps of the upgrade.Planning and testing is critical for the Drupal to version 10 process to...

Andrew Fletcher • 18 Mar 2024

Resolving CVE-2022-48624 less issue

To resolve the CVE-2022-48624 vulnerability on Ubuntu using Nginx, it's crucial to understand that the issue lies within the "less" package, not Nginx itself. The vulnerability affects "less" before version 606, where close_altfile in filename.c in less omits shell_quote calls for LESSCLOSE,...

Andrew Fletcher • 12 Mar 2024

How to determine the size of a directory in Terminal

To determine the size of a directory using the terminal, you can use the du (disk usage) command. The syntax for this command can vary slightly depending on the operating system you are using, but a common way to use it is as follows: For Linux and macOSdu -sh /path/to/directoryduDisk...

Steps

Related articles