feat: create the year-range-slider component

[Sveb]

No description provided.

[netlify]

❌ Deploy Preview for ucla-components-storybook failed. Why did it fail? →

Name	Link
🔨 Latest commit	098e567
🔍 Latest deploy log	https://app.netlify.com/projects/ucla-components-storybook/deploys/69092aa227f9980008ec9a12

[Copilot]

Pull Request Overview

This PR creates a new YearRangeFilter component for the Vue component library, providing a dual-range slider with numeric inputs for selecting year ranges or other numeric ranges.

• Implements a complete dual-range slider component with number inputs and visual range slider
• Adds comprehensive styling with hover states, focus states, and disabled states
• Includes Storybook stories for different use cases and Cypress test coverage

Reviewed Changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
_year-range-filter.scss	Adds complete SCSS styling for the year range filter component including inputs, sliders, buttons, and responsive states
YearRangeFilter.stories.js	Provides Storybook stories demonstrating different configurations of the component
YearRangeFilter.spec.js	Adds comprehensive Cypress test coverage for all component variations and accessibility features
YearRangeFilter.vue	Implements the main Vue component with dual-range functionality, event handling, and proper prop validation
index.ts	Exports a different component name than what was actually created

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

Using Number.parseInt() will truncate decimal values, but the component accepts a step prop that could be decimal (e.g., 0.5 in the SmallRange story). This should use Number.parseFloat() instead to properly handle decimal step values.

[Copilot]

Using Number.parseInt() will truncate decimal values, but the component accepts a step prop that could be decimal (e.g., 0.5 in the SmallRange story). These should use Number.parseFloat() instead to properly handle decimal step values.

[Copilot]

Using Number.parseInt() will truncate decimal values, but the component accepts a step prop that could be decimal (e.g., 0.5 in the SmallRange story). These should use Number.parseFloat() instead to properly handle decimal step values.