[Bug]: Calendar year dropdown does not show forward years

[benjamin-brady]

Reproduction

1. Go to https://www.shadcn-vue.com/docs/components/calendar "Month and Year Selector"
2. Select a date in the past like 2000-01-01
3. Open year dropdown, none of the options will be after year 2000.

(repo owners please make the new issue reproduction field multiline).

Describe the bug

The calendar component year dropdown does not allow the user to select a year greater than the currently selected year.

System Info

The docs site, on chrome.

Contributes

• I am willing to submit a PR to fix this issue
• I am willing to submit a PR with failing tests

[sadeghbarati]

@benjamin-brady Hi 👋

Calendar has a prop named yearRange, you can add your own DateValue[] (range of the year)
Or simply use minValue or maxValue props in order to create year range

How?

• With reka-ui date utils https://reka-ui.com/docs/guides/dates
• With the base @internationalized/date lib

Here an example

import { CalendarDate, getLocalTimeZone, today as _today, startOfYear } from '@internationalized/date'
import { createYearRange, createDecade } from 'reka-ui/date'

const today = _today(getLocalTimeZone())

const yearRangeOne = createYearRange({ start: new CalendarDate(1995, 8, 18), end: new CalendarDate(2005, 8, 18) })
const yearRangeTwo = createYearRange({ start: today.cycle("year", -100), end: today.cycle("year", 100) })
const yearRangeThree = createDecade({ dateObj: new CalendarDate(1995, 8, 18), startIndex: -10, endIndex: 10 }) // returns a decade centered around the dateObj


// or write your own date utils based on `@internationalized/date` lib
// from heroui
export function getYearRange(start?: DateValue | null, end?: DateValue | null): DateValue[] {
  const years: DateValue[] = [];

  if (!start || !end) {
    return years;
  }

  let current = startOfYear(start);

  while (current.compare(end) <= 0) {
    years.push(current);
    // Move to the first day of the next year
    current = startOfYear(current.add({years: 1}));
  }

  return years;
}


const yearRangeFour = getYearRange(props.minValue, props.maxValue)