React Get Current Month Start Date and End Date

    const { useState } = React;

    const App = () => {

        const [firstDay, setFirstDay] = useState(null);

        const [lastDay, setLastDay] = useState(null);

​

        const handleButtonClick = () => {

            const date = new Date();

            const firstDayOfMonth = new Date(date.getFullYear(), date.getMonth(), 1);

            const lastDayOfMonth = new Date(date.getFullYear(), date.getMonth() + 1, 0);

​

            setFirstDay(firstDayOfMonth);

            setLastDay(lastDayOfMonth);

        };

        return (

            <div className='container'>

                <h3>React Get Current Month start Date and End Date</h3>

                <button onClick={handleButtonClick}>Get Current Month Dates</button>

                <p>Start Date: {firstDay && firstDay.toLocaleDateString('en-GB')}</p>

                <p>End Date: {lastDay && lastDay.toLocaleDateString('en-GB')}</p>

            </div>

        );

    };

​

    ReactDOM.render(<App />, document.getElementById("app"));

</script>