forked from Bahmni/form-controls
-
Notifications
You must be signed in to change notification settings - Fork 0
/
DateCalculator.jsx
42 lines (34 loc) · 907 Bytes
/
DateCalculator.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
import React, { PureComponent } from 'react';
import ComponentStore from 'src/helpers/componentStore';
export class DateCalculatorDesigner extends PureComponent {
getJsonDefinition() {
return this.props.metadata;
}
render() {
return (
<div>
<input type="number"
ref="numberOfDays" name="numberOfDays"
placeholder="Enter Number Of Days..."/>
<input type="date" ref="olddate" name="olddate"/>
<input type="date" ref="newDate" name="newDate" disabled = "true"/>
</div>
);
}
}
const descriptor = {
control: DateCalculatorDesigner,
designProperties: {
isTopLevelComponent: false,
},
metadata: {
attributes: [
{
name: 'properties',
dataType: 'complex',
attributes: [],
},
]
},
};
ComponentStore.registerDesignerComponent('dateCalculator', descriptor);