🔹 Description
To follow
🔹System Dependencies
🔹 Installation
The package can be installed via npm:
| Code Block | ||
|---|---|---|
| ||
npm install empower-inputs --save |
🔹 Standard Datetime
Configuration
| Code Block | ||
|---|---|---|
| ||
import { InputSelectionHandler} from 'empower-inputs';
let [formElement, setFormElement] = useState({
sampleDatetime: {
id: 'datetime',
type: 'datetime',
maxHours: '23',
maxMins: '59',
value: '',
placeholder: '-',
label: "Sample Datetime",
readOnly: false,
required: true,
disabled: false,
}
});
..............
return (
<>
<InputSelectionHandler
config={formElement.sampleDatetime}
onChanged={(e) => inputChangedHandler(e, 'sampleDatetime')}
/>
</>
) |
🔹 Properties
Parent Parameter | Sub Parameter | Data Type | Constraint |
|---|---|---|---|
config | JSON Object | Required | |
id | String | Required | |
type | String | Required | |
label | String | Optional | |
value | Array Object | Required | |
placeholder | String | Optional | |
readOnly | Boolean | Optional | |
disabled | Boolean | Optional | |
required | Boolean | Optional | |
maxHours | String | Required | |
maxMins | String | Required | |
disabledDates | Arrat<string> | Optional | |
disabledDays | Arrat<string> | Optional | |
customClass | String | Optional | |
onChanged | Event Method | Required |
🔹 References
Repository Link: https://bitbucket.org/empowerteams/empower-inputs
NPM Package: npm: empower-inputs
Demo Repo: git@bitbucket.org:empowerteams/mfe-sub-application-template.git