如何在antd TimePicker中限制持续时间？

import React, { useState } from 'react';
import { TimePicker } from 'antd';

const CustomTimePicker = () => {
  const [startTime, setStartTime] = useState(null);

  const handleTimeChange = (time, timeString) => {
    // 根据需要限制的持续时间计算结束时间
    const endTime = time.clone().add(2, 'hours');
    console.log('Start Time:', timeString);
    console.log('End Time:', endTime.format('HH:mm'));
  };

  const disabledHours = () => {
    // 返回需要禁用的小时数组，例如只允许选择 8 点到 18 点之间的时间
    const hours = [];
    for (let i = 0; i < 8; i++) {
      hours.push(i);
    }
    for (let i = 19; i < 24; i++) {
      hours.push(i);
    }
    return hours;
  };

  const disabledMinutes = (selectedHour) => {
    // 返回需要禁用的分钟数组，例如当选择的小时为 18 时，禁用 30 分钟之后的时间
    if (selectedHour === 18) {
      const minutes = [];
      for (let i = 31; i < 60; i++) {
        minutes.push(i);
      }
      return minutes;
    }
    return [];
  };

  return (
    <TimePicker
      value={startTime}
      onChange={handleTimeChange}
      disabledHours={disabledHours}
      disabledMinutes={disabledMinutes}
    />
  );
};

export default CustomTimePicker;