diff --git a/apps/web/src/app/(signing)/sign/[token]/date-field.tsx b/apps/web/src/app/(signing)/sign/[token]/date-field.tsx index 9cff29c64..15a52e93d 100644 --- a/apps/web/src/app/(signing)/sign/[token]/date-field.tsx +++ b/apps/web/src/app/(signing)/sign/[token]/date-field.tsx @@ -11,6 +11,7 @@ import { FieldWithSignature } from '@documenso/prisma/types/field-with-signature import { trpc } from '@documenso/trpc/react'; import { useToast } from '@documenso/ui/primitives/use-toast'; +import { useRequiredSigningContext } from './provider'; import { SigningFieldContainer } from './signing-field-container'; export type DateFieldProps = { @@ -25,6 +26,8 @@ export const DateField = ({ field, recipient }: DateFieldProps) => { const [isPending, startTransition] = useTransition(); + const { dateFormat } = useRequiredSigningContext(); + const { mutateAsync: signFieldWithToken, isLoading: isSignFieldWithTokenLoading } = trpc.field.signFieldWithToken.useMutation(); @@ -40,7 +43,7 @@ export const DateField = ({ field, recipient }: DateFieldProps) => { await signFieldWithToken({ token: recipient.token, fieldId: field.id, - value: '', + value: dateFormat, }); startTransition(() => router.refresh()); diff --git a/apps/web/src/app/(signing)/sign/[token]/form.tsx b/apps/web/src/app/(signing)/sign/[token]/form.tsx index 36a54879c..a7200bffb 100644 --- a/apps/web/src/app/(signing)/sign/[token]/form.tsx +++ b/apps/web/src/app/(signing)/sign/[token]/form.tsx @@ -16,6 +16,13 @@ import { Button } from '@documenso/ui/primitives/button'; import { Card, CardContent } from '@documenso/ui/primitives/card'; import { Input } from '@documenso/ui/primitives/input'; import { Label } from '@documenso/ui/primitives/label'; +import { + Select, + SelectContent, + SelectItem, + SelectTrigger, + SelectValue, +} from '@documenso/ui/primitives/select'; import { SignaturePad } from '@documenso/ui/primitives/signature-pad'; import { useRequiredSigningContext } from './provider'; @@ -30,7 +37,8 @@ export const SigningForm = ({ document, recipient, fields }: SigningFormProps) = const router = useRouter(); const { data: session } = useSession(); - const { fullName, signature, setFullName, setSignature } = useRequiredSigningContext(); + const { fullName, signature, setFullName, setSignature, dateFormat, setDateFormat } = + useRequiredSigningContext(); const [validateUninsertedFields, setValidateUninsertedFields] = useState(false); @@ -103,6 +111,25 @@ export const SigningForm = ({ document, recipient, fields }: SigningFormProps) = /> +