import React, { PureComponent } from 'react'
import { TimePicker, Button } from 'antd'

export default class CustomTimePicker extends PureComponent {
    state = { open: false };

    handleOpenChange = open => {
        this.setState({ open });
    }

    handleClose = () => {
        this.setState({ open: false });
    }

    render() {
        const props = this.props;
        return (
            <TimePicker
                allowClear={false}
                format="HH:mm"
                open={this.state.open}
                onOpenChange={this.handleOpenChange}
                addon={() => (
                    <Button size="small" type="primary" onClick={this.handleClose}>
                        确定
                    </Button>
                )}
                {...props}
            // disabledHours={() => {
            //     return generateNumberList(0, startTime.hours() - 1);
            // }}
            // disabledMinutes={() => {
            //     if (startTime.hours() === endTime.hours()) {
            //         return generateNumberList(0, startTime.minutes() - 1);
            //     }
            //     return [];
            // }}
            />
        )
    }
}