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>    
 
  );
}