ywana-core8 0.0.485 → 0.0.488

package/dist/index.cjs

@@ -1190,6 +1190,42 @@ var DropDown = function DropDown(props) {
     action: toggle
   }) : null, renderOptions());
 };
+var DateRange = function DateRange(props) {
+  var id = props.id,
+      label = props.label,
+      onChange = props.onChange;
+
+  var _useState3 = React.useState({}),
+      form = _useState3[0],
+      setForm = _useState3[1];
+
+  React.useEffect(function () {
+    if (onChange) onChange(id, form);
+  }, [form]);
+
+  function change(id, value) {
+    var _Object$assign;
+
+    var next = Object.assign({}, form, (_Object$assign = {}, _Object$assign[id] = value, _Object$assign));
+    setForm(next);
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "date-range"
+  }, label ? /*#__PURE__*/React__default["default"].createElement("label", null, label) : null, /*#__PURE__*/React__default["default"].createElement(TextField, {
+    id: "from",
+    type: "date",
+    label: "From",
+    value: form.from,
+    onChange: change
+  }), /*#__PURE__*/React__default["default"].createElement(TextField, {
+    id: "to",
+    type: "date",
+    label: "To",
+    value: form.to,
+    onChange: change
+  }));
+};
 
 /**
  * TYPES
@@ -1209,7 +1245,7 @@ var TYPES = {
 var FORMATS = {
   NONE: '',
   DATE: 'date',
-  DATERANGE: 'DATARANGE',
+  DATERANGE: 'DATERANGE',
   TIME: 'time',
   EMAIL: 'email',
   HTML: 'HTML',
@@ -4196,6 +4232,15 @@ var StringEditor = function StringEditor(_ref6) {
           readOnly: !editable
         });
 
+      case FORMATS.DATERANGE:
+        return /*#__PURE__*/React__default["default"].createElement(DateRange, {
+          id: id,
+          label: label,
+          value: value,
+          onChange: change,
+          readOnly: !editable
+        });
+
       case FORMATS.TOKENS:
         return /*#__PURE__*/React__default["default"].createElement(TokenField, {
           id: id,