React TimePicker using date-fns
/* eslint no-console:0 */
import 'rc-time-picker-date-fns/assets/index.css';
import React from 'react';
import ReactDom from 'react-dom';
import TimePicker, { formatTime } from 'rc-time-picker-date-fns';
const showSecond = true;
const str = showSecond ? 'HH:mm:ss' : 'HH:mm';
function onChange(value) {
console.log(value && formatTime(value, str));
}
ReactDom.render(
<TimePicker
format={str}
showSecond={showSecond}
// use to control utfOffset, locale, default open value
defaultOpenValue={new Date}
className="xxx"
onChange={onChange}
disabledHours={() => [0, 1, 2, 3, 4, 5, 6, 7, 8, 22, 23]}
disabledMinutes={() => [0, 2, 4, 6, 8]}
hideDisabledOptions
/>,
document.getElementById('__react-content')
);