fix: datepicker year min max

.changeset/tiny-dragons-bow.md

@@ -13,3 +13,6 @@
 - Add support for `placeholder` context property to customize the input placeholder text.
 
 - Fix issue where entering very large invalid dates in the input field would cause the datepicker to crash.
+
+- Fix issue in year view, where user is unable to select year when `min` and `max` dates are less than 1 year and
+  overlap 2 unique years

packages/machines/date-picker/src/date-picker.connect.ts

@@ -24,7 +24,7 @@ import {
 import { ariaAttr, dataAttr, getEventKey, getNativeEvent, isComposingEvent } from "@zag-js/dom-query"
 import { getPlacementStyles } from "@zag-js/popper"
 import type { EventKeyMap, NormalizeProps, PropTypes } from "@zag-js/types"
-import { chunk } from "@zag-js/utils"
+import { chunk, isValueWithinRange } from "@zag-js/utils"
 import { parts } from "./date-picker.anatomy"
 import { dom } from "./date-picker.dom"
 import type {
@@ -117,10 +117,9 @@ export function connect<T extends PropTypes>(state: State, send: Send, normalize
 
   function getYearTableCellState(props: TableCellProps): TableCellState {
     const { value, disabled } = props
-    const normalized = focusedValue.set({ year: value })
     const cellState = {
       focused: focusedValue.year === props.value,
-      selectable: !isDateInvalid(normalized, min, max),
+      selectable: isValueWithinRange(value, min?.year ?? 0, max?.year ?? 9999),
       selected: !!selectedValue.find((date) => date.year === value),
       valueText: value.toString(),
       get disabled() {