Add 3rd-party date formatter for display patterns

Author: zxyctn

package-lock.json

@@ -71,6 +71,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "axios": "^1.2.1",
     "codemirror": "^6.0.1",
+    "dateformat": "^5.0.3",
     "delay": "^6.0.0",
     "dotenv": "^16.3.1",
     "eslint4b-prebuilt": "^6.7.2",

package.json

@@ -1,3 +1,5 @@
+import dateFormat from 'dateformat';
+
 import type { FilterOptionsEnum } from '$models/Enums';
 import type { Columns, Filter, ServerColumn } from '$models/Models';
 
@@ -115,14 +117,13 @@ export const convertServerColumns = (columns: ServerColumn[]) => {
 	columns.forEach((col) => {
 		let instructions = {};
 
-		// if (col.instructions?.displayPattern) {
-		// 	instructions = {
-		// 		toStringFn: (date: Date) =>
-		// 			date.toLocaleString('en-US', col.instructions?.displayPattern || {}),
-		// 		toSortableValueFn: (date: Date) => date.getTime(),
-		// 		toFilterableValueFn: (date: Date) => date
-		// 	};
-		// }
+		if (col.instructions?.displayPattern) {
+			instructions = {
+				toStringFn: (date: Date) => dateFormat(date, col.instructions?.displayPattern || ''),
+				toSortableValueFn: (date: Date) => date.getTime(),
+				toFilterableValueFn: (date: Date) => date
+			};
+		}
 
 		if (col.instructions?.missingValues) {
 			instructions = {