import React, { useState } from 'react';
import ReactDOM from 'react-dom';
import TimePicker2 from '..';
import dayjs from 'dayjs';

const preset = [
  {
    label: '此刻',
    value: () => new Date(),
  },
];

function Picker() {
  const [ value, onChange ] = useState(dayjs('12:00:00', 'HH:mm:ss', true));

  // @ts-ignore
  return <TimePicker2 value={value} onChange={onChange} preset={preset} />;
}

ReactDOM.render(<Picker />, document.getElementById('time-picker2-demo-9'));