To use a date picker in Material-UI applications, you can leverage the TextField component. It accepts a type property that you can set to date. However, you have to take care of a few other things in addition to changing the text field type.
Using date pickers
How to do it...
Here's some code that renders a date picker text field for the user, and another text field that displays the date in another format as the date selection changes:
import React, { Fragment, useState } from 'react';
import { makeStyles } from '@material-ui/styles';
import TextField from '@material-ui/core/TextField';
const useStyles = makeStyles(theme => ({
textField: { margin: theme.spacing(1) }
}));
export default function...