extract formatter

mui · Nov 2, 2023 · 4f11d1f · 4f11d1f
1 parent 15b524f
commit 4f11d1f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 12 deletions.
diff --git a/docs/data/data-grid/filtering/QuickFilteringDiacritics.js b/docs/data/data-grid/filtering/QuickFilteringDiacritics.js
@@ -3,6 +3,12 @@ import { DataGrid, GridToolbar } from '@mui/x-data-grid';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import Switch from '@mui/material/Switch';
 
+const dateFormatter = new Intl.DateTimeFormat('fr-FR', {
+  day: 'numeric',
+  month: 'long',
+  year: 'numeric',
+});
+
 const rows = [
   { id: 0, string: 'Café', date: new Date(2023, 1, 1), singleSelect: 'Jalapeño' },
 ];
@@ -13,12 +19,7 @@ const columns = [
     field: 'date',
     type: 'date',
     width: 150,
-    valueFormatter: (params) =>
-      params.value.toLocaleDateString('fr-FR', {
-        day: 'numeric',
-        month: 'long',
-        year: 'numeric',
-      }),
+    valueFormatter: (params) => dateFormatter.format(params.value),
   },
   {
     field: 'singleSelect',

diff --git a/docs/data/data-grid/filtering/QuickFilteringDiacritics.tsx b/docs/data/data-grid/filtering/QuickFilteringDiacritics.tsx
@@ -8,6 +8,12 @@ import {
 import FormControlLabel from '@mui/material/FormControlLabel';
 import Switch from '@mui/material/Switch';
 
+const dateFormatter = new Intl.DateTimeFormat('fr-FR', {
+  day: 'numeric',
+  month: 'long',
+  year: 'numeric',
+});
+
 const rows = [
   { id: 0, string: 'Café', date: new Date(2023, 1, 1), singleSelect: 'Jalapeño' },
 ];
@@ -17,12 +23,7 @@ const columns: GridColDef[] = [
     field: 'date',
     type: 'date',
     width: 150,
-    valueFormatter: (params) =>
-      params.value.toLocaleDateString('fr-FR', {
-        day: 'numeric',
-        month: 'long',
-        year: 'numeric',
-      }),
+    valueFormatter: (params) => dateFormatter.format(params.value),
   },
   {
     field: 'singleSelect',