"use strict";

var _react = _interopRequireDefault(require("react"));

var _reactDom = _interopRequireDefault(require("react-dom"));

var _ = _interopRequireDefault(require(".."));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var disabledHours = [1, 2, 3, 4, 5];
var disabledMinutes = [10, 20, 30, 40, 50];
var disabledSeconds = [10, 20, 30, 40, 50];

var disabledItems = function disabledItems(list) {
  return function (index) {
    return list.indexOf(index) >= 0;
  };
};

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, "Disable TimePicker2"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  disabled: true
}), /*#__PURE__*/_react["default"].createElement("p", null, "Disable Hours/Minutes/Seconds"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  disabledHours: disabledItems(disabledHours),
  disabledMinutes: disabledItems(disabledMinutes),
  disabledSeconds: disabledItems(disabledSeconds)
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    backgroundColor: '#f3f3f3',
    padding: '10px'
  }
}, /*#__PURE__*/_react["default"].createElement("p", null, "Disable TimePicker2"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  theme: "grey",
  disabled: true
}), /*#__PURE__*/_react["default"].createElement("p", null, "Disable Hours/Minutes/Seconds"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  theme: "grey",
  disabledHours: disabledItems(disabledHours),
  disabledMinutes: disabledItems(disabledMinutes),
  disabledSeconds: disabledItems(disabledSeconds)
}))), document.getElementById('time-picker2-demo-5'));