"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

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

var _dateFns = _interopRequireDefault(require("@date-io/date-fns"));

var _pickers = require("@material-ui/pickers");

function DateTimeField(_ref) {
  var forwardedRef = _ref.forwardedRef,
      props = (0, _objectWithoutProperties2["default"])(_ref, ["forwardedRef"]);
  return /*#__PURE__*/_react["default"].createElement(_pickers.MuiPickersUtilsProvider, {
    utils: _dateFns["default"],
    locale: props.locale
  }, /*#__PURE__*/_react["default"].createElement(_pickers.DateTimePicker, (0, _extends2["default"])({}, props, {
    ref: forwardedRef,
    format: "dd.MM.yyyy HH:mm:ss",
    value: props.value || null,
    onChange: props.onChange,
    clearable: true,
    InputProps: {
      style: {
        fontSize: 13
      }
    },
    inputProps: {
      'aria-label': "".concat(props.columnDef.title, ": press space to edit")
    }
  })));
}

var _default = /*#__PURE__*/_react["default"].forwardRef(function DateTimeFieldRef(props, ref) {
  return /*#__PURE__*/_react["default"].createElement(DateTimeField, (0, _extends2["default"])({}, props, {
    forwardedRef: ref
  }));
});

exports["default"] = _default;