@shoplflow/base 0.31.16 → 0.31.17

package/dist/index.cjs

@@ -5357,6 +5357,7 @@ var EachYearArea = styled6__default.default.div`
   justify-content: center;
   align-items: center;
   position: relative;
+  user-select: none;
 
   ${(props) => getEachYearAreaStyle(props)}
 `;
@@ -5372,13 +5373,16 @@ var EachYearDate = styled6__default.default.div`
   position: absolute;
   z-index: 10;
 
+  user-select: none;
+
   ${(props) => getEachDateStyle2(props)}
 `;
 var AnnualDatepicker = ({
   startYear = 2e3,
   endYear = 2100,
   currentYear,
-  handleYearClick
+  handleYearClick,
+  disabledYears
 }) => {
   const [selectedYear, setSelectedYear] = React3.useState(currentYear || (/* @__PURE__ */ new Date()).getFullYear());
   const Years = Array.from({ length: endYear - startYear + 1 }).map((_, index) => startYear + index);
@@ -5387,14 +5391,20 @@ var AnnualDatepicker = ({
     handleYearClick(year);
   };
   return /* @__PURE__ */ jsxRuntime.jsx(YearContainer, { "data-shoplflow": "AnnualDatepicker", children: /* @__PURE__ */ jsxRuntime.jsx(YearArea, { children: Years.map((year) => {
+    const disabled = disabledYears == null ? void 0 : disabledYears.includes(year);
     return /* @__PURE__ */ jsxRuntime.jsx(
       EachYearArea,
       {
+        disabled,
         isSelected: selectedYear === year,
+        "aria-disabled": disabled,
         onClick: () => {
+          if (disabled) {
+            return;
+          }
           clickYear(year);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(EachYearDate, { isSelected: selectedYear === year, children: year })
+        children: /* @__PURE__ */ jsxRuntime.jsx(EachYearDate, { "aria-disabled": disabled, disabled, isSelected: selectedYear === year, children: year })
       },
       year
     );