diff --git a/src/common_components/form_answer/FormPage.tsx b/src/common_components/form_answer/FormPage.tsx index 3de4e83e..c78bf594 100644 --- a/src/common_components/form_answer/FormPage.tsx +++ b/src/common_components/form_answer/FormPage.tsx @@ -4,6 +4,7 @@ import { FC, useState } from "react"; import { assignType } from "@/lib/openapi"; import { css } from "@styled-system/css"; import dayjs from "dayjs"; +import ja from "dayjs/locale/ja"; import { FormFieldsType } from "./FormItems"; import { getTimeLeftText, getSubmitStatusFromDate } from "@/lib/formHelpers"; @@ -51,6 +52,7 @@ export const FormPage = ({ answer, answerError, answerLoading, form, formError, const [editable, setEdiatable] = useState(false); + const deadlineText = form && getTimeLeftText(dayjs(), dayjs(form.ends_at), status); return ( <>
-
- {form && dayjs(form.ends_at).format("YYYY/MM/DD")} (
- {form && getTimeLeftText(dayjs(), dayjs(form.ends_at), status)})
+
+ {form && dayjs(form.ends_at).locale(ja).format("YYYY/MM/DD(ddd) HH:mm")}
+ {deadlineText ? ` (${deadlineText})` : ""}