diff --git a/config/schema/facets.widgets.schema.yml b/config/schema/facets.widgets.schema.yml
index e230db8d9..149738442 100644
--- a/config/schema/facets.widgets.schema.yml
+++ b/config/schema/facets.widgets.schema.yml
@@ -22,6 +22,36 @@ facet.widget.config.dropdown:
       type: label
       label: 'Default option label'
 
+# Config schema for datebasic, you can find the implementation in
+# Drupal\facets\Plugin\facets\widget\DateBasicWidget. Options for this widget are
+# "show counts", "display dropdown", "default option label", "display relative",
+# "granularity", "date display", "relative granularity" and "relative text".
+facet.widget.config.datebasic:
+  type: facet.widget.default_config
+  label: 'Date basic widget configuration'
+  mapping:
+    display_dropdown:
+      type: boolean
+      label: 'Display as dropdown'
+    default_option_label:
+      type: label
+      label: 'Default option label'
+    display_relative:
+      type: boolean
+      label: 'Date display'
+    granularity:
+      type: integer
+      label: 'Granularity'
+    date_display:
+      type: string
+      label: 'Date format'
+    relative_granularity:
+      type: integer
+      label: 'Relative granularity'
+    relative_text:
+      type: boolean
+      label: 'Relative text'
+
 # Config schema for links, you can find the implementation in
 # Drupal\facets\Plugin\facets\widget\LinksWidget. Options for this widget are
 # "soft limit" and "show counts".
diff --git a/src/Plugin/facets/widget/DateBasicWidget.php b/src/Plugin/facets/widget/DateBasicWidget.php
index 38a015e85..3f655b39f 100644
--- a/src/Plugin/facets/widget/DateBasicWidget.php
+++ b/src/Plugin/facets/widget/DateBasicWidget.php
@@ -41,6 +41,8 @@ private function granularityOptions() {
    */
   public function defaultConfiguration() {
     return [
+      'display_dropdown' => FALSE,
+      'default_option_label' => 'Choose',
       'display_relative' => FALSE,
       'granularity' => SearchApiDate::FACETAPI_DATE_MONTH,
       'date_display' => '',
@@ -57,6 +59,21 @@ public function buildConfigurationForm(array $form, FormStateInterface $form_sta
 
     $form += parent::buildConfigurationForm($form, $form_state, $facet);
 
+    $form['display_dropdown'] = [
+      '#type' => 'checkbox',
+      '#title' => $this->t('Display as a dropdown'),
+      '#default_value' => $configuration['display_dropdown'],
+    ];
+
+    $form['default_option_label'] = [
+      '#type' => 'textfield',
+      '#title' => $this->t('Default option label'),
+      '#default_value' => $configuration['default_option_label'],
+      '#states' => [
+        'visible' => [':input[name="widget_config[display_dropdown]"]' => array('checked' => TRUE),],
+      ],
+    ];
+
     $form['display_relative'] = [
       '#type' => 'radios',
       '#title' => $this->t('Date display'),
@@ -108,7 +125,7 @@ public function build(FacetInterface $facet) {
       }
     }, $facet->getResults());
 
-    return [
+    $build = [
       '#theme' => 'facets_item_list',
       '#items' => $items,
       '#attributes' => ['data-drupal-facet-id' => $facet->id()],
@@ -119,6 +136,14 @@ public function build(FacetInterface $facet) {
         ],
       ],
     ];
+
+    if ($this->getConfiguration()['display_dropdown']) {
+      $build['#attributes']['class'][] = 'js-facets-dropdown-links';
+      $build['#attached']['drupalSettings']['facets']['dropdown_widget'][$facet->id()]['facet-default-option-label'] = $this->getConfiguration()['default_option_label'];
+      $build['#attached']['library'][] = 'facets/drupal.facets.dropdown-widget';
+    }
+
+    return $build;
   }
 
 }