```jsx
const Component = () => {
    const [value, setValue] = React.useState(10);
    return (
        <div style={{ width: 400 }}>
            <div>
                <RangeInput
                    maxLabel="52 weeks (max.)"
                    minLabel="2 weeks (min.)"
                    valueLabel={`${value} weeks`}
                    label="Duration"
                    min={2}
                    max={26}
                    value={value}
                    step={1}
                    onChange={setValue}
                />
            </div>
        </div>
    );
};

<Component />;
```
