Custom form component

[molten lichen]

Hi, I want to create a custom component to select weekdays. It's basically a group of checkboxes.

What's the best way to implement this in Mantine, so that it gets well tied to the useForm logic (on change it updates the form.values object, validation, etc)?

Attached is the example of what I need. It should return an array of the selected strings like: ["sun","mon","wed"]

Thanks

Custom form component

[burnt pike]

To make custom component work with form.getInputProps it must support onChange and value props

[molten lichen]

I’m thinking on use a Checkbox.Group instead, but I’m not sure how to change the icon to a letter yet

[valid ice]

Maybe this example will help serve as a good starting point
https://ui.mantine.dev/component/image-checkboxes

[molten lichen]

thank you! I just got it working

I create a sandbox with my solution if that helps anyone: https://codesandbox.io/s/matine-weekday-selector-g7flt2