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 TimePicker from '@material-ui/lab/TimePicker';
  
  export default function FormPropsTimePickers() {
    const [value, setValue] = React.useState(null);
  
    return (
      <LocalizationProvider dateAdapter={AdapterDateFns}>
        <div style={{ width: 300 }}>
          <TimePicker
            label="disabled"
            disabled
            value={value}
            onChange={(newValue) => {
              setValue(newValue);
            }}
            renderInput={(params) => <TextField {...params} />}
          />
          <TimePicker
            label="read-only"
            readOnly
            value={value}
            onChange={(newValue) => {
              setValue(newValue);
            }}
            renderInput={(params) => <TextField {...params} />}
          />
        </div>
      </LocalizationProvider>
    );
  }
  