@tedi-design-system/react 19.0.0-rc.7 → 19.0.0-rc.9

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "19.0.0-rc.7",
+  "version": "19.0.0-rc.9",
+  "description": "TEDI Design System React component library — accessible, reusable UI components. Docs & live examples: https://storybook.tedi.ee/react/rc/",
   "type": "module",
   "sideEffects": false,
   "exports": {
@@ -28,7 +29,8 @@
     "test-storybook": "test-storybook",
     "test-storybook:ci": "concurrently -k -s first -n \"SB,A11Y\" -c \"magenta,blue\" \"http-server dist/storybook-static --port 6006 --silent\" \"wait-on tcp:127.0.0.1:6006 && test-storybook --index-json --url http://127.0.0.1:6006 --junit\"",
     "release": "npx semantic-release",
-    "chromatic": "npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN"
+    "chromatic": "npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN",
+    "design:build": "node design-docs/build.js"
   },
   "repository": {
     "type": "git",
@@ -45,7 +47,7 @@
     "@mui/material": "^5.15.13",
     "@mui/x-date-pickers": "^5.0.20",
     "@tanstack/react-table": "^8.13.2",
-    "@tedi-design-system/core": "6.5.0",
+    "@tedi-design-system/core": "^6.6.0",
     "classnames": "^2.5.1",
     "draft-js": "^0.11.7",
     "draftjs-md-converter": "^1.5.2",

package/src/tedi/components/content/calendar/calendar.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),S=require("../../../../../external/classnames/index.cjs.js"),a=require("./calendar.module.scss.cjs.js"),I=require("./components/calendar-header/calendar-header.cjs.js"),L=require("./components/calendar-month-grid/calendar-month-grid.cjs.js"),T=require("./components/calendar-year-grid/calendar-year-grid.cjs.js"),V=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),z=require("../../../../../external/react-day-picker/dist/esm/locale/et.cjs.js"),R=require("../../../../../external/react-day-picker/dist/esm/DayPicker.cjs.js"),k=require("../../../../../external/react-day-picker/dist/esm/components/DayButton.cjs.js"),U=require("../../tags/status-indicator/status-indicator.cjs.js"),x=_=>{const{getCurrentBreakpointProps:C}=V.useBreakpointProps(_.defaultServerBreakpoint),{view:c="days",selectionLevel:y="days",currentMonth:u,setCurrentMonth:s,setView:i=()=>"days",mode:q="single",value:d,locale:M=z.et,localeCode:m="et-EE",showOutsideDays:A=!0,disabledMatchers:G,required:Y,availableDays:n,unavailableDays:l,footer:B,monthYearSelectType:P,dayStatus:h,handleSelect:O,applyValue:b,showNavigation:f=!0,className:v,bordered:W=!0,fullWidth:g=!1,...E}=C(_),p=W?void 0:a.default["tedi-calendar--borderless"],D=g?a.default["tedi-calendar--full-width"]:void 0,w=S.default(p,D,v),j=e=>n?Array.isArray(n)?n.some(r=>r.toDateString()===e.toDateString()):n(e):!0,N=e=>l?Array.isArray(l)?l.some(r=>r.toDateString()===e.toDateString()):l(e):!1,o=[...G??[],...n?[e=>!j(e)]:[],...l?[e=>N(e)]:[]],F=(()=>{switch(q){case"multiple":return{mode:"multiple",selected:Array.isArray(d)?d:void 0};case"range":return{mode:"range",selected:d&&!Array.isArray(d)&&!(d instanceof Date)?d:void 0};default:return{mode:"single",selected:d instanceof Date?d:void 0}}})();return t.jsxs("div",{className:a.default["tedi-calendar__wrapper"],children:[c==="years"&&t.jsx(T.YearGrid,{currentMonth:u,onNavigate:s,showNavigation:f,onSelectYear:e=>{s(e),y==="years"?b(new Date(e.getFullYear(),0,1)):i("months")},className:w}),c==="months"&&t.jsx(L.MonthGrid,{currentMonth:u,onNavigate:s,showNavigation:f,localeCode:m,onSelectMonth:e=>{s(e),y==="months"?b(e):i("days")},className:w}),c==="days"&&t.jsx(R.DayPicker,{...E,...F,locale:M,month:u,onMonthChange:s,showOutsideDays:A,disabled:o.length?o:void 0,required:Y,components:{MonthCaption:e=>t.jsx(I.CalendarHeader,{...e,monthYearSelectType:P,onOpenMonthGrid:()=>i("months"),onOpenYearGrid:()=>i("years"),showNavigation:f,localeCode:m,disabledMatchers:o.length?o:void 0}),Nav:()=>t.jsx(t.Fragment,{}),...h?{DayButton:e=>{const r=h(e.day.date);if(!r)return t.jsx(k.DayButton,{...e});const H=[e["aria-label"],r.label].filter(Boolean).join(", ");return t.jsxs(k.DayButton,{...e,"aria-label":H,children:[e.children,t.jsx(U.StatusIndicator,{type:r.type,size:"sm",className:a.default["tedi-calendar__day-status"]})]})}}:{},...g?{Weekday:({children:e,...r})=>t.jsx("th",{...r,children:t.jsx("span",{className:a.default["tedi-calendar__weekday-inner"],children:e})})}:{}},footer:B,classNames:{root:S.default(a.default["tedi-calendar"],p,D,v),month_caption:a.default["tedi-calendar__caption"],head:a.default["tedi-calendar__head"],row:a.default["tedi-calendar__row"],day:a.default["tedi-calendar__day"],selected:a.default["tedi-calendar__day--selected"],weekday:a.default["tedi-calendar__weekday"],outside:a.default["tedi-calendar__outside-days"],range_start:a.default["tedi-calendar__range-start"],range_middle:a.default["tedi-calendar__range-middle"],range_end:a.default["tedi-calendar__range-end"],today:a.default["tedi-calendar__today"],disabled:a.default["tedi-calendar__disabled"],month:a.default["tedi-calendar__month"],months:a.default["tedi-calendar__months-container"],footer:a.default["tedi-calendar__footer"],week_number:a.default["tedi-calendar__week-number"]},modifiers:{available:e=>n?j(e):!1,unavailable:e=>l?N(e):!1},modifiersClassNames:{available:a.default["tedi-calendar__available-day"],unavailable:a.default["tedi-calendar__unavailable-day"]},onSelect:O})]})};x.displayName="Calendar";exports.Calendar=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),N=require("../../../../../external/classnames/index.cjs.js"),a=require("./calendar.module.scss.cjs.js"),T=require("./components/calendar-header/calendar-header.cjs.js"),V=require("./components/calendar-month-grid/calendar-month-grid.cjs.js"),z=require("./components/calendar-year-grid/calendar-year-grid.cjs.js"),R=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),U=require("../../../../../external/react-day-picker/dist/esm/locale/et.cjs.js"),J=require("../../../../../external/react-day-picker/dist/esm/DayPicker.cjs.js"),S=require("../../../../../external/react-day-picker/dist/esm/components/DayButton.cjs.js"),K=require("../../tags/status-indicator/status-indicator.cjs.js"),k=_=>{const{getCurrentBreakpointProps:C}=R.useBreakpointProps(_.defaultServerBreakpoint),{view:c="days",selectionLevel:m="days",currentMonth:u,setCurrentMonth:s,setView:i=()=>"days",mode:q="single",value:d,locale:M=U.et,localeCode:y="et-EE",showOutsideDays:A=!0,disabledMatchers:Y,required:G,availableDays:n,unavailableDays:l,footer:B,monthYearSelectType:P,minYear:O,maxYear:W,dayStatus:h,handleSelect:E,applyValue:b,showNavigation:f=!0,className:v,bordered:F=!0,fullWidth:g=!1,...H}=C(_),p=F?void 0:a.default["tedi-calendar--borderless"],D=g?a.default["tedi-calendar--full-width"]:void 0,w=N.default(p,D,v),j=e=>n?Array.isArray(n)?n.some(r=>r.toDateString()===e.toDateString()):n(e):!0,x=e=>l?Array.isArray(l)?l.some(r=>r.toDateString()===e.toDateString()):l(e):!1,o=[...Y??[],...n?[e=>!j(e)]:[],...l?[e=>x(e)]:[]],I=(()=>{switch(q){case"multiple":return{mode:"multiple",selected:Array.isArray(d)?d:void 0};case"range":return{mode:"range",selected:d&&!Array.isArray(d)&&!(d instanceof Date)?d:void 0};default:return{mode:"single",selected:d instanceof Date?d:void 0}}})();return t.jsxs("div",{className:a.default["tedi-calendar__wrapper"],children:[c==="years"&&t.jsx(z.YearGrid,{currentMonth:u,onNavigate:s,showNavigation:f,onSelectYear:e=>{s(e),m==="years"?b(new Date(e.getFullYear(),0,1)):i("months")},className:w}),c==="months"&&t.jsx(V.MonthGrid,{currentMonth:u,onNavigate:s,showNavigation:f,localeCode:y,onSelectMonth:e=>{s(e),m==="months"?b(e):i("days")},className:w}),c==="days"&&t.jsx(J.DayPicker,{...H,...I,locale:M,month:u,onMonthChange:s,showOutsideDays:A,disabled:o.length?o:void 0,required:G,components:{MonthCaption:e=>t.jsx(T.CalendarHeader,{...e,monthYearSelectType:P,onOpenMonthGrid:()=>i("months"),onOpenYearGrid:()=>i("years"),showNavigation:f,localeCode:y,disabledMatchers:o.length?o:void 0,minYear:O,maxYear:W}),Nav:()=>t.jsx(t.Fragment,{}),...h?{DayButton:e=>{const r=h(e.day.date);if(!r)return t.jsx(S.DayButton,{...e});const L=[e["aria-label"],r.label].filter(Boolean).join(", ");return t.jsxs(S.DayButton,{...e,"aria-label":L,children:[e.children,t.jsx(K.StatusIndicator,{type:r.type,size:"sm",className:a.default["tedi-calendar__day-status"]})]})}}:{},...g?{Weekday:({children:e,...r})=>t.jsx("th",{...r,children:t.jsx("span",{className:a.default["tedi-calendar__weekday-inner"],children:e})})}:{}},footer:B,classNames:{root:N.default(a.default["tedi-calendar"],p,D,v),month_caption:a.default["tedi-calendar__caption"],head:a.default["tedi-calendar__head"],row:a.default["tedi-calendar__row"],day:a.default["tedi-calendar__day"],selected:a.default["tedi-calendar__day--selected"],weekday:a.default["tedi-calendar__weekday"],outside:a.default["tedi-calendar__outside-days"],range_start:a.default["tedi-calendar__range-start"],range_middle:a.default["tedi-calendar__range-middle"],range_end:a.default["tedi-calendar__range-end"],today:a.default["tedi-calendar__today"],disabled:a.default["tedi-calendar__disabled"],month:a.default["tedi-calendar__month"],months:a.default["tedi-calendar__months-container"],footer:a.default["tedi-calendar__footer"],week_number:a.default["tedi-calendar__week-number"]},modifiers:{available:e=>n?j(e):!1,unavailable:e=>l?x(e):!1},modifiersClassNames:{available:a.default["tedi-calendar__available-day"],unavailable:a.default["tedi-calendar__unavailable-day"]},onSelect:E})]})};k.displayName="Calendar";exports.Calendar=k;

package/src/tedi/components/content/calendar/calendar.d.ts

@@ -118,6 +118,18 @@ interface CalendarBreakpointProps extends Omit<DayPickerProps, 'mode' | 'selecte
      * no status.
      */
     dayStatus?: DayStatusFn;
+    /**
+     * Earliest year offered in the calendar header's year dropdown.
+     * Forwarded to the internal `CalendarHeader`.
+     * @default currentYear - 100
+     */
+    minYear?: number;
+    /**
+     * Latest year offered in the calendar header's year dropdown.
+     * Forwarded to the internal `CalendarHeader`.
+     * @default currentYear + 20
+     */
+    maxYear?: number;
     /**
      * Callback fired when a date or date range is selected. Receives the selected value, day, modifiers, and event.
      */

package/src/tedi/components/content/calendar/calendar.es.js

@@ -1,16 +1,16 @@
-import { jsxs as S, jsx as t, Fragment as q } from "react/jsx-runtime";
+import { jsxs as S, jsx as t, Fragment as H } from "react/jsx-runtime";
 import k from "../../../../../external/classnames/index.es.js";
 import a from "./calendar.module.scss.es.js";
-import { CalendarHeader as z } from "./components/calendar-header/calendar-header.es.js";
-import { MonthGrid as H } from "./components/calendar-month-grid/calendar-month-grid.es.js";
-import { YearGrid as I } from "./components/calendar-year-grid/calendar-year-grid.es.js";
-import { useBreakpointProps as T } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-import { et as U } from "../../../../../external/react-day-picker/dist/esm/locale/et.es.js";
-import { DayPicker as J } from "../../../../../external/react-day-picker/dist/esm/DayPicker.es.js";
+import { CalendarHeader as I } from "./components/calendar-header/calendar-header.es.js";
+import { MonthGrid as T } from "./components/calendar-month-grid/calendar-month-grid.es.js";
+import { YearGrid as U } from "./components/calendar-year-grid/calendar-year-grid.es.js";
+import { useBreakpointProps as J } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { et as K } from "../../../../../external/react-day-picker/dist/esm/locale/et.es.js";
+import { DayPicker as Q } from "../../../../../external/react-day-picker/dist/esm/DayPicker.es.js";
 import { DayButton as A } from "../../../../../external/react-day-picker/dist/esm/components/DayButton.es.js";
-import { StatusIndicator as K } from "../../tags/status-indicator/status-indicator.es.js";
-const Q = (u) => {
-  const { getCurrentBreakpointProps: M } = T(u.defaultServerBreakpoint), {
+import { StatusIndicator as R } from "../../tags/status-indicator/status-indicator.es.js";
+const X = (u) => {
+  const { getCurrentBreakpointProps: M } = J(u.defaultServerBreakpoint), {
     view: c = "days",
     selectionLevel: y = "days",
     currentMonth: m,
@@ -18,28 +18,30 @@ const Q = (u) => {
     setView: s = () => "days",
     mode: Y = "single",
     value: n,
-    locale: G = U,
+    locale: x = K,
     localeCode: h = "et-EE",
-    showOutsideDays: j = !0,
-    disabledMatchers: x,
+    showOutsideDays: G = !0,
+    disabledMatchers: j,
     required: O,
     availableDays: i,
     unavailableDays: d,
     footer: W,
     monthYearSelectType: B,
+    minYear: E,
+    maxYear: F,
     dayStatus: f,
-    handleSelect: E,
+    handleSelect: L,
     applyValue: p,
     showNavigation: _ = !0,
     className: v,
-    bordered: F = !0,
+    bordered: P = !0,
     fullWidth: b = !1,
-    ...L
-  } = M(u), g = F ? void 0 : a["tedi-calendar--borderless"], w = b ? a["tedi-calendar--full-width"] : void 0, N = k(g, w, v), D = (e) => i ? Array.isArray(i) ? i.some((r) => r.toDateString() === e.toDateString()) : i(e) : !0, C = (e) => d ? Array.isArray(d) ? d.some((r) => r.toDateString() === e.toDateString()) : d(e) : !1, o = [
-    ...x ?? [],
+    ...V
+  } = M(u), g = P ? void 0 : a["tedi-calendar--borderless"], w = b ? a["tedi-calendar--full-width"] : void 0, N = k(g, w, v), D = (e) => i ? Array.isArray(i) ? i.some((r) => r.toDateString() === e.toDateString()) : i(e) : !0, C = (e) => d ? Array.isArray(d) ? d.some((r) => r.toDateString() === e.toDateString()) : d(e) : !1, o = [
+    ...j ?? [],
     ...i ? [(e) => !D(e)] : [],
     ...d ? [(e) => C(e)] : []
-  ], P = (() => {
+  ], q = (() => {
     switch (Y) {
       case "multiple":
         return { mode: "multiple", selected: Array.isArray(n) ? n : void 0 };
@@ -54,7 +56,7 @@ const Q = (u) => {
   })();
   return /* @__PURE__ */ S("div", { className: a["tedi-calendar__wrapper"], children: [
     c === "years" && /* @__PURE__ */ t(
-      I,
+      U,
       {
         currentMonth: m,
         onNavigate: l,
@@ -66,7 +68,7 @@ const Q = (u) => {
       }
     ),
     c === "months" && /* @__PURE__ */ t(
-      H,
+      T,
       {
         currentMonth: m,
         onNavigate: l,
@@ -79,19 +81,19 @@ const Q = (u) => {
       }
     ),
     c === "days" && /* @__PURE__ */ t(
-      J,
+      Q,
       {
-        ...L,
-        ...P,
-        locale: G,
+        ...V,
+        ...q,
+        locale: x,
         month: m,
         onMonthChange: l,
-        showOutsideDays: j,
+        showOutsideDays: G,
         disabled: o.length ? o : void 0,
         required: O,
         components: {
           MonthCaption: (e) => /* @__PURE__ */ t(
-            z,
+            I,
             {
               ...e,
               monthYearSelectType: B,
@@ -99,19 +101,21 @@ const Q = (u) => {
               onOpenYearGrid: () => s("years"),
               showNavigation: _,
               localeCode: h,
-              disabledMatchers: o.length ? o : void 0
+              disabledMatchers: o.length ? o : void 0,
+              minYear: E,
+              maxYear: F
             }
           ),
-          Nav: () => /* @__PURE__ */ t(q, {}),
+          Nav: () => /* @__PURE__ */ t(H, {}),
           ...f ? {
             DayButton: (e) => {
               const r = f(e.day.date);
               if (!r)
                 return /* @__PURE__ */ t(A, { ...e });
-              const V = [e["aria-label"], r.label].filter(Boolean).join(", ");
-              return /* @__PURE__ */ S(A, { ...e, "aria-label": V, children: [
+              const z = [e["aria-label"], r.label].filter(Boolean).join(", ");
+              return /* @__PURE__ */ S(A, { ...e, "aria-label": z, children: [
                 e.children,
-                /* @__PURE__ */ t(K, { type: r.type, size: "sm", className: a["tedi-calendar__day-status"] })
+                /* @__PURE__ */ t(R, { type: r.type, size: "sm", className: a["tedi-calendar__day-status"] })
               ] });
             }
           } : {},
@@ -147,12 +151,12 @@ const Q = (u) => {
           available: a["tedi-calendar__available-day"],
           unavailable: a["tedi-calendar__unavailable-day"]
         },
-        onSelect: E
+        onSelect: L
       }
     )
   ] });
 };
-Q.displayName = "Calendar";
+X.displayName = "Calendar";
 export {
-  Q as Calendar
+  X as Calendar
 };

package/src/tedi/components/content/calendar/components/calendar-header/calendar-header.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("../../../../../../../external/classnames/index.cjs.js"),j=require("react"),p=require("../../../../base/icon/icon.cjs.js"),v=require("../../../../base/typography/text/text.cjs.js"),c=require("../../../../buttons/button/button.cjs.js"),r=require("./calendar-header.module.scss.cjs.js"),F=require("../../../../../providers/label-provider/use-labels.cjs.js"),A=require("../../../../../../../external/react-day-picker/dist/esm/types/deprecated.cjs.js"),H=require("../../../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.cjs.js"),l=require("../../../../overlays/dropdown/dropdown.cjs.js");function O({calendarMonth:N,monthYearSelectType:D="dropdown",onOpenMonthGrid:q,onOpenYearGrid:C,showNavigation:u=!0,localeCode:_,disabledMatchers:o}){const x=D==="grid",I=D==="static"||!u,{getLabel:f}=F.useLabels(),{goToMonth:m,nextMonth:S,previousMonth:k}=A.useNavigation(),i=N.date,a=i.getFullYear(),h=i.getMonth(),L=Array.from({length:12},(n,t)=>new Date(a,t,1).toLocaleString(_,{month:"long"})),T=new Date().getFullYear(),s=Array.from({length:21},(n,t)=>T-10+t),w=j.useCallback((n,t)=>{if(!(o!=null&&o.length))return!1;const d=new Date(n);for(;d<=t;){if(!H.dateMatchModifiers(d,o))return!1;d.setDate(d.getDate()+1)}return!0},[o]),B=j.useMemo(()=>{if(!(o!=null&&o.length))return new Set;const n=new Set;for(let t=0;t<12;t++){const d=new Date(a,t,1),g=new Date(a,t+1,0);w(d,g)&&n.add(t)}return n},[o,a,w]),Y=j.useMemo(()=>{if(!(o!=null&&o.length))return new Set;const n=new Set;for(const t of s){const d=new Date(t,0,1),g=new Date(t,11,31);w(d,g)&&n.add(t)}return n},[o,s,w]);return e.jsxs("div",{className:y.default(r.default["tedi-calendar__header"],{[r.default["tedi-calendar__no-navigation"]]:!u}),children:[u&&e.jsx(c.Button,{type:"button",onClick:()=>k&&m(k),"aria-label":f("pickers.previousMonth"),icon:"arrow_back",visualType:"neutral",children:f("pickers.previousMonth")}),I?e.jsxs("div",{className:r.default["tedi-calendar__month-year-label"],children:[e.jsx(v.Text,{children:i.toLocaleString(_,{month:"long"})}),e.jsx(v.Text,{children:a})]}):x?e.jsxs("div",{className:r.default["tedi-calendar__title"],children:[e.jsxs(c.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],onClick:q,"data-testid":"tedi-calendar-month-trigger",children:[i.toLocaleString(_,{month:"long"}),e.jsx(p.Icon,{name:"arrow_drop_down",color:"tertiary",className:r.default["tedi-calendar__month-year-caret"]})]}),e.jsxs(c.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],onClick:C,"data-testid":"tedi-calendar-year-trigger",children:[i.getFullYear(),e.jsx(p.Icon,{name:"arrow_drop_down",color:"tertiary",className:r.default["tedi-calendar__month-year-caret"]})]})]}):e.jsxs("div",{className:r.default["tedi-calendar__title"],children:[e.jsxs(l.Dropdown,{className:y.default(r.default["tedi-calendar__month-year-dropdown"],{[r.default["tedi-calendar__picker-grid-dropdown"]]:x}),width:"auto",defaultActiveIndex:h,children:[e.jsx(l.Dropdown.Trigger,{children:e.jsxs(c.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],children:[i.toLocaleString(_,{month:"long"}),e.jsx(p.Icon,{name:"arrow_drop_down",color:"tertiary",className:r.default["tedi-calendar__month-year-caret"],"data-testid":"tedi-icon-arrow_drop_down"})]})}),e.jsx(l.Dropdown.Content,{children:L.map((n,t)=>e.jsx(l.Dropdown.Item,{index:t,active:h===t,disabled:B.has(t),onClick:()=>m(new Date(a,t)),children:n},n))})]}),e.jsxs(l.Dropdown,{className:y.default(r.default["tedi-calendar__month-year-dropdown"],{[r.default["tedi-calendar__picker-grid-dropdown"]]:x}),width:"auto",defaultActiveIndex:s.indexOf(a)===-1?void 0:s.indexOf(a),children:[e.jsx(l.Dropdown.Trigger,{children:e.jsxs(c.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],children:[i.getFullYear(),e.jsx(p.Icon,{name:"arrow_drop_down",color:"tertiary",className:r.default["tedi-calendar__month-year-caret"],"data-testid":"tedi-icon-arrow_drop_down"})]})}),e.jsx(l.Dropdown.Content,{children:s.map((n,t)=>e.jsx(l.Dropdown.Item,{index:t,active:a===n,disabled:Y.has(n),onClick:()=>m(new Date(n,h)),children:n},n))})]})]}),u&&e.jsx(c.Button,{type:"button",onClick:()=>S&&m(S),visualType:"neutral","aria-label":f("pickers.nextMonth"),icon:"arrow_forward",children:f("pickers.nextMonth")})]})}exports.CalendarHeader=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("../../../../../../../external/classnames/index.cjs.js"),j=require("react"),p=require("../../../../base/icon/icon.cjs.js"),q=require("../../../../base/typography/text/text.cjs.js"),c=require("../../../../buttons/button/button.cjs.js"),r=require("./calendar-header.module.scss.cjs.js"),O=require("../../../../../providers/label-provider/use-labels.cjs.js"),R=require("../../../../../../../external/react-day-picker/dist/esm/types/deprecated.cjs.js"),G=require("../../../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.cjs.js"),l=require("../../../../overlays/dropdown/dropdown.cjs.js");function P({calendarMonth:C,monthYearSelectType:D="dropdown",onOpenMonthGrid:Y,onOpenYearGrid:I,showNavigation:u=!0,localeCode:_,disabledMatchers:o,minYear:L,maxYear:T}){const x=D==="grid",B=D==="static"||!u,{getLabel:m}=O.useLabels(),{goToMonth:f,nextMonth:v,previousMonth:S}=R.useNavigation(),i=C.date,a=i.getFullYear(),h=i.getMonth(),F=Array.from({length:12},(n,t)=>new Date(a,t,1).toLocaleString(_,{month:"long"})),k=new Date().getFullYear(),N=L??k-100,A=T??k+20,s=Array.from({length:Math.max(0,A-N+1)},(n,t)=>N+t),w=j.useCallback((n,t)=>{if(!(o!=null&&o.length))return!1;const d=new Date(n);for(;d<=t;){if(!G.dateMatchModifiers(d,o))return!1;d.setDate(d.getDate()+1)}return!0},[o]),H=j.useMemo(()=>{if(!(o!=null&&o.length))return new Set;const n=new Set;for(let t=0;t<12;t++){const d=new Date(a,t,1),g=new Date(a,t+1,0);w(d,g)&&n.add(t)}return n},[o,a,w]),M=j.useMemo(()=>{if(!(o!=null&&o.length))return new Set;const n=new Set;for(const t of s){const d=new Date(t,0,1),g=new Date(t,11,31);w(d,g)&&n.add(t)}return n},[o,s,w]);return e.jsxs("div",{className:y.default(r.default["tedi-calendar__header"],{[r.default["tedi-calendar__no-navigation"]]:!u}),children:[u&&e.jsx(c.Button,{type:"button",onClick:()=>S&&f(S),"aria-label":m("pickers.previousMonth"),icon:"arrow_back",visualType:"neutral",children:m("pickers.previousMonth")}),B?e.jsxs("div",{className:r.default["tedi-calendar__month-year-label"],children:[e.jsx(q.Text,{children:i.toLocaleString(_,{month:"long"})}),e.jsx(q.Text,{children:a})]}):x?e.jsxs("div",{className:r.default["tedi-calendar__title"],children:[e.jsxs(c.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],onClick:Y,"data-testid":"tedi-calendar-month-trigger",children:[i.toLocaleString(_,{month:"long"}),e.jsx(p.Icon,{name:"arrow_drop_down",color:"tertiary",className:r.default["tedi-calendar__month-year-caret"]})]}),e.jsxs(c.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],onClick:I,"data-testid":"tedi-calendar-year-trigger",children:[i.getFullYear(),e.jsx(p.Icon,{name:"arrow_drop_down",color:"tertiary",className:r.default["tedi-calendar__month-year-caret"]})]})]}):e.jsxs("div",{className:r.default["tedi-calendar__title"],children:[e.jsxs(l.Dropdown,{className:y.default(r.default["tedi-calendar__month-year-dropdown"],{[r.default["tedi-calendar__picker-grid-dropdown"]]:x}),width:"auto",defaultActiveIndex:h,children:[e.jsx(l.Dropdown.Trigger,{children:e.jsxs(c.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],children:[i.toLocaleString(_,{month:"long"}),e.jsx(p.Icon,{name:"arrow_drop_down",color:"tertiary",className:r.default["tedi-calendar__month-year-caret"],"data-testid":"tedi-icon-arrow_drop_down"})]})}),e.jsx(l.Dropdown.Content,{children:F.map((n,t)=>e.jsx(l.Dropdown.Item,{index:t,active:h===t,disabled:H.has(t),onClick:()=>f(new Date(a,t)),children:n},n))})]}),e.jsxs(l.Dropdown,{className:y.default(r.default["tedi-calendar__month-year-dropdown"],{[r.default["tedi-calendar__picker-grid-dropdown"]]:x}),width:"auto",defaultActiveIndex:s.indexOf(a)===-1?void 0:s.indexOf(a),children:[e.jsx(l.Dropdown.Trigger,{children:e.jsxs(c.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],children:[i.getFullYear(),e.jsx(p.Icon,{name:"arrow_drop_down",color:"tertiary",className:r.default["tedi-calendar__month-year-caret"],"data-testid":"tedi-icon-arrow_drop_down"})]})}),e.jsx(l.Dropdown.Content,{children:s.map((n,t)=>e.jsx(l.Dropdown.Item,{index:t,active:a===n,disabled:M.has(n),onClick:()=>f(new Date(n,h)),children:n},n))})]})]}),u&&e.jsx(c.Button,{type:"button",onClick:()=>v&&f(v),visualType:"neutral","aria-label":m("pickers.nextMonth"),icon:"arrow_forward",children:m("pickers.nextMonth")})]})}exports.CalendarHeader=P;

package/src/tedi/components/content/calendar/components/calendar-header/calendar-header.d.ts

@@ -27,5 +27,17 @@ export interface CalendarHeaderProps extends Pick<MonthCaptionProps, 'calendarMo
      * that has no selectable dates.
      */
     disabledMatchers?: Matcher[];
+    /**
+     * Earliest year offered in the year dropdown. Defaults to 100 years before
+     * the current year when omitted.
+     * @default currentYear - 100
+     */
+    minYear?: number;
+    /**
+     * Latest year offered in the year dropdown. Defaults to 20 years after the
+     * current year when omitted.
+     * @default currentYear + 20
+     */
+    maxYear?: number;
 }
-export declare function CalendarHeader({ calendarMonth, monthYearSelectType, onOpenMonthGrid, onOpenYearGrid, showNavigation, localeCode, disabledMatchers, }: CalendarHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarHeader({ calendarMonth, monthYearSelectType, onOpenMonthGrid, onOpenYearGrid, showNavigation, localeCode, disabledMatchers, minYear, maxYear, }: CalendarHeaderProps): import("react/jsx-runtime").JSX.Element;

package/src/tedi/components/content/calendar/components/calendar-header/calendar-header.es.js

@@ -1,58 +1,63 @@
 import { jsxs as a, jsx as n } from "react/jsx-runtime";
-import v from "../../../../../../../external/classnames/index.es.js";
-import { useCallback as B, useMemo as x } from "react";
+import k from "../../../../../../../external/classnames/index.es.js";
+import { useCallback as q, useMemo as C } from "react";
 import { Icon as g } from "../../../../base/icon/icon.es.js";
-import { Text as C } from "../../../../base/typography/text/text.es.js";
+import { Text as L } from "../../../../base/typography/text/text.es.js";
 import { Button as s } from "../../../../buttons/button/button.es.js";
 import r from "./calendar-header.module.scss.es.js";
-import { useLabels as G } from "../../../../../providers/label-provider/use-labels.es.js";
-import { useNavigation as H } from "../../../../../../../external/react-day-picker/dist/esm/types/deprecated.es.js";
-import { dateMatchModifiers as R } from "../../../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.es.js";
+import { useLabels as z } from "../../../../../providers/label-provider/use-labels.es.js";
+import { useNavigation as E } from "../../../../../../../external/react-day-picker/dist/esm/types/deprecated.es.js";
+import { dateMatchModifiers as J } from "../../../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.es.js";
 import { Dropdown as c } from "../../../../overlays/dropdown/dropdown.es.js";
-function Z({
-  calendarMonth: L,
-  monthYearSelectType: D = "dropdown",
-  onOpenMonthGrid: Y,
-  onOpenYearGrid: F,
+function ee({
+  calendarMonth: F,
+  monthYearSelectType: x = "dropdown",
+  onOpenMonthGrid: T,
+  onOpenYearGrid: A,
   showNavigation: _ = !0,
   localeCode: u,
-  disabledMatchers: o
+  disabledMatchers: o,
+  minYear: I,
+  maxYear: j
 }) {
-  const f = D === "grid", T = D === "static" || !_, { getLabel: p } = G(), { goToMonth: h, nextMonth: N, previousMonth: S } = H(), d = L.date, i = d.getFullYear(), y = d.getMonth(), A = Array.from(
+  const f = x === "grid", O = x === "static" || !_, { getLabel: p } = z(), { goToMonth: h, nextMonth: D, previousMonth: N } = E(), d = F.date, i = d.getFullYear(), y = d.getMonth(), B = Array.from(
     { length: 12 },
     (t, e) => new Date(i, e, 1).toLocaleString(u, { month: "long" })
-  ), I = (/* @__PURE__ */ new Date()).getFullYear(), m = Array.from({ length: 21 }, (t, e) => I - 10 + e), w = B(
+  ), S = (/* @__PURE__ */ new Date()).getFullYear(), Y = I ?? S - 100, G = j ?? S + 20, m = Array.from(
+    { length: Math.max(0, G - Y + 1) },
+    (t, e) => Y + e
+  ), w = q(
     (t, e) => {
       if (!(o != null && o.length)) return !1;
       const l = new Date(t);
       for (; l <= e; ) {
-        if (!R(l, o)) return !1;
+        if (!J(l, o)) return !1;
         l.setDate(l.getDate() + 1);
       }
       return !0;
     },
     [o]
-  ), j = x(() => {
+  ), H = C(() => {
     if (!(o != null && o.length)) return /* @__PURE__ */ new Set();
     const t = /* @__PURE__ */ new Set();
     for (let e = 0; e < 12; e++) {
-      const l = new Date(i, e, 1), k = new Date(i, e + 1, 0);
-      w(l, k) && t.add(e);
+      const l = new Date(i, e, 1), v = new Date(i, e + 1, 0);
+      w(l, v) && t.add(e);
     }
     return t;
-  }, [o, i, w]), O = x(() => {
+  }, [o, i, w]), R = C(() => {
     if (!(o != null && o.length)) return /* @__PURE__ */ new Set();
     const t = /* @__PURE__ */ new Set();
     for (const e of m) {
-      const l = new Date(e, 0, 1), k = new Date(e, 11, 31);
-      w(l, k) && t.add(e);
+      const l = new Date(e, 0, 1), v = new Date(e, 11, 31);
+      w(l, v) && t.add(e);
     }
     return t;
   }, [o, m, w]);
   return /* @__PURE__ */ a(
     "div",
     {
-      className: v(r["tedi-calendar__header"], {
+      className: k(r["tedi-calendar__header"], {
         [r["tedi-calendar__no-navigation"]]: !_
       }),
       children: [
@@ -60,23 +65,23 @@ function Z({
           s,
           {
             type: "button",
-            onClick: () => S && h(S),
+            onClick: () => N && h(N),
             "aria-label": p("pickers.previousMonth"),
             icon: "arrow_back",
             visualType: "neutral",
             children: p("pickers.previousMonth")
           }
         ),
-        T ? /* @__PURE__ */ a("div", { className: r["tedi-calendar__month-year-label"], children: [
-          /* @__PURE__ */ n(C, { children: d.toLocaleString(u, { month: "long" }) }),
-          /* @__PURE__ */ n(C, { children: i })
+        O ? /* @__PURE__ */ a("div", { className: r["tedi-calendar__month-year-label"], children: [
+          /* @__PURE__ */ n(L, { children: d.toLocaleString(u, { month: "long" }) }),
+          /* @__PURE__ */ n(L, { children: i })
         ] }) : f ? /* @__PURE__ */ a("div", { className: r["tedi-calendar__title"], children: [
           /* @__PURE__ */ a(
             s,
             {
               noStyle: !0,
               className: r["tedi-calendar__month-year-selector"],
-              onClick: Y,
+              onClick: T,
               "data-testid": "tedi-calendar-month-trigger",
               children: [
                 d.toLocaleString(u, { month: "long" }),
@@ -89,7 +94,7 @@ function Z({
             {
               noStyle: !0,
               className: r["tedi-calendar__month-year-selector"],
-              onClick: F,
+              onClick: A,
               "data-testid": "tedi-calendar-year-trigger",
               children: [
                 d.getFullYear(),
@@ -101,7 +106,7 @@ function Z({
           /* @__PURE__ */ a(
             c,
             {
-              className: v(r["tedi-calendar__month-year-dropdown"], {
+              className: k(r["tedi-calendar__month-year-dropdown"], {
                 [r["tedi-calendar__picker-grid-dropdown"]]: f
               }),
               width: "auto",
@@ -119,12 +124,12 @@ function Z({
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ n(c.Content, { children: A.map((t, e) => /* @__PURE__ */ n(
+                /* @__PURE__ */ n(c.Content, { children: B.map((t, e) => /* @__PURE__ */ n(
                   c.Item,
                   {
                     index: e,
                     active: y === e,
-                    disabled: j.has(e),
+                    disabled: H.has(e),
                     onClick: () => h(new Date(i, e)),
                     children: t
                   },
@@ -136,7 +141,7 @@ function Z({
           /* @__PURE__ */ a(
             c,
             {
-              className: v(r["tedi-calendar__month-year-dropdown"], {
+              className: k(r["tedi-calendar__month-year-dropdown"], {
                 [r["tedi-calendar__picker-grid-dropdown"]]: f
               }),
               width: "auto",
@@ -159,7 +164,7 @@ function Z({
                   {
                     index: e,
                     active: i === t,
-                    disabled: O.has(t),
+                    disabled: R.has(t),
                     onClick: () => h(new Date(t, y)),
                     children: t
                   },
@@ -173,7 +178,7 @@ function Z({
           s,
           {
             type: "button",
-            onClick: () => N && h(N),
+            onClick: () => D && h(D),
             visualType: "neutral",
             "aria-label": p("pickers.nextMonth"),
             icon: "arrow_forward",
@@ -185,5 +190,5 @@ function Z({
   );
 }
 export {
-  Z as CalendarHeader
+  ee as CalendarHeader
 };

package/src/tedi/components/form/date-field/date-field.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),A=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),I=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),xt=require("../../content/calendar/calendar.cjs.js"),Mt=require("../multi-value-field/multi-value-field.cjs.js"),Ct=require("../textfield/textfield.cjs.js"),D=require("./date-field.module.scss.cjs.js"),v=require("./date-field-helpers.cjs.js"),At=require("./date-picker-modal/date-picker-modal.cjs.js"),Ft=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),kt=require("../../../providers/label-provider/use-labels.cjs.js"),vt=require("../../../../../external/react-day-picker/dist/esm/locale/et.cjs.js"),me=require("../../../helpers/hooks/use-breakpoint.cjs.js"),Pt=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),G=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),wt=require("../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.cjs.js"),je=a.forwardRef((P,w)=>{const{getCurrentBreakpointProps:Se}=Ft.useBreakpointProps(P.defaultServerBreakpoint),{getLabel:z}=kt.useLabels(),{useNativePicker:Le=!1,enableCalendar:h=!0,calendarTrigger:T="button",numberOfMonths:X}=Se(P),{id:pe,mode:l="single",label:he,selected:j,onSelect:i,disabled:N,disabledMatchers:E,placeholder:$e,className:He,formatDate:c,required:S,showOutsideDays:ge=!0,parseDate:Ue,monthYearSelectType:be,dayStatus:ye,tagsDirection:We,showNavigation:De=!0,selectionLevel:O="days",initialView:L,locale:_e=vt.et,localeCode:$="et-EE",initialMonth:H,closeOnSelect:Ye,footer:xe,defaultValue:U,minDate:J,maxDate:K,disablePast:Me,disableFuture:Ce,shouldDisableMonth:Q,shouldDisableYear:Z,readOnly:R,availableDays:Ae,inputProps:n,modal:ee=!1,modalProps:Ge,modalTitle:ze,disabledDateErrorMessage:Xe=z("dateField.disabledDateError"),invalidDateErrorMessage:Je=z("dateField.invalidDateError"),useNativePicker:Nt,enableCalendar:Et,calendarTrigger:Ot,numberOfMonths:Rt,defaultServerBreakpoint:Vt,sm:qt,md:Bt,lg:It,xl:Tt,xxl:jt,...Fe}=P,f=Le&&l==="single",ke=me.default(P.defaultServerBreakpoint),F=me.isBreakpointBelow(ke,"md"),[Ke,g]=a.useState(j??U),[b,V]=a.useState(!1),[te,ve]=a.useState(!1),[Qe,Pe]=a.useState(L??O),[re,_]=a.useState(""),[we,m]=a.useState(!1),[Ne,ae]=a.useState(!1),y=h&&!f&&!R&&(ee===!0||typeof ee=="string"&&me.isBreakpointBelow(ke,ee)),Ee=F&&!y&&typeof X=="number"&&X>1?1:X,{current:u}=a.useRef("selected"in P),s=u?j:Ke,ie=a.useRef(null),Oe=a.useRef(null),Ze=a.useCallback(e=>{ie.current=e,typeof w=="function"?w(e):w&&(w.current=e)},[w]),et=e=>{if(!e)return"";const t=e.getFullYear(),r=String(e.getMonth()+1).padStart(2,"0"),o=String(e.getDate()).padStart(2,"0");return`${t}-${r}-${o}`},tt=f&&s instanceof Date?et(s):"",ne=a.useCallback((e,t)=>e instanceof Date?e:Array.isArray(e)&&e.length>0?[...e].sort((r,o)=>r.getTime()-o.getTime())[0]:e&&typeof e=="object"&&"from"in e&&e.from instanceof Date?e.from:e&&typeof e=="object"&&"to"in e&&e.to instanceof Date?e.to:t??new Date,[]),[rt,se]=a.useState(()=>ne(s,H));a.useEffect(()=>{b||se(ne(s,H))},[s,H,b,ne]),a.useEffect(()=>{b&&Pe(L??O)},[b,O,L]),a.useEffect(()=>{u&&g(j)},[j,u]);const x=a.useMemo(()=>new Intl.DateTimeFormat($,{day:"2-digit",month:"2-digit",year:"numeric"}),[$]),M=a.useCallback(e=>{if(!e)return"";if(e instanceof Date)return x.format(e);if(Array.isArray(e))return e.map(t=>x.format(t)).join(", ");if(e.from){const t=x.format(e.from);return e.to?`${t} – ${x.format(e.to)}`:t}return""},[x]),oe=Ye??l==="single",Re=l==="multiple"&&Array.isArray(s)?s.map((e,t)=>({id:t,label:c?c(e):M(e),date:e})):[],W=a.useMemo(()=>{const e=[];return N&&(Array.isArray(N)?e.push(...N):e.push(N)),E&&(Array.isArray(E)?e.push(...E):e.push(E)),J&&e.push({before:J}),K&&e.push({after:K}),Me&&e.push({before:new Date}),Ce&&e.push({after:new Date}),Q&&e.push(t=>Q(t)),Z&&e.push(t=>Z(t)),e},[N,E,J,K,Me,Ce,Q,Z]),k=a.useCallback(e=>wt.dateMatchModifiers(e,W),[W]),at=(e,t,r,o)=>{const d=l==="range"?v.resolveRangeSelection(e,s,t):e;if(m(!1),u||g(d),i==null||i(d,t,r,o),d){const C=c?c(d):M(d);_(C)}else _("");oe&&V(!1)},it=e=>{if(k(e))return;const t=l==="range"?{from:e,to:void 0}:l==="multiple"?[...Array.isArray(s)?s:[],e]:e;m(!1),u||g(t),i==null||i(t,e,{},{});const r=c?c(t):M(t);_(r),oe&&V(!1)},nt=a.useMemo(()=>{const e=v.getLocaleDateParts(x),t=new RegExp(`^${v.buildDateRegexSource(e)}$`),{fieldOrder:r}=e;return o=>{const d=o.match(t);if(!d)return;const C={};r.forEach((Dt,_t)=>{C[Dt]=Number(d[_t+1])});const{day:ue,month:ce,year:fe}=C;if(ue===void 0||ce===void 0||fe===void 0)return;const B=new Date(fe,ce-1,ue);if(!(isNaN(B.getTime())||B.getFullYear()!==fe||B.getMonth()!==ce-1||B.getDate()!==ue))return B}},[x]),Ve=e=>(Ue??(l==="single"?nt:()=>{}))(e),qe=e=>l==="single"&&e instanceof Date||l==="multiple"&&Array.isArray(e)||l==="range"&&!!e&&!Array.isArray(e)&&"from"in e,st=e=>{if(_(e),ae(!1),e.trim()===""){m(!1),s!==void 0&&(u||g(void 0),i==null||i(void 0,void 0,{},{}));return}const t=Ve(e);if(!qe(t)){m(!1);return}const o=t&&!Array.isArray(t)&&"from"in t?t:null;if(t instanceof Date&&k(t)||Array.isArray(t)&&t.some(C=>C instanceof Date&&k(C))||!!o&&(o.from&&k(o.from)||o.to&&k(o.to))){m(!0);return}m(!1),u||g(t),i==null||i(t,t,{},{}),t instanceof Date&&se(t),oe&&V(!1)},ot=()=>{if(re.trim()===""){ae(!1);return}ae(!qe(Ve(re)))};a.useEffect(()=>{if(u){const e=c?c(s):M(s);_(e)}},[s,u,c,M]),a.useEffect(()=>{if(!u&&U){const e=c?c(U):M(U);_(e)}},[]);const lt=A.useFloating({open:b,onOpenChange:V,placement:T==="input"?"bottom-start":"bottom-end",middleware:[G.offset(v.CALENDAR_POPOVER_OFFSET),G.flip(),G.shift({padding:v.CALENDAR_POPOVER_PADDING}),G.size({padding:v.CALENDAR_POPOVER_PADDING,apply({availableWidth:e,elements:t}){const r=t.floating;if(r.style.width="",r.style.maxWidth="",r.style.overflowX="",F)return;r.style.width="max-content",r.getBoundingClientRect().width>e&&(r.style.width="min-content",r.style.maxWidth=`${e}px`)}})],whileElementsMounted:Pt.autoUpdate}),{refs:q,context:Y,x:dt,y:ut,strategy:ct}=lt,ft=A.useClick(Y),Be=A.useInteractions([...h&&!f&&T==="input"&&!y?[ft]:[],A.useDismiss(Y,{outsidePress:e=>{const t=e.target;return!(t!=null&&t.closest('[role="menu"], [role="listbox"]'))}}),A.useRole(Y,{role:"dialog"})]);a.useEffect(()=>{var t,r;const e=l==="multiple"?((t=Oe.current)==null?void 0:t.wrapper)??null:((r=ie.current)==null?void 0:r.input)??null;q.setPositionReference(e??q.reference.current)},[l,b,q]);const mt=()=>{var t;const e=(t=ie.current)==null?void 0:t.input;if(e){if(typeof e.showPicker=="function")try{e.showPicker();return}catch{}e.focus()}},le=()=>{!h||R||(f?mt():y?ve(!0):V(e=>!e))},pt=e=>{if(m(!1),u||g(e),i==null||i(e,e,{},{}),e){const t=c?c(e):M(e);_(t)}else _("")},ht=e=>{if(!e){m(!1),u||g(void 0),i==null||i(void 0,void 0,{},{});return}const[t,r,o]=e.split("-").map(Number);if(!t||!r||!o)return;const d=new Date(t,r-1,o);if(!Number.isNaN(d.getTime())){if(k(d)){m(!0);return}m(!1),u||g(d),i==null||i(d,d,{},{})}},gt=Be.getReferenceProps(y&&T==="input"?{onClick:()=>le()}:void 0),{role:St,"aria-expanded":Lt,"aria-haspopup":$t,"aria-controls":bt,...yt}=gt,Ie=y?void 0:bt,de=z("dateField.openCalendar"),Te={"aria-label":de,"aria-expanded":y?te:b,"aria-haspopup":"dialog","aria-controls":Ie};return p.jsxs(p.Fragment,{children:[p.jsx("div",{className:I.default(D.default["tedi-date-field__container"],He),...yt,ref:q.setReference,children:l==="multiple"?p.jsx(Mt.MultiValueField,{...n,ref:Oe,id:pe,label:he,tagsDirection:We,values:Re.map(e=>e.label),icon:"calendar_today",onIconClick:le,iconButtonProps:h?Te:{"aria-label":de},isClearable:!0,required:S,onChange:e=>{if(!Array.isArray(s))return;const t=Re.filter(r=>e.includes(r.label)).map(r=>r.date);u||g(t),i==null||i(t,{},{},{})},className:I.default(D.default["tedi-date-field__textfield"],{[D.default["tedi-date-field__icon--disabled"]]:!h||R})}):p.jsx(Ct.TextField,{...n,ref:Ze,id:pe,label:he,readOnly:R,value:f?tt:re,placeholder:$e,icon:"calendar_today",isClearable:!0,onIconClick:le,iconButtonProps:h&&!f?Te:{"aria-label":de},onChange:e=>f?ht(e):st(e),onBlur:e=>{var t;f||ot(),(t=n==null?void 0:n.onBlur)==null||t.call(n,e)},required:S,invalid:we||Ne||(n==null?void 0:n.invalid),helper:(()=>{const e=n==null?void 0:n.helper,t=we?Xe:Ne?Je:null,r=t?{text:t,type:"error"}:null;return r?e?Array.isArray(e)?[...e,r]:[e,r]:r:e})(),className:I.default(D.default["tedi-date-field__textfield"],{[D.default["tedi-date-field__textfield--disabled"]]:n==null?void 0:n.disabled,[D.default["tedi-date-field__icon--disabled"]]:!h||R}),input:{...n==null?void 0:n.input,...f&&{type:"date"},...h&&!f&&T==="input"?{role:"combobox","aria-haspopup":"dialog","aria-expanded":y?te:b,"aria-controls":Ie}:{}}})}),y&&p.jsx(At.DatePickerModal,{open:te,onOpenChange:ve,value:s,onConfirm:pt,mode:l,numberOfMonths:Ee,locale:_e,localeCode:$,showOutsideDays:ge,disabledMatchers:W,required:S,availableDays:Ae,footer:xe,monthYearSelectType:be,dayStatus:ye,showNavigation:De,selectionLevel:O,initialView:L,initialMonth:H,modalProps:Ge,...Fe,title:ze}),h&&!f&&!y&&p.jsx(A.FloatingPortal,{children:b&&p.jsx(A.FloatingFocusManager,{context:Y,modal:!1,initialFocus:-1,children:p.jsx("div",{ref:q.setFloating,className:I.default({[D.default["tedi-date-field__calendar-popover--fullwidth"]]:F}),...Be.getFloatingProps({style:{position:ct,top:ut??0,left:F?0:dt??0,right:F?0:void 0}}),children:p.jsx(xt.Calendar,{...Fe,numberOfMonths:Ee,view:Qe,selectionLevel:O,currentMonth:rt,setCurrentMonth:se,setView:Pe,mode:l,value:s,locale:_e,localeCode:$,showOutsideDays:ge,disabledMatchers:W,required:S,availableDays:Ae,footer:xe,monthYearSelectType:be,dayStatus:ye,showNavigation:De,handleSelect:at,applyValue:it,className:I.default(D.default["tedi-date-field__calendar"],{[D.default["tedi-date-field__calendar--fullwidth"]]:F})})})})})]})});je.displayName="DateField";exports.DateField=je;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),A=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),I=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),Ct=require("../../content/calendar/calendar.cjs.js"),At=require("../multi-value-field/multi-value-field.cjs.js"),Ft=require("../textfield/textfield.cjs.js"),D=require("./date-field.module.scss.cjs.js"),v=require("./date-field-helpers.cjs.js"),kt=require("./date-picker-modal/date-picker-modal.cjs.js"),vt=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Pt=require("../../../providers/label-provider/use-labels.cjs.js"),wt=require("../../../../../external/react-day-picker/dist/esm/locale/et.cjs.js"),me=require("../../../helpers/hooks/use-breakpoint.cjs.js"),Nt=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),G=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),Et=require("../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.cjs.js"),Le=a.forwardRef((P,w)=>{const{getCurrentBreakpointProps:$e}=vt.useBreakpointProps(P.defaultServerBreakpoint),{getLabel:z}=Pt.useLabels(),{useNativePicker:He=!1,enableCalendar:h=!0,calendarTrigger:T="button",numberOfMonths:X}=$e(P),{id:pe,mode:l="single",label:he,selected:j,onSelect:i,disabled:N,disabledMatchers:E,placeholder:Ye,className:Ue,formatDate:c,required:S,showOutsideDays:ge=!0,parseDate:We,monthYearSelectType:be,minYear:ye,maxYear:De,dayStatus:_e,tagsDirection:Ge,showNavigation:xe=!0,selectionLevel:O="days",initialView:L,locale:Me=wt.et,localeCode:$="et-EE",initialMonth:H,closeOnSelect:ze,footer:Ce,defaultValue:Y,minDate:J,maxDate:K,disablePast:Ae,disableFuture:Fe,shouldDisableMonth:Q,shouldDisableYear:Z,readOnly:R,availableDays:ke,inputProps:n,modal:ee=!1,modalProps:Xe,modalTitle:Je,disabledDateErrorMessage:Ke=z("dateField.disabledDateError"),invalidDateErrorMessage:Qe=z("dateField.invalidDateError"),useNativePicker:Ot,enableCalendar:Rt,calendarTrigger:Vt,numberOfMonths:qt,defaultServerBreakpoint:Bt,sm:It,md:Tt,lg:jt,xl:St,xxl:Lt,...ve}=P,f=He&&l==="single",Pe=me.default(P.defaultServerBreakpoint),F=me.isBreakpointBelow(Pe,"md"),[Ze,g]=a.useState(j??Y),[b,V]=a.useState(!1),[te,we]=a.useState(!1),[et,Ne]=a.useState(L??O),[re,_]=a.useState(""),[Ee,m]=a.useState(!1),[Oe,ae]=a.useState(!1),y=h&&!f&&!R&&(ee===!0||typeof ee=="string"&&me.isBreakpointBelow(Pe,ee)),Re=F&&!y&&typeof X=="number"&&X>1?1:X,{current:u}=a.useRef("selected"in P),s=u?j:Ze,ie=a.useRef(null),Ve=a.useRef(null),tt=a.useCallback(e=>{ie.current=e,typeof w=="function"?w(e):w&&(w.current=e)},[w]),rt=e=>{if(!e)return"";const t=e.getFullYear(),r=String(e.getMonth()+1).padStart(2,"0"),o=String(e.getDate()).padStart(2,"0");return`${t}-${r}-${o}`},at=f&&s instanceof Date?rt(s):"",ne=a.useCallback((e,t)=>e instanceof Date?e:Array.isArray(e)&&e.length>0?[...e].sort((r,o)=>r.getTime()-o.getTime())[0]:e&&typeof e=="object"&&"from"in e&&e.from instanceof Date?e.from:e&&typeof e=="object"&&"to"in e&&e.to instanceof Date?e.to:t??new Date,[]),[it,se]=a.useState(()=>ne(s,H));a.useEffect(()=>{b||se(ne(s,H))},[s,H,b,ne]),a.useEffect(()=>{b&&Ne(L??O)},[b,O,L]),a.useEffect(()=>{u&&g(j)},[j,u]);const x=a.useMemo(()=>new Intl.DateTimeFormat($,{day:"2-digit",month:"2-digit",year:"numeric"}),[$]),M=a.useCallback(e=>{if(!e)return"";if(e instanceof Date)return x.format(e);if(Array.isArray(e))return e.map(t=>x.format(t)).join(", ");if(e.from){const t=x.format(e.from);return e.to?`${t} – ${x.format(e.to)}`:t}return""},[x]),oe=ze??l==="single",qe=l==="multiple"&&Array.isArray(s)?s.map((e,t)=>({id:t,label:c?c(e):M(e),date:e})):[],U=a.useMemo(()=>{const e=[];return N&&(Array.isArray(N)?e.push(...N):e.push(N)),E&&(Array.isArray(E)?e.push(...E):e.push(E)),J&&e.push({before:J}),K&&e.push({after:K}),Ae&&e.push({before:new Date}),Fe&&e.push({after:new Date}),Q&&e.push(t=>Q(t)),Z&&e.push(t=>Z(t)),e},[N,E,J,K,Ae,Fe,Q,Z]),k=a.useCallback(e=>Et.dateMatchModifiers(e,U),[U]),nt=(e,t,r,o)=>{const d=l==="range"?v.resolveRangeSelection(e,s,t):e;if(m(!1),u||g(d),i==null||i(d,t,r,o),d){const C=c?c(d):M(d);_(C)}else _("");oe&&V(!1)},st=e=>{if(k(e))return;const t=l==="range"?{from:e,to:void 0}:l==="multiple"?[...Array.isArray(s)?s:[],e]:e;m(!1),u||g(t),i==null||i(t,e,{},{});const r=c?c(t):M(t);_(r),oe&&V(!1)},ot=a.useMemo(()=>{const e=v.getLocaleDateParts(x),t=new RegExp(`^${v.buildDateRegexSource(e)}$`),{fieldOrder:r}=e;return o=>{const d=o.match(t);if(!d)return;const C={};r.forEach((xt,Mt)=>{C[xt]=Number(d[Mt+1])});const{day:ue,month:ce,year:fe}=C;if(ue===void 0||ce===void 0||fe===void 0)return;const B=new Date(fe,ce-1,ue);if(!(isNaN(B.getTime())||B.getFullYear()!==fe||B.getMonth()!==ce-1||B.getDate()!==ue))return B}},[x]),Be=e=>(We??(l==="single"?ot:()=>{}))(e),Ie=e=>l==="single"&&e instanceof Date||l==="multiple"&&Array.isArray(e)||l==="range"&&!!e&&!Array.isArray(e)&&"from"in e,lt=e=>{if(_(e),ae(!1),e.trim()===""){m(!1),s!==void 0&&(u||g(void 0),i==null||i(void 0,void 0,{},{}));return}const t=Be(e);if(!Ie(t)){m(!1);return}const o=t&&!Array.isArray(t)&&"from"in t?t:null;if(t instanceof Date&&k(t)||Array.isArray(t)&&t.some(C=>C instanceof Date&&k(C))||!!o&&(o.from&&k(o.from)||o.to&&k(o.to))){m(!0);return}m(!1),u||g(t),i==null||i(t,t,{},{}),t instanceof Date&&se(t),oe&&V(!1)},dt=()=>{if(re.trim()===""){ae(!1);return}ae(!Ie(Be(re)))};a.useEffect(()=>{if(u){const e=c?c(s):M(s);_(e)}},[s,u,c,M]),a.useEffect(()=>{if(!u&&Y){const e=c?c(Y):M(Y);_(e)}},[]);const ut=A.useFloating({open:b,onOpenChange:V,placement:T==="input"?"bottom-start":"bottom-end",middleware:[G.offset(v.CALENDAR_POPOVER_OFFSET),G.flip(),G.shift({padding:v.CALENDAR_POPOVER_PADDING}),G.size({padding:v.CALENDAR_POPOVER_PADDING,apply({availableWidth:e,elements:t}){const r=t.floating;if(r.style.width="",r.style.maxWidth="",r.style.overflowX="",F)return;r.style.width="max-content",r.getBoundingClientRect().width>e&&(r.style.width="min-content",r.style.maxWidth=`${e}px`)}})],whileElementsMounted:Nt.autoUpdate}),{refs:q,context:W,x:ct,y:ft,strategy:mt}=ut,pt=A.useClick(W),Te=A.useInteractions([...h&&!f&&T==="input"&&!y?[pt]:[],A.useDismiss(W,{outsidePress:e=>{const t=e.target;return!(t!=null&&t.closest('[role="menu"], [role="listbox"]'))}}),A.useRole(W,{role:"dialog"})]);a.useEffect(()=>{var t,r;const e=l==="multiple"?((t=Ve.current)==null?void 0:t.wrapper)??null:((r=ie.current)==null?void 0:r.input)??null;q.setPositionReference(e??q.reference.current)},[l,b,q]);const ht=()=>{var t;const e=(t=ie.current)==null?void 0:t.input;if(e){if(typeof e.showPicker=="function")try{e.showPicker();return}catch{}e.focus()}},le=()=>{!h||R||(f?ht():y?we(!0):V(e=>!e))},gt=e=>{if(m(!1),u||g(e),i==null||i(e,e,{},{}),e){const t=c?c(e):M(e);_(t)}else _("")},bt=e=>{if(!e){m(!1),u||g(void 0),i==null||i(void 0,void 0,{},{});return}const[t,r,o]=e.split("-").map(Number);if(!t||!r||!o)return;const d=new Date(t,r-1,o);if(!Number.isNaN(d.getTime())){if(k(d)){m(!0);return}m(!1),u||g(d),i==null||i(d,d,{},{})}},yt=Te.getReferenceProps(y&&T==="input"?{onClick:()=>le()}:void 0),{role:$t,"aria-expanded":Ht,"aria-haspopup":Yt,"aria-controls":Dt,..._t}=yt,je=y?void 0:Dt,de=z("dateField.openCalendar"),Se={"aria-label":de,"aria-expanded":y?te:b,"aria-haspopup":"dialog","aria-controls":je};return p.jsxs(p.Fragment,{children:[p.jsx("div",{className:I.default(D.default["tedi-date-field__container"],Ue),..._t,ref:q.setReference,children:l==="multiple"?p.jsx(At.MultiValueField,{...n,ref:Ve,id:pe,label:he,tagsDirection:Ge,values:qe.map(e=>e.label),icon:"calendar_today",onIconClick:le,iconButtonProps:h?Se:{"aria-label":de},isClearable:!0,required:S,onChange:e=>{if(!Array.isArray(s))return;const t=qe.filter(r=>e.includes(r.label)).map(r=>r.date);u||g(t),i==null||i(t,{},{},{})},className:I.default(D.default["tedi-date-field__textfield"],{[D.default["tedi-date-field__icon--disabled"]]:!h||R})}):p.jsx(Ft.TextField,{...n,ref:tt,id:pe,label:he,readOnly:R,value:f?at:re,placeholder:Ye,icon:"calendar_today",isClearable:!0,onIconClick:le,iconButtonProps:h&&!f?Se:{"aria-label":de},onChange:e=>f?bt(e):lt(e),onBlur:e=>{var t;f||dt(),(t=n==null?void 0:n.onBlur)==null||t.call(n,e)},required:S,invalid:Ee||Oe||(n==null?void 0:n.invalid),helper:(()=>{const e=n==null?void 0:n.helper,t=Ee?Ke:Oe?Qe:null,r=t?{text:t,type:"error"}:null;return r?e?Array.isArray(e)?[...e,r]:[e,r]:r:e})(),className:I.default(D.default["tedi-date-field__textfield"],{[D.default["tedi-date-field__textfield--disabled"]]:n==null?void 0:n.disabled,[D.default["tedi-date-field__icon--disabled"]]:!h||R}),input:{...n==null?void 0:n.input,...f&&{type:"date"},...h&&!f&&T==="input"?{role:"combobox","aria-haspopup":"dialog","aria-expanded":y?te:b,"aria-controls":je}:{}}})}),y&&p.jsx(kt.DatePickerModal,{open:te,onOpenChange:we,value:s,onConfirm:gt,mode:l,numberOfMonths:Re,locale:Me,localeCode:$,showOutsideDays:ge,disabledMatchers:U,required:S,availableDays:ke,footer:Ce,monthYearSelectType:be,minYear:ye,maxYear:De,dayStatus:_e,showNavigation:xe,selectionLevel:O,initialView:L,initialMonth:H,modalProps:Xe,...ve,title:Je}),h&&!f&&!y&&p.jsx(A.FloatingPortal,{children:b&&p.jsx(A.FloatingFocusManager,{context:W,modal:!1,initialFocus:-1,children:p.jsx("div",{ref:q.setFloating,className:I.default({[D.default["tedi-date-field__calendar-popover--fullwidth"]]:F}),...Te.getFloatingProps({style:{position:mt,top:ft??0,left:F?0:ct??0,right:F?0:void 0}}),children:p.jsx(Ct.Calendar,{...ve,numberOfMonths:Re,view:et,selectionLevel:O,currentMonth:it,setCurrentMonth:se,setView:Ne,mode:l,value:s,locale:Me,localeCode:$,showOutsideDays:ge,disabledMatchers:U,required:S,availableDays:ke,footer:Ce,monthYearSelectType:be,minYear:ye,maxYear:De,dayStatus:_e,showNavigation:xe,handleSelect:nt,applyValue:st,className:I.default(D.default["tedi-date-field__calendar"],{[D.default["tedi-date-field__calendar--fullwidth"]]:F})})})})})]})});Le.displayName="DateField";exports.DateField=Le;

package/src/tedi/components/form/date-field/date-field.d.ts

@@ -139,6 +139,16 @@ export interface DateFieldProps extends BreakpointSupport<DateFieldBreakpointPro
      * day's `aria-label`), or `null` / `undefined` for no status.
      */
     dayStatus?: DayStatusFn;
+    /**
+     * Earliest year offered in the calendar header's year dropdown.
+     * @default currentYear - 100
+     */
+    minYear?: number;
+    /**
+     * Latest year offered in the calendar header's year dropdown.
+     * @default currentYear + 20
+     */
+    maxYear?: number;
     /**
      * Show or hide the calendar header's previous/next navigation. When hidden, the month/year header
      * also becomes a static, non-interactive label (no dropdown / grid jumping) — so the calendar is