import * as React from 'react';
import { Col, TimePicker, Row } from '@btri-ui/base';
import moment from 'moment';

const Base = () => {
  const onChange = e => {
    console.log(e);
  };
  return (
    <>
      <Row autoMode={true}>
        <Col span={6}>
          <TimePicker.RangePicker
            onChange={onChange}
            value={[
              moment('00:00:00', 'HH:mm:ss'),
              moment('01:00:00', 'HH:mm:ss'),
            ]}
          />
        </Col>
        <Col span={6}>
          <TimePicker.RangePicker onChange={onChange} format="HH:mm" />
        </Col>
      </Row>
    </>
  );
};

export default Base;
