"use strict";

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

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

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

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

var RangePicker = _["default"].RangePicker;

var onChange = function onChange(val) {
  return console.log(val);
};

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
  dateInputAriaLabel: "date input",
  inputProps: {
    'aria-label': 'date picker main'
  },
  onChange: onChange
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(RangePicker, {
  startDateInputAriaLabel: "start date",
  startTimeInputAriaLabel: "start time",
  endDateInputAriaLabel: "end date",
  endTimeInputAriaLabel: "end time",
  onChange: onChange,
  inputProps: {
    'aria-label': 'range picker main'
  }
})), document.getElementById('date-picker-demo-12'));