Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import "date-fns";
- import React from "react";
- import Grid from "@material-ui/core/Grid";
- import DateFnsUtils from "@date-io/date-fns";
- import {
- MuiPickersUtilsProvider,
- KeyboardDatePicker
- } from "@material-ui/pickers";
- export default function MaterialUIPickers() {
- // The first commit of Material-UI
- const [selectedDate, setSelectedDate] = React.useState(
- new Date("2014-08-18T21:11:54")
- );
- const handleDateChange = date => {
- setSelectedDate(date);
- };
- return (
- <MuiPickersUtilsProvider utils={DateFnsUtils}>
- <Grid container justify="space-around">
- <KeyboardDatePicker
- disableToolbar
- variant="inline"
- format="MM/dd/yyyy"
- margin="normal"
- id="date-picker-inline"
- label="Date picker inline"
- value={selectedDate}
- onChange={handleDateChange}
- KeyboardButtonProps={{
- "aria-label": "change date"
- }}
- />
- </Grid>
- </MuiPickersUtilsProvider>
- );
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement