Drupal is a registered trademark of Dries Buytaert
drupal 11.3.7 Update released for Drupal core (11.3.7)! drupal 11.2.11 Update released for Drupal core (11.2.11)! drupal 10.6.7 Update released for Drupal core (10.6.7)! drupal 10.5.9 Update released for Drupal core (10.5.9)! cms 2.1.1 Update released for Drupal core (2.1.1)! drupal 11.3.6 Update released for Drupal core (11.3.6)! drupal 10.6.6 Update released for Drupal core (10.6.6)! cms 2.1.0 Update released for Drupal core (2.1.0)! bootstrap 8.x-3.40 Minor update available for theme bootstrap (8.x-3.40). menu_link_attributes 8.x-1.7 Minor update available for module menu_link_attributes (8.x-1.7). eca 3.1.1 Minor update available for module eca (3.1.1). layout_paragraphs 2.1.3 Minor update available for module layout_paragraphs (2.1.3). ai 1.3.3 Minor update available for module ai (1.3.3). ai 1.2.14 Minor update available for module ai (1.2.14). node_revision_delete 2.0.3 Minor update available for module node_revision_delete (2.0.3). moderated_content_bulk_publish 2.0.52 Minor update available for module moderated_content_bulk_publish (2.0.52). klaro 3.0.10 Minor update available for module klaro (3.0.10). klaro 3.0.9 Minor update available for module klaro (3.0.9). layout_paragraphs 2.1.2 Minor update available for module layout_paragraphs (2.1.2). geofield_map 11.1.8 Minor update available for module geofield_map (11.1.8).

OVERVIEW

Drupal 8/9/10/11 Bootstrap Materialize DateTime picker. Bootstrap Materialize DateTime Picker module provides a widget for Drupal Date fields.

Also we can add Materialize DateTime picker to any custom form by using field type as a materialize_date_time.
For Example :

$date_format = 'Y-m-d H:i';
$form['dateAndTime'] = [
'#type' => 'materialize_date_time',
'#title' => t('Start Date'),
'#date_format' => $date_format,
'#default_value' => \Drupal\Core\Datetime\DrupalDateTime::createFromTimestamp(time()),
'#weight' => '3',
];

Note: We can configure Materialize DateTime picker for custom form by using configuration form admin/config/materialize/datetime_picker_config

INSTALLATION & USAGE

  • Download this module by this link.
  • Place materialize_datetime_picker module into your modules directory.
  • Go to admin/modules. Enable Bootstrap Materialize DateTime Picker module.
  • See README.md file for the installation and usage documentation.

FEATURES

- Widget works for both date and datetime fields
- Supports Multilingual for both Date and Time pop-ups
- Responsive
- Supports 12 and 24 hour time formats
- You can specify granularity for minutes
- Disable dates for specific days
- You can specify week start days
- Disable specific dates by using manage form display

Activity

Total releases
1
First release
Jun 2025
Latest release
9 months ago
Release cadence
Stability
100% stable

Releases

Version Type Release date
6.0.0 Stable Jun 22, 2025