@pega/custom-dx-components
Version:
Utility for building custom UI components
260 lines (259 loc) • 5.93 kB
JSON
{
"name": "Pega_DXIL_MyDateTime",
"label": "My DateTime",
"description": "My DateTime",
"organization": "Pega",
"version": "0.0.1-dev",
"library": "DXIL",
"allowedApplications": [],
"componentKey": "Pega_DXIL_MyDateTime",
"type": "Field",
"subtype": "DateTime",
"icon": "images/pz-text-input-active.svg",
"properties": [
{
"name": "label",
"label": "Field label",
"format": "TEXT",
"required": true
},
{
"name": "readOnly",
"label": "Edit mode",
"format": "READONLY"
},
{
"format": "SELECT",
"name": "clockFormat",
"label": "Clock",
"defaultValue": "0",
"source": [
{
"key": "0",
"value": "use locale"
},
{
"key": "12",
"value": "12 hours"
},
{
"key": "24",
"value": "24 hours"
}
]
},
{
"name": "withSeconds",
"label": "Display seconds",
"format": "BOOLEAN"
},
{
"label": "Column settings",
"format": "GROUP",
"visibility": "@VIEWTYPE == 'MultiRecordDisplayAsTable'",
"properties": [
{
"name": "columnWidth",
"label": "Column width",
"format": "SELECT",
"source": [
{
"key": "auto",
"value": "Auto"
},
{
"key": "custom",
"value": "Custom"
}
]
},
{
"name": "width",
"label": "Width (px)",
"format": "NUMBER",
"visibility": "$this.columnWidth == 'custom'"
}
]
},
{
"label": "Input settings",
"format": "GROUP",
"visibility": "(!readOnly = true)",
"properties": [
{
"format": "LABEL",
"label": "Year range",
"variant": "secondary"
},
{
"format": "INLINE",
"elements": [
{
"key": "next",
"format": "LABEL",
"label": "Next",
"variant": "secondary"
},
{
"key": "nextYears",
"format": "NUMBER",
"label": "",
"name": "nextYearRange",
"min": 0
},
{
"key": "year",
"format": "LABEL",
"label": "years",
"variant": "secondary"
}
]
},
{
"format": "INLINE",
"elements": [
{
"key": "previous",
"format": "LABEL",
"label": "Previous",
"variant": "secondary"
},
{
"key": "previousYears",
"format": "NUMBER",
"label": "",
"name": "previousYearRange",
"min": 0
},
{
"key": "year",
"format": "LABEL",
"label": "years",
"variant": "secondary"
}
]
},
{
"name": "showWeekNumber",
"label": "Display week numbers on calendar",
"format": "BOOLEAN"
},
{
"format": "SELECT",
"name": "pickerInterval",
"label": "Time picker",
"defaultValue": "30",
"source": [
{
"key": "5",
"value": "5 min"
},
{
"key": "10",
"value": "10 min"
},
{
"key": "15",
"value": "15 min"
},
{
"key": "20",
"value": "20 min"
},
{
"key": "30",
"value": "30 min"
},
{
"key": "60",
"value": "1 hr"
}
]
},
{
"name": "helperText",
"label": "Helper text",
"format": "TEXT"
}
]
},
{
"label": "Read-only settings",
"format": "GROUP",
"properties": [
{
"name": "showAsFormattedText",
"label": "Show as formatted text",
"format": "BOOLEAN"
},
{
"format": "SELECT",
"name": "formatter",
"label": "Format",
"defaultValue": "defaultDateTime",
"source": [
{
"key": "defaultDateTime",
"value": "Default"
},
{
"key": "DateTime-Short",
"value": "Date"
},
{
"key": "DateTime-Since",
"value": "Since"
},
{
"key": "Time-Only",
"value": "Time only"
}
]
}
]
},
{
"label": "Conditions",
"format": "GROUP",
"properties": [
{
"name": "required",
"label": "Required",
"format": "REQUIRED",
"visibility": "(!readOnly = true)"
},
{
"name": "disabled",
"label": "Disabled",
"format": "DISABLED",
"visibility": "(!readOnly = true)"
},
{
"name": "visibility",
"label": "Visibility",
"format": "VISIBILITY"
}
]
},
{
"label": "Advanced",
"format": "GROUP",
"collapsible": true,
"properties": [
{
"name": "testId",
"label": "Test ID",
"format": "TEXT",
"ignorePattern": "[^-_\\p{N}\\p{L}]",
"includeAnnotations": false
}
]
}
],
"defaultConfig": {
"label": "@L $this.label",
"detailFVLItem": true,
"isFormWidth" : false,
"isContainerWidth" : false
}
}