React Material-UI Cookbook

How to do it...

The material-ui-pickers package has a DatePicker component and a TimePicker component. Here's some code that shows you how to use both components:

import React, { useState } from 'react';import 'date-fns';import DateFnsUtils from '@date-io/date-fns';import { makeStyles } from '@material-ui/styles';import Grid from '@material-ui/core/Grid';import {  MuiPickersUtilsProvider,  TimePicker,  DatePicker} from 'material-ui-pickers';const useStyles = makeStyles(theme => ({  grid: {    width: '65%'  }}));export default function IntegratingWithOtherDateAndTimePackages() {  const classes = useStyles();  const [datetime, setDatetime] = useState(new Date());  const onChange = datetime => {    setDatetime(datetime);  };  return ( <MuiPickersUtilsProvider ...