Drupal is a registered trademark of Dries Buytaert
Views Bootstrap 5.5.2 Minor update available for module views_bootstrap (5.5.2). oEmbed Providers 3.0.0 Major update available for module oembed_providers (3.0.0). Byte (theme) 1.0.3 Minor update available for theme byte_theme (1.0.3). Token Content Access 3.1.3 Minor update available for module tca (3.1.3). Emulsify 7.2.1 Minor update available for theme emulsify (7.2.1). Opensolr Search 4.1.0 Minor update available for module opensolr_search (4.1.0). AG-UI 1.0.2 Minor update available for module agui (1.0.2). FileGate 1.5.0 Minor update available for module file_gate (1.5.0). oEmbed Providers 2.2.4 Module oembed_providers updated after 7 months of inactivity (2.2.4). Provus Mega Menu Module provus_mega_menu crossed 1,000 active installs.

This module provides a date picker field widget for Drupal, integrating the popular bootstrap-datepicker JavaScript library. It allows users to select dates with various customizable options for formatting, language, and calendar appearance.

Drupal date picker. Implements https://github.com/uxsolutions/bootstrap-datepicker as a field widget for a date field.

Supported options:

  • Date picker title
  • Date format
  • Language tag
  • RTL language
  • Show week days
  • Show today button
  • Week start
  • Enable auto close
  • Show clear button
  • Nearby year assumption
  • Container to be appended
  • Show calendar weeks
  • Toggle active date
  • Dates disabled
  • Disabled days in week
  • Highlighted days in week
  • Disable touch keyboard
  • Enabled when readonly
  • End date
  • Force date parcing
  • Immediate updates
  • Keep empty values
  • Keyboard navigation
  • Max view mode
  • Min view mode
  • Orientation
  • Start date
  • Start view
  • Highlight today
  • Update view date
  • Z-index offset

Module installation

Install Drupal module as usual. Visit https://www.drupal.org/docs/extending-drupal/installing-modules for further information.

Library installation

You can download the library or use composer.
Make sure the library is placed into: "/libraries/bootstrap-datepicker" and the file structure is as following: "/libraries/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"

To make it work with composer:

Add the following to your composer.json file into the repositories section:

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

And extend the 'installer-path' section:

"web/libraries/{$name}": [
        "type:drupal-library",
        "type:bower-asset",
        "type:npm-asset"
    ],

And add a new 'installer-types' section next to the 'installer-path' in the 'extra' section:
"installer-types": ["bower-asset", "npm-asset"],

Known problems

The widget only works for "date" fields at this moment. Data-time support or repeated dates support has to be added. Feel free to open a feature request with a patch.

Similar projects

There are many other date widget modules. All implementing an other javascript library.
We want to thank all other maintainers for their effort and the code they wrote. We based some of our features on code written by them.

Activity

Total releases
1
First release
Mar 2026
Latest release
4 months ago
Releases (12 mo)
1 ▲ from 0
Maintenance
Active

Releases

Version Type Release date
2.0.1 Stable Mar 18, 2026