react-awesome-query-builder
Version:
User-friendly query builder for React. Please migrate to new @react-awesome-query-builder/* See https://github.com/ukrbublik/react-awesome-query-builder#migration-to-600
47 lines (46 loc) • 1.92 kB
JavaScript
"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 _react = _interopRequireDefault(require("react"));
var _DateTimePicker = require("@mui/x-date-pickers/DateTimePicker");
var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
var _default = function _default(props) {
var value = props.value,
setValue = props.setValue,
use12Hours = props.use12Hours,
readonly = props.readonly,
placeholder = props.placeholder,
dateFormat = props.dateFormat,
timeFormat = props.timeFormat,
valueFormat = props.valueFormat,
customProps = props.customProps;
var formatSingleValue = function formatSingleValue(value) {
return value && value.isValid() ? value.format(valueFormat) : undefined;
};
var handleChange = function handleChange(value) {
setValue(formatSingleValue(value));
};
var dateTimeFormat = dateFormat + " " + timeFormat;
var renderInput = function renderInput(params) {
return /*#__PURE__*/_react["default"].createElement(_TextField["default"], (0, _extends2["default"])({
size: "small",
variant: "standard"
}, params));
};
return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], null, /*#__PURE__*/_react["default"].createElement(_DateTimePicker.DateTimePicker, (0, _extends2["default"])({
readOnly: readonly,
disabled: readonly,
ampm: !!use12Hours,
toolbarPlaceholder: !readonly ? placeholder : "",
inputFormat: dateTimeFormat,
value: value || null,
onChange: handleChange,
renderInput: renderInput
}, customProps)));
};
exports["default"] = _default;