ywana-core8 0.0.483 → 0.0.484

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.483",
+  "version": "0.0.484",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/domain/ContentType.js

@@ -16,6 +16,7 @@ export const TYPES = {
 export const FORMATS = {
     NONE: '',
     DATE: 'date',
+    DATERANGE: 'DATARANGE',
     TIME: 'time',
     EMAIL: 'email',
     HTML: 'HTML',

package/src/html/textfield.js

@@ -183,3 +183,26 @@ export const DropDown = (props) => {
         </div>
     )
 }
+
+
+export const DateRange = (props) => {
+
+    const { id, onChange } = props
+    const [form, setForm] = useState({})
+
+    useEffect(() => {
+        if (onChange) onChange(id, form)
+    }, [form])
+
+    function change(id, value) {
+        const next = Object.assign({}, form, { [id]: value })
+        setForm(next)
+    }
+
+    return (
+        <div className="date-range">
+            <TextField id="from" type="date" label="From" value={form.from} onChange={change} />
+            <TextField id="to" type="date" label="To" value={form.to} onChange={change} />
+        </div>
+    )
+}

package/src/html/textfield.test.js

@@ -1,6 +1,7 @@
 import React, { useState } from 'react'
 import { DropDown, TextField, TextArea, TokenField } from '.'
 import { Wrapper } from '../../__reactpreview__/Wrapper'
+import { DateRange } from './textfield'
 
 const TextFieldTest = (prop) => {
 
@@ -35,6 +36,7 @@ const TextFieldTest = (prop) => {
             <DropDown id="gender2" label="Dropdown 2" value={form.gender2} onChange={change} options={options} predictive={true}/>
             <TextArea id="text1" label="Text 1" value={form.text1} onChange={change} />
             <TextField id="date1" type="DATE" label="Date" value={form.date1} onChange={change} />
+            <DateRange id="range1" value={form.range1} onChange={change}/>
         </>
     )
 }