Need to design color picker with dropdown options in custom UI. Need some guidance on implementation process
Support Forum
We don't have one as part of our SDK but you can check https://www.bryntum.com/examples/scheduler/eventeditor/ which has a crude version to give some inspiration (not a very hard field to build).
eventColorField : {
type : 'combo',
label : 'Color',
name : 'eventColor',
editable : false,
weight : 130,
listItemTpl : item => StringHelper.xss`<div class="color-box b-sch-${item.value}"></div><div>${item.text}</div>`,
items : Scheduler.eventColors.map(color => [color, StringHelper.capitalize(color)])
},
I have also opened https://github.com/bryntum/support/issues/2939 to look into adding our own supported picker in the core.