text: import * as React from 'react';
  import TextField from '@material-ui/core/TextField';
  import AdapterDateFns from '@material-ui/lab/AdapterDateFns';
  import LocalizationProvider from '@material-ui/lab/LocalizationProvider';
  import StaticTimePicker from '@material-ui/lab/StaticTimePicker';
  
  export default function StaticTimePickerDemo() {
    const [value, setValue] = React.useState(new Date());
  
    return (
      <LocalizationProvider dateAdapter={AdapterDateFns}>
        <StaticTimePicker
          displayStaticWrapperAs="mobile"
          value={value}
          onChange={(newValue) => {
            setValue(newValue);
          }}
          renderInput={(params) => <TextField {...params} />}
        />
      </LocalizationProvider>
    );
  }
  