ywana-core8 0.0.485 → 0.0.488

package/dist/index.umd.js

@@ -1185,6 +1185,42 @@
       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
@@ -1204,7 +1240,7 @@
   var FORMATS = {
     NONE: '',
     DATE: 'date',
-    DATERANGE: 'DATARANGE',
+    DATERANGE: 'DATERANGE',
     TIME: 'time',
     EMAIL: 'email',
     HTML: 'HTML',
@@ -4191,6 +4227,15 @@
             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,