Input field type="time" has default dropdown hh:mm

          <TextField
            label="Duration"
            variant="outlined"
            type="time"
            format="HH:mm"
            value={duration}
            onChange={(e) => setDuration(e.target.value)}
            fullWidth={true}
          />