@tedi-design-system/react 18.2.0-rc.1 → 18.2.0-rc.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "18.2.0-rc.1",
+  "version": "18.2.0-rc.3",
   "type": "module",
   "sideEffects": false,
   "exports": {

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),S=require("../../../../../external/classnames/index.cjs.js"),a=require("./calendar.module.scss.cjs.js"),F=require("./components/calendar-header/calendar-header.cjs.js"),H=require("./components/calendar-month-grid/calendar-month-grid.cjs.js"),M=require("./components/calendar-year-grid/calendar-year-grid.cjs.js"),R=require("../../../../../external/react-day-picker/dist/esm/DayPicker.cjs.js"),T=require("../../../../../external/react-day-picker/dist/esm/locale/et.cjs.js"),j=({view:o="days",selectionLevel:f="days",currentMonth:c,setCurrentMonth:i,setView:l=()=>"days",mode:q="single",value:d,locale:x=T.et,localeCode:m="et-EE",showOutsideDays:N=!0,disabledMatchers:k,required:G,availableDays:t,unavailableDays:n,footer:Y,monthYearSelectType:C,handleSelect:P,applyValue:g,showNavigation:_=!0,className:y,bordered:O=!0,...w})=>{const h=O?void 0:a.default["tedi-calendar--borderless"],p=S.default(h,y),b=e=>t?Array.isArray(t)?t.some(u=>u.toDateString()===e.toDateString()):t(e):!0,A=e=>n?Array.isArray(n)?n.some(u=>u.toDateString()===e.toDateString()):n(e):!1,s=[...k??[],...t?[e=>!b(e)]:[],...n?[e=>A(e)]:[]],E=(()=>{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 r.jsxs("div",{className:a.default["tedi-calendar__wrapper"],children:[o==="years"&&r.jsx(M.YearGrid,{currentMonth:c,onNavigate:i,showNavigation:_,onSelectYear:e=>{i(e),f==="years"?g(new Date(e.getFullYear(),0,1)):l("months")},className:p}),o==="months"&&r.jsx(H.MonthGrid,{currentMonth:c,onNavigate:i,showNavigation:_,localeCode:m,onSelectMonth:e=>{i(e),f==="months"?g(e):l("days")},className:p}),o==="days"&&r.jsx(R.DayPicker,{...w,...E,locale:x,month:c,onMonthChange:i,showOutsideDays:N,disabled:s.length?s:void 0,required:G,components:{MonthCaption:e=>r.jsx(F.CalendarHeader,{...e,monthYearSelectType:C,onOpenMonthGrid:()=>l("months"),onOpenYearGrid:()=>l("years"),showNavigation:_,localeCode:m,disabledMatchers:s.length?s:void 0}),Nav:()=>r.jsx(r.Fragment,{})},footer:Y,classNames:{root:S.default(a.default["tedi-calendar"],h,y),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=>t?b(e):!1,unavailable:e=>n?A(e):!1},modifiersClassNames:{available:a.default["tedi-calendar__available-day"],unavailable:a.default["tedi-calendar__unavailable-day"]},onSelect:P})]})};j.displayName="Calendar";exports.Calendar=j;
+"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;

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

@@ -1,7 +1,25 @@
 import { default as React } from 'react';
 import { DateRange, DayPickerProps, Locale, Matcher, OnSelectHandler } from 'react-day-picker';
+import { BreakpointSupport } from '../../../helpers';
 import { CalendarView, DateFieldMode } from '../../form/date-field/date-field';
-export interface CalendarProps extends Omit<DayPickerProps, 'mode' | 'selected' | 'onSelect'> {
+import { StatusIndicatorType } from '../../tags/status-indicator';
+export interface DayStatus {
+    /**
+     * Status type driving the indicator colour. Maps to `StatusIndicator`'s `type`.
+     */
+    type: StatusIndicatorType;
+    /**
+     * Accessible label for the status. Appended to the day button's `aria-label`
+     * so screen readers announce the date together with its status — required
+     * because the indicator dot itself is decorative (`aria-hidden`).
+     */
+    label: string;
+}
+/**
+ * Resolves a `DayStatus` for a given day, or `null`/`undefined` for no status.
+ */
+export type DayStatusFn = (date: Date) => DayStatus | null | undefined;
+interface CalendarBreakpointProps extends Omit<DayPickerProps, 'mode' | 'selected' | 'onSelect'> {
     /**
      * Current view of the calendar. Can be `'days'`, `'months'`, or `'years'`.
      * Controls which calendar grid is displayed.
@@ -87,9 +105,19 @@ export interface CalendarProps extends Omit<DayPickerProps, 'mode' | 'selected'
      * Forwarded to the internal `CalendarHeader`.
      * - `'dropdown'` (default) — each picker is a `<Select>` dropdown.
      * - `'grid'` — each picker opens a full grid of options.
+     * - `'static'` — the month/year is a plain, non-clickable label; only the
+     *   prev/next navigation buttons can change the month. Use to disable
+     *   month/year selection.
      * @default dropdown
      */
-    monthYearSelectType?: 'dropdown' | 'grid';
+    monthYearSelectType?: 'dropdown' | 'grid' | 'static';
+    /**
+     * Optional per-day status. Called for each rendered day; return a
+     * `{ type, label }` to overlay a `StatusIndicator` dot on that day (the
+     * `label` is folded into the day's `aria-label`), or `null` / `undefined` for
+     * no status.
+     */
+    dayStatus?: DayStatusFn;
     /**
      * Callback fired when a date or date range is selected. Receives the selected value, day, modifiers, and event.
      */
@@ -116,8 +144,16 @@ export interface CalendarProps extends Omit<DayPickerProps, 'mode' | 'selected'
      * @default true
      */
     bordered?: boolean;
+    /**
+     * Grow to fill the container's width instead of a fixed width; cells keep a
+     * square aspect ratio. Wrap in a sized container to control the scale.
+     * @default false
+     */
+    fullWidth?: boolean;
 }
+export type CalendarProps = BreakpointSupport<CalendarBreakpointProps>;
 export declare const Calendar: {
-    ({ view, selectionLevel, currentMonth, setCurrentMonth, setView, mode, value, locale, localeCode, showOutsideDays, disabledMatchers, required, availableDays, unavailableDays, footer, monthYearSelectType, handleSelect, applyValue, showNavigation, className, bordered, ...dayPickerProps }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+    (props: CalendarProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+export {};

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

@@ -1,138 +1,158 @@
-import { jsxs as P, jsx as o, Fragment as H } from "react/jsx-runtime";
-import u from "../../../../../external/classnames/index.es.js";
-import r from "./calendar.module.scss.es.js";
-import { CalendarHeader as U } from "./components/calendar-header/calendar-header.es.js";
-import { MonthGrid as q } from "./components/calendar-month-grid/calendar-month-grid.es.js";
-import { YearGrid as z } from "./components/calendar-year-grid/calendar-year-grid.es.js";
-import { DayPicker as B } from "../../../../../external/react-day-picker/dist/esm/DayPicker.es.js";
-import { et as I } from "../../../../../external/react-day-picker/dist/esm/locale/et.es.js";
-const J = ({
-  view: c = "days",
-  selectionLevel: f = "days",
-  currentMonth: l,
-  setCurrentMonth: n,
-  setView: i = () => "days",
-  mode: S = "single",
-  value: a,
-  locale: k = I,
-  localeCode: p = "et-EE",
-  showOutsideDays: G = !0,
-  disabledMatchers: Y,
-  required: x,
-  availableDays: d,
-  unavailableDays: t,
-  footer: C,
-  monthYearSelectType: j,
-  handleSelect: w,
-  applyValue: g,
-  showNavigation: m = !0,
-  className: y,
-  bordered: E = !0,
-  ...F
-}) => {
-  const h = E ? void 0 : r["tedi-calendar--borderless"], A = u(h, y), N = (e) => d ? Array.isArray(d) ? d.some((_) => _.toDateString() === e.toDateString()) : d(e) : !0, b = (e) => t ? Array.isArray(t) ? t.some((_) => _.toDateString() === e.toDateString()) : t(e) : !1, s = [
-    ...Y ?? [],
-    ...d ? [(e) => !N(e)] : [],
-    ...t ? [(e) => b(e)] : []
-  ], O = (() => {
-    switch (S) {
+import { jsxs as S, jsx as t, Fragment as q } 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 { 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), {
+    view: c = "days",
+    selectionLevel: y = "days",
+    currentMonth: m,
+    setCurrentMonth: l,
+    setView: s = () => "days",
+    mode: Y = "single",
+    value: n,
+    locale: G = U,
+    localeCode: h = "et-EE",
+    showOutsideDays: j = !0,
+    disabledMatchers: x,
+    required: O,
+    availableDays: i,
+    unavailableDays: d,
+    footer: W,
+    monthYearSelectType: B,
+    dayStatus: f,
+    handleSelect: E,
+    applyValue: p,
+    showNavigation: _ = !0,
+    className: v,
+    bordered: F = !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 ?? [],
+    ...i ? [(e) => !D(e)] : [],
+    ...d ? [(e) => C(e)] : []
+  ], P = (() => {
+    switch (Y) {
       case "multiple":
-        return { mode: "multiple", selected: Array.isArray(a) ? a : void 0 };
+        return { mode: "multiple", selected: Array.isArray(n) ? n : void 0 };
       case "range":
         return {
           mode: "range",
-          selected: a && !Array.isArray(a) && !(a instanceof Date) ? a : void 0
+          selected: n && !Array.isArray(n) && !(n instanceof Date) ? n : void 0
         };
       default:
-        return { mode: "single", selected: a instanceof Date ? a : void 0 };
+        return { mode: "single", selected: n instanceof Date ? n : void 0 };
     }
   })();
-  return /* @__PURE__ */ P("div", { className: r["tedi-calendar__wrapper"], children: [
-    c === "years" && /* @__PURE__ */ o(
-      z,
+  return /* @__PURE__ */ S("div", { className: a["tedi-calendar__wrapper"], children: [
+    c === "years" && /* @__PURE__ */ t(
+      I,
       {
-        currentMonth: l,
-        onNavigate: n,
-        showNavigation: m,
+        currentMonth: m,
+        onNavigate: l,
+        showNavigation: _,
         onSelectYear: (e) => {
-          n(e), f === "years" ? g(new Date(e.getFullYear(), 0, 1)) : i("months");
+          l(e), y === "years" ? p(new Date(e.getFullYear(), 0, 1)) : s("months");
         },
-        className: A
+        className: N
       }
     ),
-    c === "months" && /* @__PURE__ */ o(
-      q,
+    c === "months" && /* @__PURE__ */ t(
+      H,
       {
-        currentMonth: l,
-        onNavigate: n,
-        showNavigation: m,
-        localeCode: p,
+        currentMonth: m,
+        onNavigate: l,
+        showNavigation: _,
+        localeCode: h,
         onSelectMonth: (e) => {
-          n(e), f === "months" ? g(e) : i("days");
+          l(e), y === "months" ? p(e) : s("days");
         },
-        className: A
+        className: N
       }
     ),
-    c === "days" && /* @__PURE__ */ o(
-      B,
+    c === "days" && /* @__PURE__ */ t(
+      J,
       {
-        ...F,
-        ...O,
-        locale: k,
-        month: l,
-        onMonthChange: n,
-        showOutsideDays: G,
-        disabled: s.length ? s : void 0,
-        required: x,
+        ...L,
+        ...P,
+        locale: G,
+        month: m,
+        onMonthChange: l,
+        showOutsideDays: j,
+        disabled: o.length ? o : void 0,
+        required: O,
         components: {
-          MonthCaption: (e) => /* @__PURE__ */ o(
-            U,
+          MonthCaption: (e) => /* @__PURE__ */ t(
+            z,
             {
               ...e,
-              monthYearSelectType: j,
-              onOpenMonthGrid: () => i("months"),
-              onOpenYearGrid: () => i("years"),
-              showNavigation: m,
-              localeCode: p,
-              disabledMatchers: s.length ? s : void 0
+              monthYearSelectType: B,
+              onOpenMonthGrid: () => s("months"),
+              onOpenYearGrid: () => s("years"),
+              showNavigation: _,
+              localeCode: h,
+              disabledMatchers: o.length ? o : void 0
             }
           ),
-          Nav: () => /* @__PURE__ */ o(H, {})
+          Nav: () => /* @__PURE__ */ t(q, {}),
+          ...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: [
+                e.children,
+                /* @__PURE__ */ t(K, { type: r.type, size: "sm", className: a["tedi-calendar__day-status"] })
+              ] });
+            }
+          } : {},
+          ...b ? {
+            Weekday: ({ children: e, ...r }) => /* @__PURE__ */ t("th", { ...r, children: /* @__PURE__ */ t("span", { className: a["tedi-calendar__weekday-inner"], children: e }) })
+          } : {}
         },
-        footer: C,
+        footer: W,
         classNames: {
-          root: u(r["tedi-calendar"], h, y),
-          month_caption: r["tedi-calendar__caption"],
-          head: r["tedi-calendar__head"],
-          row: r["tedi-calendar__row"],
-          day: r["tedi-calendar__day"],
-          selected: r["tedi-calendar__day--selected"],
-          weekday: r["tedi-calendar__weekday"],
-          outside: r["tedi-calendar__outside-days"],
-          range_start: r["tedi-calendar__range-start"],
-          range_middle: r["tedi-calendar__range-middle"],
-          range_end: r["tedi-calendar__range-end"],
-          today: r["tedi-calendar__today"],
-          disabled: r["tedi-calendar__disabled"],
-          month: r["tedi-calendar__month"],
-          months: r["tedi-calendar__months-container"],
-          footer: r["tedi-calendar__footer"],
-          week_number: r["tedi-calendar__week-number"]
+          root: k(a["tedi-calendar"], g, w, v),
+          month_caption: a["tedi-calendar__caption"],
+          head: a["tedi-calendar__head"],
+          row: a["tedi-calendar__row"],
+          day: a["tedi-calendar__day"],
+          selected: a["tedi-calendar__day--selected"],
+          weekday: a["tedi-calendar__weekday"],
+          outside: a["tedi-calendar__outside-days"],
+          range_start: a["tedi-calendar__range-start"],
+          range_middle: a["tedi-calendar__range-middle"],
+          range_end: a["tedi-calendar__range-end"],
+          today: a["tedi-calendar__today"],
+          disabled: a["tedi-calendar__disabled"],
+          month: a["tedi-calendar__month"],
+          months: a["tedi-calendar__months-container"],
+          footer: a["tedi-calendar__footer"],
+          week_number: a["tedi-calendar__week-number"]
         },
         modifiers: {
-          available: (e) => d ? N(e) : !1,
-          unavailable: (e) => t ? b(e) : !1
+          available: (e) => i ? D(e) : !1,
+          unavailable: (e) => d ? C(e) : !1
         },
         modifiersClassNames: {
-          available: r["tedi-calendar__available-day"],
-          unavailable: r["tedi-calendar__unavailable-day"]
+          available: a["tedi-calendar__available-day"],
+          unavailable: a["tedi-calendar__unavailable-day"]
         },
-        onSelect: w
+        onSelect: E
       }
     )
   ] });
 };
-J.displayName = "Calendar";
+Q.displayName = "Calendar";
 export {
-  J as Calendar
+  Q as Calendar
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-calendar__picker-grid-container":"tedi-calendar__picker-grid-container-1b2bfc55","tedi-calendar__week-number":"tedi-calendar__week-number-c1a67f28","tedi-calendar__day":"tedi-calendar__day-baa13412","tedi-calendar__weekday":"tedi-calendar__weekday-9dce46ba","tedi-calendar":"tedi-calendar-a8c2a0a4","tedi-calendar--borderless":"tedi-calendar--borderless-22d5d627","tedi-calendar__months-container":"tedi-calendar__months-container-793f3f7b","tedi-calendar__month":"tedi-calendar__month-b0e4d350","tedi-calendar__footer":"tedi-calendar__footer-bb297fb5","tedi-calendar__head":"tedi-calendar__head-bbd962e1","tedi-calendar__disabled":"tedi-calendar__disabled-30620859","tedi-calendar__day--selected":"tedi-calendar__day--selected-9f3dc090","tedi-calendar__today":"tedi-calendar__today-fa050850","tedi-calendar__available-day":"tedi-calendar__available-day-a0b09cf3","tedi-calendar__unavailable-day":"tedi-calendar__unavailable-day-05d8742d","tedi-calendar__range-middle":"tedi-calendar__range-middle-fa3459d1","tedi-calendar__range-start":"tedi-calendar__range-start-aaf20ea3","tedi-calendar__range-end":"tedi-calendar__range-end-097f2a3b","tedi-calendar__outside-days":"tedi-calendar__outside-days-703857de","tedi-calendar__picker-grid":"tedi-calendar__picker-grid-9b167adf","tedi-calendar__picker-grid-header":"tedi-calendar__picker-grid-header-30f8748f","tedi-calendar__picker--no-navigation":"tedi-calendar__picker--no-navigation-695a34ca","tedi-calendar__grid-button":"tedi-calendar__grid-button-889a2a85","tedi-calendar__grid-button--selected":"tedi-calendar__grid-button--selected-2019301b"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-calendar__picker-grid-container":"tedi-calendar__picker-grid-container-1b2bfc55","tedi-calendar__week-number":"tedi-calendar__week-number-c1a67f28","tedi-calendar__day":"tedi-calendar__day-baa13412","tedi-calendar__weekday":"tedi-calendar__weekday-9dce46ba","tedi-calendar":"tedi-calendar-a8c2a0a4","tedi-calendar--borderless":"tedi-calendar--borderless-22d5d627","tedi-calendar--full-width":"tedi-calendar--full-width-afc9e29f","tedi-calendar__month":"tedi-calendar__month-b0e4d350","tedi-calendar__weekday-inner":"tedi-calendar__weekday-inner-1e76dfb4","tedi-calendar__today":"tedi-calendar__today-fa050850","tedi-calendar__months-container":"tedi-calendar__months-container-793f3f7b","tedi-calendar__footer":"tedi-calendar__footer-bb297fb5","tedi-calendar__head":"tedi-calendar__head-bbd962e1","tedi-calendar__disabled":"tedi-calendar__disabled-30620859","tedi-calendar__day--selected":"tedi-calendar__day--selected-9f3dc090","tedi-calendar__day-status":"tedi-calendar__day-status-20d8d064","tedi-calendar__available-day":"tedi-calendar__available-day-a0b09cf3","tedi-calendar__unavailable-day":"tedi-calendar__unavailable-day-05d8742d","tedi-calendar__range-middle":"tedi-calendar__range-middle-fa3459d1","tedi-calendar__range-start":"tedi-calendar__range-start-aaf20ea3","tedi-calendar__range-end":"tedi-calendar__range-end-097f2a3b","tedi-calendar__outside-days":"tedi-calendar__outside-days-703857de","tedi-calendar__picker-grid":"tedi-calendar__picker-grid-9b167adf","tedi-calendar__picker-grid-header":"tedi-calendar__picker-grid-header-30f8748f","tedi-calendar__picker--no-navigation":"tedi-calendar__picker--no-navigation-695a34ca","tedi-calendar__grid-button":"tedi-calendar__grid-button-889a2a85","tedi-calendar__grid-button--selected":"tedi-calendar__grid-button--selected-2019301b"};exports.default=e;

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

@@ -5,13 +5,16 @@ const e = {
   "tedi-calendar__weekday": "tedi-calendar__weekday-9dce46ba",
   "tedi-calendar": "tedi-calendar-a8c2a0a4",
   "tedi-calendar--borderless": "tedi-calendar--borderless-22d5d627",
-  "tedi-calendar__months-container": "tedi-calendar__months-container-793f3f7b",
+  "tedi-calendar--full-width": "tedi-calendar--full-width-afc9e29f",
   "tedi-calendar__month": "tedi-calendar__month-b0e4d350",
+  "tedi-calendar__weekday-inner": "tedi-calendar__weekday-inner-1e76dfb4",
+  "tedi-calendar__today": "tedi-calendar__today-fa050850",
+  "tedi-calendar__months-container": "tedi-calendar__months-container-793f3f7b",
   "tedi-calendar__footer": "tedi-calendar__footer-bb297fb5",
   "tedi-calendar__head": "tedi-calendar__head-bbd962e1",
   "tedi-calendar__disabled": "tedi-calendar__disabled-30620859",
   "tedi-calendar__day--selected": "tedi-calendar__day--selected-9f3dc090",
-  "tedi-calendar__today": "tedi-calendar__today-fa050850",
+  "tedi-calendar__day-status": "tedi-calendar__day-status-20d8d064",
   "tedi-calendar__available-day": "tedi-calendar__available-day-a0b09cf3",
   "tedi-calendar__unavailable-day": "tedi-calendar__unavailable-day-05d8742d",
   "tedi-calendar__range-middle": "tedi-calendar__range-middle-fa3459d1",

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"),k=require("../../../../base/typography/text/text.cjs.js"),c=require("../../../../buttons/button/button.cjs.js"),r=require("./calendar-header.module.scss.cjs.js"),B=require("../../../../../providers/label-provider/use-labels.cjs.js"),L=require("../../../../../../../external/react-day-picker/dist/esm/types/deprecated.cjs.js"),A=require("../../../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.cjs.js"),l=require("../../../../overlays/dropdown/dropdown.cjs.js");function H({calendarMonth:v,monthYearSelectType:q="dropdown",onOpenMonthGrid:N,onOpenYearGrid:C,showNavigation:u=!0,localeCode:_,disabledMatchers:o}){const h=q==="grid",{getLabel:m}=B.useLabels(),{goToMonth:w,nextMonth:D,previousMonth:S}=L.useNavigation(),i=v.date,a=i.getFullYear(),x=i.getMonth(),T=Array.from({length:12},(n,t)=>new Date(a,t,1).toLocaleString(_,{month:"long"})),F=new Date().getFullYear(),s=Array.from({length:21},(n,t)=>F-10+t),f=j.useCallback((n,t)=>{if(!(o!=null&&o.length))return!1;const d=new Date(n);for(;d<=t;){if(!A.dateMatchModifiers(d,o))return!1;d.setDate(d.getDate()+1)}return!0},[o]),I=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);f(d,g)&&n.add(t)}return n},[o,a,f]),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);f(d,g)&&n.add(t)}return n},[o,s,f]);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&&w(S),"aria-label":m("pickers.previousMonth"),icon:"arrow_back",visualType:"neutral",children:m("pickers.previousMonth")}),u?h?e.jsxs(e.Fragment,{children:[e.jsxs(c.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],onClick:N,"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(e.Fragment,{children:[e.jsxs(l.Dropdown,{className:y.default(r.default["tedi-calendar__month-year-dropdown"],{[r.default["tedi-calendar__picker-grid-dropdown"]]:h}),width:"auto",defaultActiveIndex:x,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:T.map((n,t)=>e.jsx(l.Dropdown.Item,{index:t,active:x===t,disabled:I.has(t),onClick:()=>w(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"]]:h}),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:()=>w(new Date(n,x)),children:n},n))})]})]}):e.jsxs("div",{className:r.default["tedi-calendar__month-year-label"],children:[e.jsx(k.Text,{children:i.toLocaleString(_,{month:"long"})}),e.jsx(k.Text,{children:a})]}),u&&e.jsx(c.Button,{type:"button",onClick:()=>D&&w(D),visualType:"neutral","aria-label":m("pickers.nextMonth"),icon:"arrow_forward",children:m("pickers.nextMonth")})]})}exports.CalendarHeader=H;
+"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;

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

@@ -4,9 +4,11 @@ export interface CalendarHeaderProps extends Pick<MonthCaptionProps, 'calendarMo
      * How the month/year selector in the calendar header is rendered.
      * - `'dropdown'` (default) — each picker is a `<Select>` dropdown.
      * - `'grid'` — each picker opens a full grid of options.
-     * @default 'dropdown'
+     * - `'static'` — the month/year is a plain, non-clickable label; the user can
+     *   only change the month via the prev/next navigation buttons.
+     * @default dropdown
      */
-    monthYearSelectType?: 'dropdown' | 'grid';
+    monthYearSelectType?: 'dropdown' | 'grid' | 'static';
     onOpenMonthGrid?: () => void;
     onOpenYearGrid?: () => void;
     /**