range component