diff --git a/ej2-asp-core-mvc/code-snippet/grid/filtering/filter-menu-format/razor b/ej2-asp-core-mvc/code-snippet/grid/filtering/filter-menu-format/razor
index 0de47bbaf5..a9b36aa365 100644
--- a/ej2-asp-core-mvc/code-snippet/grid/filtering/filter-menu-format/razor
+++ b/ej2-asp-core-mvc/code-snippet/grid/filtering/filter-menu-format/razor
@@ -1,8 +1,14 @@
+@{
+    var FilterParams = new { @params = new Syncfusion.EJ2.Calendars.DateTimePicker
+    {
+        Format = "M/d/y HH:mm",
+    } };
+}
 @Html.EJS().Grid("grid").DataSource((IEnumerable<object>)ViewBag.dataSource).AllowFiltering().Height("300px").Columns(col =>
 {
     col.Field("OrderID").HeaderText("Order ID").Width("120").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
-    col.Field("OrderDate").HeaderText("Order Date").Width("130").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Type("datetime").Format("M/d/y HH:mm").Add();
-    col.Field("ShippedDate").HeaderText("Shipped Date").Width("130").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Type("datetime").Format("M/d/y HH:mm").Add();
+    col.Field("OrderDate").HeaderText("Order Date").Width("130").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Type("datetime").Format("M/d/y HH:mm").Filter(FilterParams).Add();
+    col.Field("ShippedDate").HeaderText("Shipped Date").Width("130").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Type("datetime").Format("M/d/y HH:mm").Filter(FilterParams).Add();
     col.Field("ShipCountry").HeaderText("Ship Country").Width("120").Add();
 }).FilterSettings(filter => { filter.Type(Syncfusion.EJ2.Grids.FilterType.Menu); }).ActionComplete("actionComplete").Render()
 <script>
diff --git a/ej2-asp-core-mvc/code-snippet/grid/filtering/filter-menu-format/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/filtering/filter-menu-format/tagHelper
index 7775fd4c45..9d359a0bec 100644
--- a/ej2-asp-core-mvc/code-snippet/grid/filtering/filter-menu-format/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/grid/filtering/filter-menu-format/tagHelper
@@ -1,9 +1,17 @@
+@{
+    var FilterParams = new {
+        @@params = new Syncfusion.EJ2.Calendars.DateTimePicker
+        {
+            Format = "M/d/y HH:mm"
+        }
+    };
+}
 <ejs-grid id="grid" dataSource="@ViewBag.dataSource" allowFiltering="true" height="300px">
     <e-grid-filterSettings type="Menu"></e-grid-filterSettings>
     <e-grid-columns>
         <e-grid-column field="OrderID" headerText="Order ID"  textAlign="Right" width="100"></e-grid-column>
-        <e-grid-column field="OrderDate" headerText="Order Date" type="datetime" format="M/d/y HH:mm" textAlign="Right" width="120"></e-grid-column>
-        <e-grid-column field="ShippedDate" headerText="Shipped Date" type="datetime" format="M/d/y HH:mm" textAlign="Right" width="120"></e-grid-column>              
+        <e-grid-column field="OrderDate" headerText="Order Date" type="datetime" format="M/d/y HH:mm" filter="@(FilterParams)" textAlign="Right" width="120"></e-grid-column>
+        <e-grid-column field="ShippedDate" headerText="Shipped Date" type="datetime" format="M/d/y HH:mm" filter="@(FilterParams)" textAlign="Right" width="120"></e-grid-column>              
         <e-grid-column field="ShipCountry" headerText="ShipCountry" width="100"></e-grid-column>
     </e-grid-columns>
 </ejs-grid>
diff --git a/ej2-asp-core-mvc/grid/images/filtering/filterbar-format.png b/ej2-asp-core-mvc/grid/images/filtering/filterbar-format.png
index 2d7deca541..a90233a2df 100644
Binary files a/ej2-asp-core-mvc/grid/images/filtering/filterbar-format.png and b/ej2-asp-core-mvc/grid/images/filtering/filterbar-format.png differ