how to select a date range using material ui code example

Example: DateRangePicker start and end date in one Textfeild material ui

<DateRangePicker
     renderInput={({ inputProps, ...startProps }, endProps) => {
          const startValue = inputProps.value;
          delete inputProps.value
          return (
            <TextField
              {...startProps}
              inputProps={inputProps}
              value={`${startValue}-${endProps.inputProps.value}`}
           />
)}/>