import React from 'react';
import ReactDOM from 'react-dom';
import TimePicker2 from '..';

const renderTimeMenuItems = list => {
  return list.map(({ value }) => {
    return {
      value,
      label: value > 9 ? String(value) : `0${value}`,
    };
  });
};

ReactDOM.render(
  // @ts-ignore
  <TimePicker2 renderTimeMenuItems={renderTimeMenuItems} />,
  document.getElementById('time-picker2-demo-8'),
);