Using date pickers

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.

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...