ywana-core8 0.0.485 → 0.0.486

package/package.json

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

package/src/domain/ContentEditor.js

@@ -272,6 +272,7 @@ export const StringEditor = ({ field, value = '', onChange, content, outlined })
       case FORMATS.COLOR: return <ColorField id={id} onChange={change} value={value} />
       case FORMATS.HTML: return <Editor id={id} value={value} onChange={change} content={content} />
       case FORMATS.DATE: return <TextField outlined={outlined} id={id} type="date" label={label} value={value} onChange={change} readOnly={!editable} />
+      case FORMATS.DATERANGE: return <DateRange id={id} label={label} value={value} onChange={change} readOnly={!editable}/>
       case FORMATS.TOKENS:
         return <TokenField id={id} label={label} onChange={change} options={buildOptions()} tokens={value} />
       default:

package/src/html/textfield.js

@@ -187,7 +187,7 @@ export const DropDown = (props) => {
 
 export const DateRange = (props) => {
 
-    const { id, onChange } = props
+    const { id, label, value, onChange, readOnly } = props
     const [form, setForm] = useState({})
 
     useEffect(() => {
@@ -199,7 +199,9 @@ export const DateRange = (props) => {
         setForm(next)
     }
 
-    return (
+    return readOnly ? (
+        <TextField id={id} type="date" label={label} value={value} readOnly={true} /> 
+    ) : (
         <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} />