Text inputs dosn't interact well as a React controlled component. Eg. cursor jumps if user types quickly. I think there a timing issue with lazy event handlers setting the value, So this prototype uses the React uncontrolled component (using defaultValue instead of value).

For input, React uses controlled input if input.value is not null.

This widget attempts to set the cursor position at the correct place by using a diffing algorithm on the old and new value.

Warning: This widget listens to onChange and will update the model value with the DOM input value. potentially overridding any user changes. So when changing the model value, be sure that the onChange handler will not be called.

This is a 'React controlled' checkbox. For checkboxes, React uses controlled checkbox if input.checked is not null https://stackoverflow.com/questions/37427508/react-changing-an-uncontrolled-input

Variation of checkboxInput supporting indeterminate state.