31 lines
701 B
JavaScript
31 lines
701 B
JavaScript
|
|
||
|
|
import * as React from 'react';
|
||
|
|
import TextField from '@mui/material/TextField';
|
||
|
|
import DateFnsUtils from '@date-io/date-fns';
|
||
|
|
|
||
|
|
import {
|
||
|
|
TimePicker,
|
||
|
|
MuiPickersUtilsProvider,
|
||
|
|
} from '@material-ui/pickers';
|
||
|
|
|
||
|
|
export default function ResponsiveTimePickers(props) {
|
||
|
|
const [value, setValue] = React.useState(new Date());
|
||
|
|
|
||
|
|
props.func(value);
|
||
|
|
|
||
|
|
return (
|
||
|
|
|
||
|
|
<MuiPickersUtilsProvider utils={DateFnsUtils}>
|
||
|
|
<TimePicker
|
||
|
|
label="Hora do lembrete"
|
||
|
|
value={value}
|
||
|
|
onChange={(newValue) => {
|
||
|
|
setValue(newValue);
|
||
|
|
}}
|
||
|
|
renderInput={(params) => <TextField {...params} />}
|
||
|
|
/>
|
||
|
|
</MuiPickersUtilsProvider>
|
||
|
|
|
||
|
|
);
|
||
|
|
}
|