function MainComponent() { const [data, setData] = React.useState(""); const [liczbaDni, setLiczbaDni] = React.useState(""); const [result, setResult] = React.useState(null); const [error, setError] = React.useState(""); const calculateDate = ()=>{ setError(""); // Validate inputs if (!data || !liczbaDni) { setError("Proszę wypełnić wszystkie pola"); return; } // Validate date format DD-MM const dateRegex = /^(\d{1,2})-(\d{1,2})$/; const dateMatch = data.match(dateRegex); if (!dateMatch) { setError("Format daty powinien być DD-MM (np. 13-06)"); return; } const day = parseInt(dateMatch[1]); const month = parseInt(dateMatch[2]); const daysToAdd = parseInt(liczbaDni); // Validate day and month if (day < 1 || day > 31 || month < 1 || month > 12) { setError("Nieprawidłowa data"); return; } if (isNaN(daysToAdd) || daysToAdd < 0) { setError("Liczba dni musi być liczbą dodatnią"); return; } // Days in each month (non-leap year) const daysInMonth = [ 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31 ]; // Check if the day is valid for the given month if (day > daysInMonth[month - 1]) { setError(`Miesiąc ${month.toString().padStart(2, "0")} ma tylko ${daysInMonth[month - 1]} dni`); return; } // Calculate new date let newDay = day + daysToAdd; let newMonth = month; let newYear = new Date().getFullYear(); // Use current year as reference // Handle month overflow while(newDay > daysInMonth[newMonth - 1]){ newDay -= daysInMonth[newMonth - 1]; newMonth++; if (newMonth > 12) { newMonth = 1; newYear++; // Update days in February for potential leap year daysInMonth[1] = isLeapYear(newYear) ? 29 : 28; } } const resultDate = `${newDay.toString().padStart(2, "0")}-${newMonth.toString().padStart(2, "0")}`; setResult(resultDate); }; const isLeapYear = (year)=>{ return year % 4 === 0 && year % 100 !== 0 || year % 400 === 0; }; const closeResult = ()=>{ setResult(null); setData(""); setLiczbaDni(""); setError(""); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 p-4", __source: { fileName: "", lineNumber: 85, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8 pt-8", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-indigo-800 mb-2", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, "Pelikan"), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-gray-700", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, "Kalkulator Dat")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-lg p-6 mb-4", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }, "Data (DD-MM)"), /*#__PURE__*/ React.createElement("input", { type: "text", value: data, onChange: (e)=>setData(e.target.value), placeholder: "np. 13-06", className: "w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 text-lg", maxLength: "5", __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this }, "Liczba Dni"), /*#__PURE__*/ React.createElement("input", { type: "number", value: liczbaDni, onChange: (e)=>setLiczbaDni(e.target.value), placeholder: "np. 5", className: "w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 text-lg", min: "0", __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this })), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-3", __source: { fileName: "", lineNumber: 130, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-red-600 text-sm", __source: { fileName: "", lineNumber: 131, columnNumber: 17 }, __self: this }, error)), /*#__PURE__*/ React.createElement("button", { onClick: calculateDate, className: "w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-3 px-4 rounded-lg transition-colors duration-200 text-lg", __source: { fileName: "", lineNumber: 136, columnNumber: 13 }, __self: this }, "Oblicz Datę"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white/50 rounded-lg p-4", __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 text-center", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 148, columnNumber: 13 }, __self: this }, "Przykład:"), " Data: 13-06, Liczba Dni: 5 → Wynik: 18-06"))), result && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 156, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-2xl p-8 max-w-sm w-full mx-4", __source: { fileName: "", lineNumber: 157, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 158, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 159, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-check text-4xl text-green-500 mb-4", __source: { fileName: "", lineNumber: 160, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 161, columnNumber: 17 }, __self: this }, "Wynik"), /*#__PURE__*/ React.createElement("div", { className: "bg-green-50 border border-green-200 rounded-lg p-4 mb-4", __source: { fileName: "", lineNumber: 162, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-green-700", __source: { fileName: "", lineNumber: 163, columnNumber: 19 }, __self: this }, result)), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 165, columnNumber: 17 }, __self: this }, data, " + ", liczbaDni, " ", liczbaDni === "1" ? "dzień" : "dni", " =", " ", result)), /*#__PURE__*/ React.createElement("button", { onClick: closeResult, className: "w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-3 px-4 rounded-lg transition-colors duration-200", __source: { fileName: "", lineNumber: 170, columnNumber: 15 }, __self: this }, "Zamknij"))))); }