diff --git a/src/views/datatable/DataTableDemo.vue b/src/views/datatable/DataTableDemo.vue
index c9b214e71..3a771f603 100644
--- a/src/views/datatable/DataTableDemo.vue
+++ b/src/views/datatable/DataTableDemo.vue
@@ -21,6 +21,9 @@
                                 <InputText v-model="filters['global']" placeholder="Global Search" />
                             </div>
                         </template>
+                        <template #empty>
+                            No customers found.
+                        </template>
                         <Column selectionMode="multiple" headerStyle="width: 3em"></Column>
                         <Column field="name" header="Name" :sortable="true">
                             <template #body="slotProps">
@@ -60,7 +63,7 @@
                         </Column>
                         <Column field="date" header="Date" :sortable="true" filterMatchMode="custom" :filterFunction="filterDate">
                             <template #filter>
-                                <Calendar v-model="filters['date']" dateFormat="yy-mm-dd" class="p-column-filter" filterMatchMode="equals" placeholder="Registration Date"/>
+                                <Calendar v-model="filters['date']" dateFormat="yy-mm-dd" class="p-column-filter" placeholder="Registration Date"/>
                             </template>
                         </Column>
                         <Column field="status" header="Status" :sortable="true" filterMatchMode="equals">
diff --git a/src/views/datatable/DataTableDoc.vue b/src/views/datatable/DataTableDoc.vue
index 5ab45a0b0..b170ddf17 100644
--- a/src/views/datatable/DataTableDoc.vue
+++ b/src/views/datatable/DataTableDoc.vue
@@ -2323,6 +2323,9 @@ export default {
                     &lt;InputText v-model="filters['global']" placeholder="Global Search" /&gt;
                 &lt;/div&gt;
             &lt;/template&gt;
+            &lt;template #empty&gt;
+                No customers found.
+            &lt;/template&gt;
             &lt;Column selectionMode="multiple" headerStyle="width: 3em"&gt;&lt;/Column&gt;
             &lt;Column field="name" header="Name" :sortable="true"&gt;
                 &lt;template #body="slotProps"&gt;
@@ -2362,7 +2365,7 @@ export default {
             &lt;/Column&gt;
             &lt;Column field="date" header="Date" :sortable="true" filterMatchMode="custom" :filterFunction="filterDate"&gt;
                 &lt;template #filter&gt;
-                    &lt;Calendar v-model="filters['date']" dateFormat="yy-mm-dd" class="p-column-filter" filterMatchMode="equals" placeholder="Registration Date"/&gt;
+                    &lt;Calendar v-model="filters['date']" dateFormat="yy-mm-dd" class="p-column-filter" placeholder="Registration Date"/&gt;
                 &lt;/template&gt;
             &lt;/Column&gt;
             &lt;Column field="status" header="Status" :sortable="true" filterMatchMode="equals"&gt;