From 7afe8cfa1855779f9ac94f385695e6bc66ff0c5e Mon Sep 17 00:00:00 2001
From: Ollie Halliday <22655069+Hallidayo@users.noreply.github.com>
Date: Tue, 17 Oct 2023 19:12:45 +0100
Subject: [PATCH] constant files created

---
 .../web/src/app/(signing)/sign/[token]/form.tsx |  9 +++++++--
 apps/web/src/helpers/constants.ts               | 17 +++++++++++++++++
 2 files changed, 24 insertions(+), 2 deletions(-)
 create mode 100644 apps/web/src/helpers/constants.ts

diff --git a/apps/web/src/app/(signing)/sign/[token]/form.tsx b/apps/web/src/app/(signing)/sign/[token]/form.tsx
index a7200bffb..9ba881cc0 100644
--- a/apps/web/src/app/(signing)/sign/[token]/form.tsx
+++ b/apps/web/src/app/(signing)/sign/[token]/form.tsx
@@ -25,6 +25,8 @@ import {
 } from '@documenso/ui/primitives/select';
 import { SignaturePad } from '@documenso/ui/primitives/signature-pad';
 
+import { DATE_FORMATS } from '~/helpers/constants';
+
 import { useRequiredSigningContext } from './provider';
 
 export type SigningFormProps = {
@@ -124,8 +126,11 @@ export const SigningForm = ({ document, recipient, fields }: SigningFormProps) =
                     <SelectValue />
                   </SelectTrigger>
                   <SelectContent>
-                    <SelectItem value="yyyy-MM-dd hh:mm a">YYYY-MM-DD</SelectItem>
-                    <SelectItem value="dd/MM/yyyy hh:mm a">DD/MM/YYYY</SelectItem>
+                    {DATE_FORMATS.map((format) => (
+                      <SelectItem key={format.key} value={format.value}>
+                        {format.label}
+                      </SelectItem>
+                    ))}
                   </SelectContent>
                 </Select>
               </div>
diff --git a/apps/web/src/helpers/constants.ts b/apps/web/src/helpers/constants.ts
new file mode 100644
index 000000000..fbbc9b35a
--- /dev/null
+++ b/apps/web/src/helpers/constants.ts
@@ -0,0 +1,17 @@
+export const DATE_FORMATS = [
+  {
+    key: 'YYYYMMDD',
+    label: 'YYYY-MM-DD',
+    value: 'yyyy-MM-dd hh:mm a',
+  },
+  {
+    key: 'DDMMYYYY',
+    label: 'DD/MM/YYYY',
+    value: 'dd/MM/yyyy hh:mm a',
+  },
+  {
+    key: 'MMDDYYYY',
+    label: 'MM/DD/YYYY',
+    value: 'MM/dd/yyyy hh:mm a',
+  },
+];