date react component code example
Example 1: datepicker in react
//npm i react-datepicker
import Datepicker from "react-datepicker";
<Datepicker
required
selected={appDate}
onChange={handleChangeDate}
showTimeSelect
dateFormat="Pp"
className="Datepicker pa2"
minDate={new Date()}
placeholderText="Select a date"
calendarClassName="rasta-stripes"
popperModifiers={{
offset: {
enabled: true,
offset: "0px, 0px"
},
preventOverflow: {
enabled: true,
escapeWithReference: false,
boundariesElement: "scrollParent"
}
}}
/>
Example 2: date time react component
import React, { useState } from 'react';
import DateTimePicker from 'react-datetime-picker';
function MyApp() {
const [value, onChange] = useState(new Date());
return (
<div>
<DateTimePicker
onChange={onChange}
value={value}
/>
</div>
);
}