function MainComponent() { const startDate = new Date(2023, 2, 25); // March 25, 2023 const endDate = new Date(2023, 3, 5); // April 5, 2023 const oneDay = 24 * 60 * 60 * 1000; // milliseconds in a day const daysBetween = Math.round(Math.abs((endDate - startDate) / oneDay)) + 1; const datesArray = Array.from({ length: daysBetween }).map((_, index)=>{ const date = new Date(startDate.valueOf()); date.setDate(startDate.getDate() + index); return date; }); const weekSections = datesArray.reduce((acc, date, index)=>{ const weekNumber = Math.floor(index / 7); if (!acc[weekNumber]) acc[weekNumber] = []; acc[weekNumber].push(date); return acc; }, []); const getDayName = (date)=>{ const dayName = new Intl.DateTimeFormat('ja-JP', { weekday: 'short' }).format(date); return dayName; }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#F0F2F5]", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "overflow-auto", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, weekSections.map((week, weekIndex)=>/*#__PURE__*/ React.createElement("table", { key: weekIndex, className: "border-collapse border border-slate-400 mb-8", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border border-slate-300 p-2", __source: { fileName: "", lineNumber: 33, columnNumber: 19 }, __self: this }, "日付"), week.map((date, index)=>/*#__PURE__*/ React.createElement("th", { key: index, className: "border border-slate-300 p-2", __source: { fileName: "", lineNumber: 35, columnNumber: 21 }, __self: this }, `${date.getMonth() + 1}/${date.getDate()} (${getDayName(date)})`)))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border border-slate-300 p-2 font-roboto", __source: { fileName: "", lineNumber: 41, columnNumber: 19 }, __self: this }, "コース"), week.map((_, index)=>/*#__PURE__*/ React.createElement("td", { key: index, className: "border border-slate-300 p-2", __source: { fileName: "", lineNumber: 43, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "border border-slate-500 p-1 w-full", name: `course-${weekIndex * 7 + index}`, __source: { fileName: "", lineNumber: 44, columnNumber: 23 }, __self: this })))), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border border-slate-300 p-2 font-roboto", __source: { fileName: "", lineNumber: 49, columnNumber: 19 }, __self: this }, "滞在時間"), week.map((_, index)=>/*#__PURE__*/ React.createElement("td", { key: index, className: "border border-slate-300 p-2", __source: { fileName: "", lineNumber: 51, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "border border-slate-500 p-1 w-full", name: `duration-${weekIndex * 7 + index}`, __source: { fileName: "", lineNumber: 52, columnNumber: 23 }, __self: this })))), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border border-slate-300 p-2 font-roboto", __source: { fileName: "", lineNumber: 57, columnNumber: 19 }, __self: this }, "備考"), week.map((_, index)=>/*#__PURE__*/ React.createElement("td", { key: index, className: "border border-slate-300 p-2", __source: { fileName: "", lineNumber: 59, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "border border-slate-500 p-1 w-full", name: `note-${weekIndex * 7 + index}`, __source: { fileName: "", lineNumber: 60, columnNumber: 23 }, __self: this }))))))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 px-4 py-2 bg-blue-500 text-white font-roboto", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "送信")))); }

日付	3/25 (土)	3/26 (日)	3/27 (月)	3/28 (火)	3/29 (水)	3/30 (木)	3/31 (金)
コース
滞在時間
備考

日付	4/1 (土)	4/2 (日)	4/3 (月)	4/4 (火)	4/5 (水)
コース
滞在時間
備考