range component demo added