import React from 'react';
import ReactDOM from 'react-dom';
import TimePicker2 from '..';
const disabledHours = [1, 2, 3, 4, 5];
const disabledMinutes = [10, 20, 30, 40, 50];
const disabledSeconds = [10, 20, 30, 40, 50];
const disabledItems = list => index => {
    return list.indexOf(index) >= 0;
};
ReactDOM.render(React.createElement("div", null,
    React.createElement("p", null, "Disable TimePicker2"),
    React.createElement(TimePicker2, { disabled: true }),
    React.createElement("p", null, "Disable Hours/Minutes/Seconds"),
    React.createElement(TimePicker2, { disabledHours: disabledItems(disabledHours), disabledMinutes: disabledItems(disabledMinutes), disabledSeconds: disabledItems(disabledSeconds) }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement("div", { style: { backgroundColor: '#f3f3f3', padding: '10px' } },
        React.createElement("p", null, "Disable TimePicker2"),
        React.createElement(TimePicker2, { theme: 'grey', disabled: true }),
        React.createElement("p", null, "Disable Hours/Minutes/Seconds"),
        React.createElement(TimePicker2, { theme: 'grey', disabledHours: disabledItems(disabledHours), disabledMinutes: disabledItems(disabledMinutes), disabledSeconds: disabledItems(disabledSeconds) }))), document.getElementById('time-picker2-demo-5'));
