Skip to main content
Drupal is a registered trademark of Dries Buytaert
Release: OpenID Connect / OAuth client 3.0.0-alpha9 New alpha version released for module openid_connect (3.0.0-alpha9). Usage Milestone: Google Analytics Module google_analytics crossed 1,000 active installs. Release: Timelinr 1.0.1 Minor update available for module timelinr (1.0.1). Release: GraphQL Compose Codegen 1.1.2 Minor update available for module graphql_compose_codegen (1.1.2). Release: Mapy.com 1.1.3 Minor update available for module mapycom (1.1.3). Release: Ckeditor5 entity browser 3.0.3 Minor update available for module ckeditor5_entity_browser (3.0.3). Release: Ckeditor5 entity browser 3.0.1 Minor update available for module ckeditor5_entity_browser (3.0.1). Release: Ckeditor5 entity browser 3.0.2 Minor update available for module ckeditor5_entity_browser (3.0.2). Release: Teamleader Integration 4.0.2 Minor update available for module teamleader (4.0.2). Module Revived: Entityqueue Buttons 1.1.2 Module entityqueue_buttons updated after 8 months of inactivity (1.1.2).

Bootstrap Materialize DateTime Picker

35 sites Security covered Drupal 8–11
View on drupal.org

This module provides a Material Design date and time picker widget for Drupal's date fields. It can also be used for custom form elements, offering features like multilingual support, responsive design, and configurable options for time format, minute granularity, and date restrictions.

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

Depends on

Dependencies of the latest stable release

  • datetime Drupal core

Required by

Tracked projects that depend on this one

No tracked projects depend on this one yet.

Activity

Tracked releases
1
Tracked since
Jun 2025
Latest release
1 year ago
Releases (12 mo)
0 ▼ from 1
Maintenance
Dormant

Releases

Version Type Core Release date
6.0.0 Stable 8–11 Jun 22, 2025