Date input field

The essentials of displaying form-item date-inputs.

By default we change the type of the input field from

<input type="date">

<input type="text">

for cross-browser-consistency.

There is also a few variations of this component:

Defining a date input field

In the form definition you can create a date input field as follows:

$form['start_date'] = [
  '#type' => 'date',
  '#title' => $this->t('Start date'),
  '#date_date_format' => 'd/m/Y',
];

Machine name

form-item--date

Built upon

Drupal Core

Perks

Secured by Compony

Using Sass

Responsive

Accessible

Building blocks

HTML

CSS

Inspired by

Flat design

Stats

8 downloads

Contributors

No comments yet

Supported by no-one?