sandbox-react/datepicker/app/components/datepicker-hooks-css.jsx

25 lines
579 B
JavaScript

import React, { useState } from "react";
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";
// CSS Modules, react-datepicker-cssmodules.css
//import 'react-datepicker/dist/react-datepicker-cssmodules.css';
const DatepickerhooksCss = () => {
const [startDate, setStartDate] = useState(new Date());
return (
<div>
<DatePicker
closeOnScroll={true}
selected={startDate}
onChange={(date) => setStartDate(date)}
/>
current date: {startDate.toString()}
</div>
);
};
export default DatepickerhooksCss;