diff --git a/src/admin/components/lists/filters-list.vue b/src/admin/components/lists/filters-list.vue
index e8585add0..7a53cc38a 100644
--- a/src/admin/components/lists/filters-list.vue
+++ b/src/admin/components/lists/filters-list.vue
@@ -82,8 +82,8 @@
                                     :class="{ 
                                         'tainacan-icon-collections': filter.collection_id == collectionId, 
                                         'tainacan-icon-repository': filter.collection_id != collectionId,
-                                        'has-text-turquoise5': filter.enabled && filter.collection_id == collectionId, 
-                                        'has-text-blue5': filter.enabled && filter.collection_id != collectionId,
+                                        'has-text-turquoise5': filter.enabled && filter.collection_id != 'default', 
+                                        'has-text-blue5': filter.enabled && filter.collection_id == 'default',
                                         'has-text-gray3': !filter.enabled  
                                     }"
                                     class="tainacan-icon" />
diff --git a/src/admin/js/theme-main.js b/src/admin/js/theme-main.js
index 92841fa21..dfe113ee7 100644
--- a/src/admin/js/theme-main.js
+++ b/src/admin/js/theme-main.js
@@ -13,6 +13,7 @@ import FilterCheckbox from '../../classes/filter-types/checkbox/Checkbox.vue';
 import FilterTaginput from '../../classes/filter-types/taginput/Taginput.vue';
 import FilterTaxonomyCheckbox from '../../classes/filter-types/taxonomy/Checkbox.vue';
 import FilterTaxonomyTaginput from '../../classes/filter-types/taxonomy/Taginput.vue';
+import FilterDateInterval from '../../classes/filter-types/date-interval/DateInterval.vue';
 import FilterNumericInterval from '../../classes/filter-types/numeric-interval/NumericInterval.vue';
 import FilterNumericListInterval from '../../classes/filter-types/numeric-list-interval/NumericListInterval.vue';
 
@@ -54,6 +55,7 @@ Vue.component('tainacan-filter-checkbox', FilterCheckbox);
 Vue.component('tainacan-filter-taginput', FilterTaginput);
 Vue.component('tainacan-filter-taxonomy-checkbox', FilterTaxonomyCheckbox);
 Vue.component('tainacan-filter-taxonomy-taginput', FilterTaxonomyTaginput);
+Vue.component('tainacan-filter-date-interval', FilterDateInterval);
 Vue.component('tainacan-filter-numeric-interval', FilterNumericInterval);
 Vue.component('tainacan-filter-numeric-list-interval', FilterNumericListInterval);
 
diff --git a/src/admin/scss/_dropdown-and-autocomplete.scss b/src/admin/scss/_dropdown-and-autocomplete.scss
index 407dde574..0c6482bb7 100644
--- a/src/admin/scss/_dropdown-and-autocomplete.scss
+++ b/src/admin/scss/_dropdown-and-autocomplete.scss
@@ -204,6 +204,21 @@
         }
     }
 
+    // Not working yet, as we don't have this icon.
+    // .dropdown-trigger {
+    //     span.icon>i.mdi-calendar-today::before{
+    //         display: inline-block;
+    //         font: normal normal normal 20px/1 "TainacanIcons";
+    //         font-size: inherit;
+    //         text-rendering: auto;
+    //         vertical-align: middle;
+    //         line-height: inherit;
+    //         -webkit-font-smoothing: antialiased;
+    //         -moz-osx-font-smoothing: grayscale;
+    //         content: 'calendar';
+    //     }
+    // }
+
     .dropdown-menu {
         background: transparent;
         border: none;