Function ListFormatControl

packages/dev/s2-docs/src/VisualExampleClient.tsx:1049–1062

({control, value, onChange}: ControlProps)

}

function ListFormatControl({control, value, onChange}: ControlProps) {
  return (
    <Picker
      label={control.name}
      contextualHelp={<PropContextualHelp control={control} />}
      value={value?.type ?? 'conjunction'}
      onChange={type => onChange({...value, type})}
      styles={style({width: controlWidth})}>
      <PickerItem id="conjunction">Conjunction</PickerItem>
      <PickerItem id="disjunction">Disjunction</PickerItem>
      <PickerItem id="unit">Unit</PickerItem>
    </Picker>
  );
}

function DateTimeFormatControl({control, value, onChange}: ControlProps) {
  let clear = (v: any) => (v === 'short' ? undefined : v);