add date options to composed filter

assets/js/common/ComposedFilter/ComposedFilter.jsx

@@ -1,11 +1,18 @@
 import React, { useState } from 'react';
 import Button from '@common/Button';
 import Filter from '@common/Filter';
+import DateFilter from '@common/DateFilter';
 
-const renderFilter = ({ type, ...filterProps }, value, onChange) =>
-  type === 'select' ? (
-    <Filter {...filterProps} value={value} onChange={onChange} />
-  ) : null;
+const renderFilter = ({ type, ...filterProps }, value, onChange) => {
+  switch (type) {
+    case 'select':
+      return <Filter {...filterProps} value={value} onChange={onChange} />;
+    case 'date':
+      return <DateFilter {...filterProps} value={value} onChange={onChange} />;
+    default:
+      return null;
+  }
+};
 
 /**
  * Define a filter which is the composition of several filters.

assets/js/common/ComposedFilter/ComposedFilter.stories.jsx

@@ -68,3 +68,24 @@ export const Default = {
     onChange: action('onChange'),
   },
 };
+
+export const WithDateFilter = {
+  args: {
+    filters: [
+      {
+        key: 'filter1',
+        type: 'select',
+        title: 'Pasta',
+        options: ['Carbonara', 'Amatriciana', 'Ajo & Ojo', 'Gricia'],
+      },
+      {
+        key: 'filter2',
+        type: 'date',
+        title: 'Date',
+        prefill: true,
+        options: [['My birthday', () => new Date(1986, 0, 24)]],
+      },
+    ],
+    onChange: action('onChange'),
+  },
+};