mike70193 / react-datetime-picker

date time picker component using react

react-datertime-picker

A date time picker component using react

Live Demo: https://react-datetime-picker.vercel.app/

Usage

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

## Basic Example

```tsx

class App extends React.Component<Props, State> {
  state = {
    date: {},
  };

  render() {
    return <DatetimePicker open={this.state.open} onChange={(value) => this.setState({ date: value })} />;
  }
}

export default App;

Basic example using hooks

const App: React.FunctionComponent<Props> = (props) => {
  const [date, setDate] = React.useState<Date>({});

  return <DatetimePicker open={open} onChange={(value) => setDateRange(value)} />;
};

export default App;

Props

Name	Type	Required	Default value	Description
initialDate	Date		today	initially selected date
minDate	Date, string		10 years ago	min date allowed in picker
maxDate	Date, string		10 years from now	max date allowed in picker
showTime	Boolean		false	show time picker
showTimezone	Boolean		false	show tiemzone picker when select time
format	string		YYYY-MM-DD	set date time format
onChange	(Date) => void	required	-	handler function for providing selected date