Integrating other date and time packages

You aren't stuck with only using TextField components for Date/Time selection in your Material-UI application. There are packages available that make the Date/Time selection experience feel more like traditional Material Design components.

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