add range component