Date Calculator
import React, { useState } from "react";const DateAddCalculator = () => {
const [startDate, setStartDate] = useState("");
const [endDate, setEndDate] = useState("");
const [includeEndDay, setIncludeEndDay] = useState(false);
const [result, setResult] = useState(null);const calculateDays = () => {
if (!startDate || !endDate) {
setResult("Please select both start and end dates.");
return;
}const start = new Date(startDate);
const end = new Date(endDate);
let difference = Math.ceil((end - start) / (1000 * 60 * 60 * 24));if (includeEndDay) {
difference += 1;
}if (difference >= 0) {
setResult(`${difference} day(s)`);
} else {
setResult("Invalid date range. End date must be after start date.");
}
};return (
);
};export default DateAddCalculator;
Date Add Calculator
setStartDate(e.target.value)}
className="w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring focus:ring-blue-200"
/>
setEndDate(e.target.value)}
className="w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring focus:ring-blue-200"
/>
setIncludeEndDay(e.target.checked)}
className="mr-2"
/>
{result && (
{result}
)}