@react-awesome-query-builder-dev/ui/esm/components/widgets/vanilla/value/VanillaDateTime.js

User-friendly query builder for React. Core React UI

import _extends from "@babel/runtime/helpers/extends";
import React from "react";
import { Utils } from "@react-awesome-query-builder-dev/core";
var dayjs = Utils.dayjs;
export default (function (props) {
  var value = props.value,
    setValue = props.setValue,
    config = props.config,
    valueFormat = props.valueFormat,
    use12Hours = props.use12Hours,
    readonly = props.readonly,
    customProps = props.customProps;
  var onChange = function onChange(e) {
    var value = e.target.value;
    if (value == "") value = undefined;else value = dayjs(new Date(value)).format(valueFormat);
    setValue(value);
  };
  var dtValue = value;
  if (!value) dtValue = "";else dtValue = dayjs(value).format("YYYY-MM-DDTHH:mm");
  return /*#__PURE__*/React.createElement("input", _extends({
    type: "datetime-local",
    value: dtValue,
    disabled: readonly,
    onChange: onChange
  }, customProps));
});