@progress/kendo-react-dateinputs 7.2.4-develop.3 → 7.3.0-develop.1

package/calendar/components/Navigation.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),r=require("prop-types"),m=require("@progress/kendo-date-math"),v=require("./CalendarNavigationItem.js"),f=require("../../utils.js"),k=require("../../virtualization/Virtualization.js");function x(p){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const i in p)if(i!=="default"){const o=Object.getOwnPropertyDescriptor(p,i);Object.defineProperty(a,i,o.get?o:{enumerable:!0,get:()=>p[i]})}}return a.default=p,Object.freeze(a)}const h=x(g),D=30,c=class c extends h.Component{constructor(a){super(a),this.virtualization=null,this.list=null,this.itemHeight=0,this.topOffset=0,this.maxViewHeight=0,this.bottomOffset=0,this.handleVirtualizationMount=t=>{if(this.virtualization=t,this.virtualization&&this.list){this.list.style.transform=`translateY(${this.topOffset}px)`;const e=f.dateInRange(this.props.focusedDate,this.props.min,this.props.max),s=this.props.service.skip(e,this.props.min);this.virtualization.scrollToIndex(s)}},this.buildNavigationItem=t=>{const e=this.props.service.navigationTitle(t),s=this.props.service.isRangeStart(t),n=`kendo-react-calendar-nav-item-${t.getTime()}`,l={text:e,value:t,isRangeStart:s,view:this.props.activeView,onClick:this.handleDateChange};return this.props.navigationItem?h.createElement(this.props.navigationItem,{...l,key:n},e):h.createElement(v.CalendarNavigationItem,{...l,key:n},e)},this.calculateHeights=()=>{const t=this.props.dom.calendarHeight;this.itemHeight=this.props.dom.navigationItemHeight||1,this.maxViewHeight=this.props.dom.monthViewHeight,this.topOffset=(t-this.itemHeight)/2,this.bottomOffset=t-this.itemHeight},this.handleDateChange=(t,e)=>{const{onChange:s}=this.props;if(s&&e){const n={value:m.cloneDate(t),target:this,nativeEvent:e&&e.nativeEvent,syntheticEvent:e};s.call(void 0,n)}},this.handleScrollAction=({scrollAction:t,pageAction:e})=>{const s=e?e.skip:this.state.skip;if(this.state.skip!==s&&this.setState({skip:s}),this.list&&t){const n=`translateY(${t.offset}px)`;this.list.style.transform=n}},this.lastView=this.props.activeView,this.lastFocus=this.props.focusedDate;const i=this.props.service.skip(this.props.focusedDate,this.props.min),o=this.props.service.total(this.props.min,this.props.max);this.state={skip:i-this.getTake(i,o)>0?i:0}}get take(){return this.props.take!==void 0?this.props.take:c.defaultProps.take}componentDidUpdate(a,i){this.indexToScroll!==void 0&&this.virtualization&&this.virtualization.scrollToIndex(this.indexToScroll),this.lastView=this.props.activeView,this.lastFocus=this.props.focusedDate,this.indexToScroll=void 0}render(){this.calculateHeights();const a=this.lastView!==this.props.activeView,i=f.dateInRange(this.props.focusedDate,this.props.min,this.props.max),o=a?this.props.service.skip(i,this.props.min):this.state.skip,t=this.props.service.total(this.props.min,this.props.max),e=this.getTake(o,t),s=this.props.service.addToDate(this.props.min,o),n=this.props.service.datesList(s,e);(this.props.activeView!==this.lastView||!m.isEqual(i,this.lastFocus))&&(this.indexToScroll=this.props.service.skip(i,this.props.min));const l=h.createElement(k.Virtualization,{skip:o,take:this.take,total:t,itemHeight:this.itemHeight,topOffset:this.topOffset,bottomOffset:this.bottomOffset,onScroll:this.props.onScroll,maxScrollDifference:this.maxViewHeight,onScrollAction:this.handleScrollAction,onMount:this.handleVirtualizationMount,tabIndex:this.props.tabIndex},h.createElement("ul",{ref:u=>{this.list=u},className:"k-reset"},n.map(u=>this.buildNavigationItem(u))));return h.createElement("div",{className:"k-calendar-navigation"},h.createElement("span",{className:"k-calendar-navigation-highlight"}),this.props.dom.didCalculate?l:null)}getTake(a,i){return Math.min(i-a,this.take)}};c.propTypes={activeView:r.number.isRequired,focusedDate:r.instanceOf(Date).isRequired,max:r.instanceOf(Date).isRequired,min:r.instanceOf(Date).isRequired,onChange:r.func,take:r.number,tabIndex:r.number},c.defaultProps={take:D};let d=c;exports.Navigation=d;

package/calendar/components/Navigation.mjs

@@ -0,0 +1,117 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as a from "react";
+import n from "prop-types";
+import { cloneDate as u, isEqual as f } from "@progress/kendo-date-math";
+import { CalendarNavigationItem as v } from "./CalendarNavigationItem.mjs";
+import { dateInRange as m } from "../../utils.mjs";
+import { Virtualization as g } from "../../virtualization/Virtualization.mjs";
+const k = 30, p = class p extends a.Component {
+  constructor(r) {
+    super(r), this.virtualization = null, this.list = null, this.itemHeight = 0, this.topOffset = 0, this.maxViewHeight = 0, this.bottomOffset = 0, this.handleVirtualizationMount = (t) => {
+      if (this.virtualization = t, this.virtualization && this.list) {
+        this.list.style.transform = `translateY(${this.topOffset}px)`;
+        const i = m(this.props.focusedDate, this.props.min, this.props.max), s = this.props.service.skip(i, this.props.min);
+        this.virtualization.scrollToIndex(s);
+      }
+    }, this.buildNavigationItem = (t) => {
+      const i = this.props.service.navigationTitle(t), s = this.props.service.isRangeStart(t), o = `kendo-react-calendar-nav-item-${t.getTime()}`, l = {
+        text: i,
+        value: t,
+        isRangeStart: s,
+        view: this.props.activeView,
+        onClick: this.handleDateChange
+      };
+      return this.props.navigationItem ? /* @__PURE__ */ a.createElement(this.props.navigationItem, { ...l, key: o }, i) : /* @__PURE__ */ a.createElement(v, { ...l, key: o }, i);
+    }, this.calculateHeights = () => {
+      const t = this.props.dom.calendarHeight;
+      this.itemHeight = this.props.dom.navigationItemHeight || 1, this.maxViewHeight = this.props.dom.monthViewHeight, this.topOffset = (t - this.itemHeight) / 2, this.bottomOffset = t - this.itemHeight;
+    }, this.handleDateChange = (t, i) => {
+      const { onChange: s } = this.props;
+      if (s && i) {
+        const o = {
+          value: u(t),
+          target: this,
+          nativeEvent: i && i.nativeEvent,
+          syntheticEvent: i
+        };
+        s.call(void 0, o);
+      }
+    }, this.handleScrollAction = ({ scrollAction: t, pageAction: i }) => {
+      const s = i ? i.skip : this.state.skip;
+      if (this.state.skip !== s && this.setState({ skip: s }), this.list && t) {
+        const o = `translateY(${t.offset}px)`;
+        this.list.style.transform = o;
+      }
+    }, this.lastView = this.props.activeView, this.lastFocus = this.props.focusedDate;
+    const e = this.props.service.skip(this.props.focusedDate, this.props.min), h = this.props.service.total(this.props.min, this.props.max);
+    this.state = {
+      skip: e - this.getTake(e, h) > 0 ? e : 0
+    };
+  }
+  get take() {
+    return this.props.take !== void 0 ? this.props.take : p.defaultProps.take;
+  }
+  /**
+   * @hidden
+   */
+  componentDidUpdate(r, e) {
+    this.indexToScroll !== void 0 && this.virtualization && this.virtualization.scrollToIndex(this.indexToScroll), this.lastView = this.props.activeView, this.lastFocus = this.props.focusedDate, this.indexToScroll = void 0;
+  }
+  render() {
+    this.calculateHeights();
+    const r = this.lastView !== this.props.activeView, e = m(this.props.focusedDate, this.props.min, this.props.max), h = r ? this.props.service.skip(e, this.props.min) : this.state.skip, t = this.props.service.total(this.props.min, this.props.max), i = this.getTake(h, t), s = this.props.service.addToDate(this.props.min, h), o = this.props.service.datesList(s, i);
+    (this.props.activeView !== this.lastView || !f(e, this.lastFocus)) && (this.indexToScroll = this.props.service.skip(e, this.props.min));
+    const l = /* @__PURE__ */ a.createElement(
+      g,
+      {
+        skip: h,
+        take: this.take,
+        total: t,
+        itemHeight: this.itemHeight,
+        topOffset: this.topOffset,
+        bottomOffset: this.bottomOffset,
+        onScroll: this.props.onScroll,
+        maxScrollDifference: this.maxViewHeight,
+        onScrollAction: this.handleScrollAction,
+        onMount: this.handleVirtualizationMount,
+        tabIndex: this.props.tabIndex
+      },
+      /* @__PURE__ */ a.createElement("ul", { ref: (c) => {
+        this.list = c;
+      }, className: "k-reset" }, o.map((c) => this.buildNavigationItem(c)))
+    );
+    return /* @__PURE__ */ a.createElement(
+      "div",
+      {
+        className: "k-calendar-navigation"
+      },
+      /* @__PURE__ */ a.createElement("span", { className: "k-calendar-navigation-highlight" }),
+      this.props.dom.didCalculate ? l : null
+    );
+  }
+  getTake(r, e) {
+    return Math.min(e - r, this.take);
+  }
+};
+p.propTypes = {
+  activeView: n.number.isRequired,
+  focusedDate: n.instanceOf(Date).isRequired,
+  max: n.instanceOf(Date).isRequired,
+  min: n.instanceOf(Date).isRequired,
+  onChange: n.func,
+  take: n.number,
+  tabIndex: n.number
+}, p.defaultProps = {
+  take: k
+};
+let d = p;
+export {
+  d as Navigation
+};

package/calendar/components/TodayCommand.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),a=require("prop-types"),d=require("@progress/kendo-react-intl"),g=require("@progress/kendo-react-common"),m=require("@progress/kendo-react-buttons"),l=require("@progress/kendo-date-math"),r=require("../../messages/index.js"),i=require("../../utils.js");function h(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,c.get?c:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const u=h(p),n=class n extends u.Component{constructor(){super(...arguments),this.localization=null,this.handleClick=e=>{if(this.todayIsInRange&&this.props.onClick){const t={syntheticEvent:e,nativeEvent:e.nativeEvent,value:i.dateInRange(i.getToday(),this.min,this.max),target:this,isTodayClick:!0};this.props.onClick.call(void 0,t)}}}get min(){return this.props.min!==void 0?this.props.min:n.defaultProps.min}get max(){return this.props.max!==void 0?this.props.max:n.defaultProps.max}get todayIsInRange(){return i.isInRange(i.getToday(),l.getDate(this.min),l.getDate(this.max))}render(){this.localization=d.provideLocalizationService(this);const e=this.localization.toLanguageString(r.today,r.messages[r.today]),t=g.classNames("k-calendar-nav-today",{"k-disabled":this.props.disabled});return u.createElement(m.Button,{className:t,onClick:this.handleClick,tabIndex:this.props.tabIndex,fillMode:"flat"},e)}};n.propTypes={max:a.instanceOf(Date).isRequired,min:a.instanceOf(Date).isRequired,onClick:a.func,disabled:a.bool},n.defaultProps={min:i.MIN_DATE,max:i.MAX_DATE};let o=n;d.registerForLocalization(o);exports.TodayCommand=o;

package/calendar/components/TodayCommand.mjs

@@ -0,0 +1,74 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as o from "react";
+import e from "prop-types";
+import { provideLocalizationService as p, registerForLocalization as m } from "@progress/kendo-react-intl";
+import { classNames as c } from "@progress/kendo-react-common";
+import { Button as d } from "@progress/kendo-react-buttons";
+import { getDate as r } from "@progress/kendo-date-math";
+import { today as n, messages as h } from "../../messages/index.mjs";
+import { dateInRange as u, getToday as l, MIN_DATE as f, MAX_DATE as g, isInRange as x } from "../../utils.mjs";
+const t = class t extends o.Component {
+  constructor() {
+    super(...arguments), this.localization = null, this.handleClick = (i) => {
+      if (this.todayIsInRange && this.props.onClick) {
+        const s = {
+          syntheticEvent: i,
+          nativeEvent: i.nativeEvent,
+          value: u(l(), this.min, this.max),
+          target: this,
+          isTodayClick: !0
+        };
+        this.props.onClick.call(void 0, s);
+      }
+    };
+  }
+  get min() {
+    return this.props.min !== void 0 ? this.props.min : t.defaultProps.min;
+  }
+  get max() {
+    return this.props.max !== void 0 ? this.props.max : t.defaultProps.max;
+  }
+  get todayIsInRange() {
+    return x(l(), r(this.min), r(this.max));
+  }
+  render() {
+    this.localization = p(this);
+    const i = this.localization.toLanguageString(n, h[n]), s = c(
+      "k-calendar-nav-today",
+      {
+        "k-disabled": this.props.disabled
+      }
+    );
+    return /* @__PURE__ */ o.createElement(
+      d,
+      {
+        className: s,
+        onClick: this.handleClick,
+        tabIndex: this.props.tabIndex,
+        fillMode: "flat"
+      },
+      i
+    );
+  }
+};
+t.propTypes = {
+  max: e.instanceOf(Date).isRequired,
+  min: e.instanceOf(Date).isRequired,
+  onClick: e.func,
+  disabled: e.bool
+}, t.defaultProps = {
+  min: f,
+  max: g
+};
+let a = t;
+m(a);
+export {
+  a as TodayCommand
+};

package/calendar/components/View.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),i=require("prop-types"),d=require("@progress/kendo-date-math"),D=require("@progress/kendo-react-intl"),w=require("./CalendarCell.js"),g=require("./CalendarWeekCell.js"),k=require("../models/CalendarViewEnum.js"),m=require("../../utils.js"),b=require("../services/WeekNamesService.js");function N(l){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const e in l)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(l,e);Object.defineProperty(t,e,r.get?r:{enumerable:!0,get:()=>l[e]})}}return t.default=l,Object.freeze(t)}const s=N(v),f=l=>s.createElement("td",{key:l,className:"k-calendar-td"}," "),u=class u extends s.Component{constructor(){super(...arguments),this.intl=null,this.weekService=null,this.buildWeekNumber=(t,e)=>{if(!this.firstDate(t))return f(`week-cell-${e}`);const n=this.firstDate(t),a=this.getWeekNumber(n),o=`kendo-react-calendar-week-cell-${a}`,c={className:"k-alt",value:a,firstDate:n};return this.props.weekCell?s.createElement(this.props.weekCell,{...c,key:o},a):s.createElement(g.CalendarWeekCell,{...c,key:o},a)},this.buildRow=t=>t.map((e,r)=>{if(!e)return f(r);const n={"aria-selected":e.isSelected},a=`kendo-react-calendar-cell-${e.value.getTime()}`,o={...n,...e,isDisabled:!e.isInRange,view:this.props.activeView,onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave};return this.props.cell?s.createElement(this.props.cell,{...o,key:a},e.formattedValue):s.createElement(w.CalendarCell,{...o,key:a},e.formattedValue)}),this.firstDate=t=>{const e=this.firstWeekDateContext(t);return e?e.value:null},this.firstWeekDateContext=t=>{if(!this.weekNumber)return null;let e=0,r=t[e];for(;!r&&e<t.length;)r=t[++e];return r},this.handleClick=(t,e)=>{const{onChange:r}=this.props;if(r&&e){const n={value:d.cloneDate(t),target:this,nativeEvent:e&&e.nativeEvent,syntheticEvent:e};r.call(void 0,n)}},this.handleMouseEnter=t=>{const{onCellEnter:e}=this.props;e&&e.call(void 0,d.cloneDate(t))},this.handleMouseLeave=t=>{const{onCellLeave:e}=this.props;e&&e.call(void 0,d.cloneDate(t))}}get min(){return this.props.min}get max(){return this.props.max}get isHorizontal(){return this.props.direction==="horizontal"}get isMonthView(){return this.props.activeView===k.CalendarViewEnum.month}get weekNumber(){return!!(this.props.showWeekNumbers&&this.props.activeView===k.CalendarViewEnum.month)}get selectedDate(){return this.props.selectedDate!==void 0?this.props.selectedDate:u.defaultProps.selectedDate}render(){this.intl=D.provideIntlService(this),this.weekService=new b.WeekNamesService(this.intl);const t=this.weekService.getWeekNames(this.weekNumber),e=this.props.service.rowLength(this.weekNumber),r=this.props.service.title(this.props.viewDate),n=m.getToday(),a=m.setTime(this.props.viewDate,n),o=this.props.service.data({cellUID:this.props.cellUID,min:this.min,max:this.max,focusedDate:this.props.focusedDate,isActiveView:!this.props.bus.canMoveDown(this.props.activeView),selectedDate:this.selectedDate,selectionRange:this.props.selectionRange,viewDate:a});return s.createElement(s.Fragment,null,this.isMonthView&&this.isHorizontal&&s.createElement("thead",{role:"rowgroup",className:"k-calendar-thead"},s.createElement("tr",{role:"row",className:"k-calendar-tr"},t.map((c,h)=>s.createElement("th",{key:h,className:"k-calendar-th"},c)))),s.createElement("tbody",{role:"rowgroup",className:"k-calendar-tbody"},!this.isHorizontal&&s.createElement("tr",{role:"presentation",className:"k-calendar-tr"},s.createElement("th",{scope:"col",colSpan:e,className:"k-calendar-caption"},r)),o.map((c,h)=>s.createElement("tr",{role:"row",className:"k-calendar-tr",key:h},this.weekNumber&&this.buildWeekNumber(c,h),this.buildRow(c)))))}getWeekNumber(t){return!this.weekNumber||!this.intl?null:d.weekInYear(t,this.intl.firstDay())}};u.propTypes={activeRangeEnd:i.oneOf(["start","end",null]),activeView:i.number.isRequired,cellUID:i.string.isRequired,direction:i.oneOf(["horizontal","vertical"]),focusedDate:i.instanceOf(Date).isRequired,max:i.instanceOf(Date).isRequired,min:i.instanceOf(Date).isRequired,onChange:i.func,selectedDate:i.oneOfType([i.instanceOf(Date),i.arrayOf(i.instanceOf(Date))]),showWeekNumbers:i.bool,viewDate:i.instanceOf(Date).isRequired},u.defaultProps={direction:"vertical",selectedDate:m.getToday(),showWeekNumbers:!1};let p=u;D.registerForIntl(p);exports.View=p;

package/calendar/components/View.mjs

@@ -0,0 +1,153 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as s from "react";
+import r from "prop-types";
+import { cloneDate as p, weekInYear as v } from "@progress/kendo-date-math";
+import { provideIntlService as D, registerForIntl as w } from "@progress/kendo-react-intl";
+import { CalendarCell as g } from "./CalendarCell.mjs";
+import { CalendarWeekCell as N } from "./CalendarWeekCell.mjs";
+import { CalendarViewEnum as u } from "../models/CalendarViewEnum.mjs";
+import { getToday as d, setTime as b } from "../../utils.mjs";
+import { WeekNamesService as E } from "../services/WeekNamesService.mjs";
+const k = (f) => /* @__PURE__ */ s.createElement("td", { key: f, className: "k-calendar-td" }, " "), c = class c extends s.Component {
+  constructor() {
+    super(...arguments), this.intl = null, this.weekService = null, this.buildWeekNumber = (t, e) => {
+      if (!this.firstDate(t))
+        return k(`week-cell-${e}`);
+      const n = this.firstDate(t), a = this.getWeekNumber(n), o = `kendo-react-calendar-week-cell-${a}`, l = {
+        className: "k-alt",
+        value: a,
+        firstDate: n
+      };
+      return this.props.weekCell ? /* @__PURE__ */ s.createElement(this.props.weekCell, { ...l, key: o }, a) : /* @__PURE__ */ s.createElement(N, { ...l, key: o }, a);
+    }, this.buildRow = (t) => t.map((e, i) => {
+      if (!e)
+        return k(i);
+      const n = { "aria-selected": e.isSelected }, a = `kendo-react-calendar-cell-${e.value.getTime()}`, o = {
+        ...n,
+        ...e,
+        isDisabled: !e.isInRange,
+        view: this.props.activeView,
+        onClick: this.handleClick,
+        onMouseEnter: this.handleMouseEnter,
+        onMouseLeave: this.handleMouseLeave
+      };
+      return this.props.cell ? /* @__PURE__ */ s.createElement(this.props.cell, { ...o, key: a }, e.formattedValue) : /* @__PURE__ */ s.createElement(g, { ...o, key: a }, e.formattedValue);
+    }), this.firstDate = (t) => {
+      const e = this.firstWeekDateContext(t);
+      return e ? e.value : null;
+    }, this.firstWeekDateContext = (t) => {
+      if (!this.weekNumber)
+        return null;
+      let e = 0, i = t[e];
+      for (; !i && e < t.length; )
+        i = t[++e];
+      return i;
+    }, this.handleClick = (t, e) => {
+      const { onChange: i } = this.props;
+      if (i && e) {
+        const n = {
+          value: p(t),
+          target: this,
+          nativeEvent: e && e.nativeEvent,
+          syntheticEvent: e
+        };
+        i.call(void 0, n);
+      }
+    }, this.handleMouseEnter = (t) => {
+      const { onCellEnter: e } = this.props;
+      e && e.call(void 0, p(t));
+    }, this.handleMouseLeave = (t) => {
+      const { onCellLeave: e } = this.props;
+      e && e.call(void 0, p(t));
+    };
+  }
+  get min() {
+    return this.props.min;
+  }
+  get max() {
+    return this.props.max;
+  }
+  get isHorizontal() {
+    return this.props.direction === "horizontal";
+  }
+  get isMonthView() {
+    return this.props.activeView === u.month;
+  }
+  get weekNumber() {
+    return !!(this.props.showWeekNumbers && this.props.activeView === u.month);
+  }
+  get selectedDate() {
+    return this.props.selectedDate !== void 0 ? this.props.selectedDate : c.defaultProps.selectedDate;
+  }
+  render() {
+    this.intl = D(this), this.weekService = new E(this.intl);
+    const t = this.weekService.getWeekNames(this.weekNumber), e = this.props.service.rowLength(this.weekNumber), i = this.props.service.title(this.props.viewDate), n = d(), a = b(this.props.viewDate, n), o = this.props.service.data({
+      cellUID: this.props.cellUID,
+      min: this.min,
+      max: this.max,
+      focusedDate: this.props.focusedDate,
+      isActiveView: !this.props.bus.canMoveDown(this.props.activeView),
+      selectedDate: this.selectedDate,
+      selectionRange: this.props.selectionRange,
+      viewDate: a
+    });
+    return /* @__PURE__ */ s.createElement(s.Fragment, null, this.isMonthView && this.isHorizontal && /* @__PURE__ */ s.createElement(
+      "thead",
+      {
+        role: "rowgroup",
+        className: "k-calendar-thead"
+      },
+      /* @__PURE__ */ s.createElement("tr", { role: "row", className: "k-calendar-tr" }, t.map((l, h) => /* @__PURE__ */ s.createElement("th", { key: h, className: "k-calendar-th" }, l)))
+    ), /* @__PURE__ */ s.createElement(
+      "tbody",
+      {
+        role: "rowgroup",
+        className: "k-calendar-tbody"
+      },
+      !this.isHorizontal && /* @__PURE__ */ s.createElement("tr", { role: "presentation", className: "k-calendar-tr" }, /* @__PURE__ */ s.createElement(
+        "th",
+        {
+          scope: "col",
+          colSpan: e,
+          className: "k-calendar-caption"
+        },
+        i
+      )),
+      o.map((l, h) => /* @__PURE__ */ s.createElement("tr", { role: "row", className: "k-calendar-tr", key: h }, this.weekNumber && this.buildWeekNumber(l, h), this.buildRow(l)))
+    ));
+  }
+  getWeekNumber(t) {
+    return !this.weekNumber || !this.intl ? null : v(t, this.intl.firstDay());
+  }
+};
+c.propTypes = {
+  activeRangeEnd: r.oneOf(["start", "end", null]),
+  activeView: r.number.isRequired,
+  cellUID: r.string.isRequired,
+  direction: r.oneOf(["horizontal", "vertical"]),
+  focusedDate: r.instanceOf(Date).isRequired,
+  max: r.instanceOf(Date).isRequired,
+  min: r.instanceOf(Date).isRequired,
+  onChange: r.func,
+  selectedDate: r.oneOfType(
+    [r.instanceOf(Date), r.arrayOf(r.instanceOf(Date))]
+  ),
+  showWeekNumbers: r.bool,
+  viewDate: r.instanceOf(Date).isRequired
+}, c.defaultProps = {
+  direction: "vertical",
+  selectedDate: d(),
+  showWeekNumbers: !1
+};
+let m = c;
+w(m);
+export {
+  m as View
+};

package/calendar/components/ViewList.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react"),r=require("prop-types"),y=require("@progress/kendo-react-common"),d=require("@progress/kendo-date-math"),f=require("@progress/kendo-react-intl"),x=require("../../virtualization/Virtualization.js"),C=require("./View.js"),S=require("./Header.js"),c=require("../../utils.js"),l=require("../models/CalendarViewEnum.js"),E=require("./TodayCommand.js");function T(h){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const e in h)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(h,e);Object.defineProperty(o,e,t.get?t:{enumerable:!0,get:()=>h[e]})}}return o.default=h,Object.freeze(o)}const s=T(V),I=5,p=class p extends s.Component{constructor(o){super(o),this.virtualization=null,this.calendarView=null,this.table=null,this.intl=null,this.bottomOffset=0,this.viewOffset=0,this.viewHeight=0,this._element=null,this.isActive=!1,this.animateToIndex=!0,this.shouldScroll=!1,this.focusActiveDate=()=>{if(!this._element)return;const e=this._element.querySelector("td.k-focus"),t=this._element.querySelector(".k-state-pending-focus");e&&e[0]&&e[0].classList.remove("k-focus"),t&&t.classList.add("k-focus"),this.isActive=!0},this.blurActiveDate=()=>{if(!this._element)return;const e=this._element.querySelector("td.k-focus");e&&e.classList.remove("k-focus"),this.isActive=!1},this.handleVirtualizationMount=e=>{if(this.virtualization=e,this.virtualization&&this.table){this.table.style.transform=`translateY(${this.viewOffset}px)`;const t=c.dateInRange(this.props.focusedDate,this.props.min,this.props.max),i=this.props.service.skip(t,this.props.min);this.virtualization.scrollToIndex(i)}},this.buildMonthView=(e,t)=>s.createElement("table",{key:"calendar-view-list-weekdays",className:"k-calendar-table k-calendar-weekdays",role:"grid",tabIndex:this.props.tabIndex},s.createElement("colgroup",null,e.map((i,a)=>s.createElement("col",{key:a}))),s.createElement("thead",{className:"k-calendar-thead"},s.createElement("tr",{className:"k-calendar-tr"},t.map((i,a)=>s.createElement("th",{key:a,className:"k-calendar-th"},i))))),this.buildDates=(e,t)=>{const i=this.props.cellUID;return s.createElement("table",{className:"k-calendar-table",ref:a=>this.table=a,role:"grid",tabIndex:this.props.tabIndex,"aria-activedescendant":i+this.props.focusedDate.getTime()},s.createElement("colgroup",null,e.map((a,n)=>s.createElement("col",{key:n}))),t.map(a=>s.createElement(C.View,{ref:n=>{this.calendarView||(this.calendarView=n)},key:a.getTime(),activeView:this.props.activeView,viewDate:a,min:this.props.min,max:this.props.max,cellUID:i,focusedDate:this.props.focusedDate,cell:this.props.cell,selectedDate:this.props.value,showWeekNumbers:this.weekNumber,onChange:this.handleDateChange,bus:this.props.bus,service:this.props.service,weekCell:this.props.weekCell})))},this.calculateHeights=()=>{if(!this.props.dom)return;const e=this.props.activeView===l.CalendarViewEnum.month?this.props.dom.scrollableContentHeight:this.props.dom.scrollableYearContentHeight;this.bottomOffset=e-this.props.dom.viewHeight(this.props.activeView),this.viewOffset=-1*this.props.dom.headerHeight,this.viewHeight=this.props.dom.viewHeight(this.props.activeView)||1},this.getTake=(e,t)=>Math.min(t-e,this.take),this.handleScrollAction=({index:e,scrollAction:t,pageAction:i})=>{const a=i?i.skip:this.state.skip;if((this.state.index!==e||this.state.skip!==a)&&this.setState({index:e,skip:a}),this.table&&t){const n=`translateY(${t.offset}px)`;this.table.style.transform=n}},this.handleTodayClick=e=>{this.shouldScroll=!0,this.handleDateChange.call(void 0,e,!0)},this.handleDateChange=(e,t=!1)=>{const{onChange:i}=this.props;if(i){const a={syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,value:d.cloneDate(e.value),target:this,isTodayClick:t};i.call(void 0,a)}},this.lastView=this.props.activeView,this.lastFocus=this.props.focusedDate,this.state={skip:this.props.service.skip(this.props.focusedDate,this.props.min),index:this.props.service.skip(this.props.focusedDate,this.props.min)}}get element(){return this._element}get weekNames(){this.intl=f.provideIntlService(this);const o=c.shiftWeekNames(this.intl.dateFormatNames({nameType:"short",type:"days"}),this.intl.firstDay());return this.weekNumber?[""].concat(o):o}get weekNumber(){return!!(this.props.showWeekNumbers&&this.props.activeView===l.CalendarViewEnum.month)}get take(){return this.props.take!==void 0?this.props.take:p.defaultProps.take}get animate(){return!!(this.props.smoothScroll&&this.animateToIndex)}get todayIsInRange(){return c.isInRange(c.getToday(),d.getDate(this.props.min),d.getDate(this.props.max))}componentDidUpdate(o,e){this.shouldScroll=!1,this.indexToScroll!==void 0&&this.virtualization&&this.virtualization[this.animate?"animateToIndex":"scrollToIndex"](this.indexToScroll),this.isActive&&this.focusActiveDate(),this.lastView=this.props.activeView,this.indexToScroll=void 0}render(){this.calculateHeights();const o=this.lastView!==this.props.activeView,e=c.dateInRange(this.props.focusedDate,this.props.min,this.props.max),t=o?this.props.service.skip(e,this.props.min):this.state.skip,i=this.props.service.total(this.props.min,this.props.max),a=this.getTake(t,i),n=this.props.service.addToDate(this.props.min,t),w=this.props.service.addToDate(this.props.min,this.state.index),m=new Array(this.props.service.rowLength(this.weekNumber)).fill(""),v=this.props.activeView!==this.lastView;this.animateToIndex=!v,(v||!d.isEqualDate(this.lastFocus,e)||this.shouldScroll||!this.props.shouldScroll||this.props.shouldScroll())&&(this.indexToScroll=this.props.service.skip(e,this.props.min)),this.lastFocus=e;const k=y.classNames("k-calendar-view k-vstack",{"k-calendar-monthview":this.props.activeView===l.CalendarViewEnum.month,"k-calendar-yearview":this.props.activeView===l.CalendarViewEnum.year,"k-calendar-decadeview":this.props.activeView===l.CalendarViewEnum.decade,"k-calendar-centuryview":this.props.activeView===l.CalendarViewEnum.century}),b=this.buildDates(m,this.props.service.datesList(n,a)),g=s.createElement(s.Fragment,null,s.createElement(S.Header,{key:"calendar-view-list-header",currentDate:w,min:this.props.min,max:this.props.max,activeView:this.props.activeView,bus:this.props.bus,service:this.props.service,headerTitle:this.props.headerTitle,commands:s.createElement(s.Fragment,null,s.createElement(E.TodayCommand,{min:this.props.min,max:this.props.max,onClick:this.handleTodayClick,disabled:!this.todayIsInRange,tabIndex:this.props.tabIndex}))}),this.props.activeView===l.CalendarViewEnum.month&&this.buildMonthView(m,this.weekNames),s.createElement(x.Virtualization,{key:"calendar-view-list-content",skip:t,take:this.take,total:i,itemHeight:this.viewHeight,topOffset:this.viewOffset,bottomOffset:this.bottomOffset,scrollOffsetSize:this.viewOffset,maxScrollDifference:this.viewHeight,onScroll:this.props.onScroll,onScrollAction:this.handleScrollAction,onMount:this.handleVirtualizationMount,children:b,tabIndex:this.props.tabIndex}));return s.createElement("div",{ref:D=>{this._element=D},className:k},this.props.dom.didCalculate?g:null)}};p.propTypes={activeView:r.number.isRequired,bottomOffset:r.number,cellUID:r.string.isRequired,focusedDate:r.instanceOf(Date).isRequired,max:r.instanceOf(Date).isRequired,min:r.instanceOf(Date).isRequired,onChange:r.func,showWeekNumbers:r.bool,smoothScroll:r.bool,take:r.number,value:r.instanceOf(Date),viewHeight:r.number,viewOffset:r.number,tabIndex:r.number},p.defaultProps={take:I,showWeekNumbers:!1,smoothScroll:!0};let u=p;f.registerForIntl(u);exports.ViewList=u;

package/calendar/components/ViewList.mjs

@@ -0,0 +1,228 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as s from "react";
+import o from "prop-types";
+import { classNames as g } from "@progress/kendo-react-common";
+import { cloneDate as x, getDate as d, isEqualDate as D } from "@progress/kendo-date-math";
+import { provideIntlService as y, registerForIntl as V } from "@progress/kendo-react-intl";
+import { Virtualization as S } from "../../virtualization/Virtualization.mjs";
+import { View as I } from "./View.mjs";
+import { Header as T } from "./Header.mjs";
+import { dateInRange as u, shiftWeekNames as C, isInRange as E, getToday as N } from "../../utils.mjs";
+import { CalendarViewEnum as l } from "../models/CalendarViewEnum.mjs";
+import { TodayCommand as O } from "./TodayCommand.mjs";
+const H = 5, h = class h extends s.Component {
+  constructor(r) {
+    super(r), this.virtualization = null, this.calendarView = null, this.table = null, this.intl = null, this.bottomOffset = 0, this.viewOffset = 0, this.viewHeight = 0, this._element = null, this.isActive = !1, this.animateToIndex = !0, this.shouldScroll = !1, this.focusActiveDate = () => {
+      if (!this._element)
+        return;
+      const e = this._element.querySelector("td.k-focus"), t = this._element.querySelector(".k-state-pending-focus");
+      e && e[0] && e[0].classList.remove("k-focus"), t && t.classList.add("k-focus"), this.isActive = !0;
+    }, this.blurActiveDate = () => {
+      if (!this._element)
+        return;
+      const e = this._element.querySelector("td.k-focus");
+      e && e.classList.remove("k-focus"), this.isActive = !1;
+    }, this.handleVirtualizationMount = (e) => {
+      if (this.virtualization = e, this.virtualization && this.table) {
+        this.table.style.transform = `translateY(${this.viewOffset}px)`;
+        const t = u(this.props.focusedDate, this.props.min, this.props.max), i = this.props.service.skip(t, this.props.min);
+        this.virtualization.scrollToIndex(i);
+      }
+    }, this.buildMonthView = (e, t) => /* @__PURE__ */ s.createElement(
+      "table",
+      {
+        key: "calendar-view-list-weekdays",
+        className: "k-calendar-table k-calendar-weekdays",
+        role: "grid",
+        tabIndex: this.props.tabIndex
+      },
+      /* @__PURE__ */ s.createElement("colgroup", null, e.map((i, a) => /* @__PURE__ */ s.createElement("col", { key: a }))),
+      /* @__PURE__ */ s.createElement("thead", { className: "k-calendar-thead" }, /* @__PURE__ */ s.createElement("tr", { className: "k-calendar-tr" }, t.map((i, a) => /* @__PURE__ */ s.createElement("th", { key: a, className: "k-calendar-th" }, i))))
+    ), this.buildDates = (e, t) => {
+      const i = this.props.cellUID;
+      return /* @__PURE__ */ s.createElement(
+        "table",
+        {
+          className: "k-calendar-table",
+          ref: (a) => this.table = a,
+          role: "grid",
+          tabIndex: this.props.tabIndex,
+          "aria-activedescendant": i + this.props.focusedDate.getTime()
+        },
+        /* @__PURE__ */ s.createElement("colgroup", null, e.map((a, n) => /* @__PURE__ */ s.createElement("col", { key: n }))),
+        t.map((a) => /* @__PURE__ */ s.createElement(
+          I,
+          {
+            ref: (n) => {
+              this.calendarView || (this.calendarView = n);
+            },
+            key: a.getTime(),
+            activeView: this.props.activeView,
+            viewDate: a,
+            min: this.props.min,
+            max: this.props.max,
+            cellUID: i,
+            focusedDate: this.props.focusedDate,
+            cell: this.props.cell,
+            selectedDate: this.props.value,
+            showWeekNumbers: this.weekNumber,
+            onChange: this.handleDateChange,
+            bus: this.props.bus,
+            service: this.props.service,
+            weekCell: this.props.weekCell
+          }
+        ))
+      );
+    }, this.calculateHeights = () => {
+      if (!this.props.dom)
+        return;
+      const e = this.props.activeView === l.month ? this.props.dom.scrollableContentHeight : this.props.dom.scrollableYearContentHeight;
+      this.bottomOffset = e - this.props.dom.viewHeight(this.props.activeView), this.viewOffset = -1 * this.props.dom.headerHeight, this.viewHeight = this.props.dom.viewHeight(this.props.activeView) || 1;
+    }, this.getTake = (e, t) => Math.min(t - e, this.take), this.handleScrollAction = ({ index: e, scrollAction: t, pageAction: i }) => {
+      const a = i ? i.skip : this.state.skip;
+      if ((this.state.index !== e || this.state.skip !== a) && this.setState({ index: e, skip: a }), this.table && t) {
+        const n = `translateY(${t.offset}px)`;
+        this.table.style.transform = n;
+      }
+    }, this.handleTodayClick = (e) => {
+      this.shouldScroll = !0, this.handleDateChange.call(void 0, e, !0);
+    }, this.handleDateChange = (e, t = !1) => {
+      const { onChange: i } = this.props;
+      if (i) {
+        const a = {
+          syntheticEvent: e.syntheticEvent,
+          nativeEvent: e.nativeEvent,
+          value: x(e.value),
+          target: this,
+          isTodayClick: t
+        };
+        i.call(void 0, a);
+      }
+    }, this.lastView = this.props.activeView, this.lastFocus = this.props.focusedDate, this.state = {
+      skip: this.props.service.skip(this.props.focusedDate, this.props.min),
+      index: this.props.service.skip(this.props.focusedDate, this.props.min)
+    };
+  }
+  get element() {
+    return this._element;
+  }
+  get weekNames() {
+    this.intl = y(this);
+    const r = C(
+      this.intl.dateFormatNames({ nameType: "short", type: "days" }),
+      this.intl.firstDay()
+    );
+    return this.weekNumber ? [""].concat(r) : r;
+  }
+  get weekNumber() {
+    return !!(this.props.showWeekNumbers && this.props.activeView === l.month);
+  }
+  get take() {
+    return this.props.take !== void 0 ? this.props.take : h.defaultProps.take;
+  }
+  get animate() {
+    return !!(this.props.smoothScroll && this.animateToIndex);
+  }
+  get todayIsInRange() {
+    return E(N(), d(this.props.min), d(this.props.max));
+  }
+  componentDidUpdate(r, e) {
+    this.shouldScroll = !1, this.indexToScroll !== void 0 && this.virtualization && this.virtualization[this.animate ? "animateToIndex" : "scrollToIndex"](this.indexToScroll), this.isActive && this.focusActiveDate(), this.lastView = this.props.activeView, this.indexToScroll = void 0;
+  }
+  render() {
+    this.calculateHeights();
+    const r = this.lastView !== this.props.activeView, e = u(this.props.focusedDate, this.props.min, this.props.max), t = r ? this.props.service.skip(e, this.props.min) : this.state.skip, i = this.props.service.total(this.props.min, this.props.max), a = this.getTake(t, i), n = this.props.service.addToDate(this.props.min, t), f = this.props.service.addToDate(this.props.min, this.state.index), p = new Array(this.props.service.rowLength(this.weekNumber)).fill(""), m = this.props.activeView !== this.lastView;
+    this.animateToIndex = !m, (m || !D(this.lastFocus, e) || this.shouldScroll || !this.props.shouldScroll || this.props.shouldScroll()) && (this.indexToScroll = this.props.service.skip(e, this.props.min)), this.lastFocus = e;
+    const v = g(
+      "k-calendar-view k-vstack",
+      {
+        "k-calendar-monthview": this.props.activeView === l.month,
+        "k-calendar-yearview": this.props.activeView === l.year,
+        "k-calendar-decadeview": this.props.activeView === l.decade,
+        "k-calendar-centuryview": this.props.activeView === l.century
+      }
+    ), w = this.buildDates(p, this.props.service.datesList(n, a)), k = /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(
+      T,
+      {
+        key: "calendar-view-list-header",
+        currentDate: f,
+        min: this.props.min,
+        max: this.props.max,
+        activeView: this.props.activeView,
+        bus: this.props.bus,
+        service: this.props.service,
+        headerTitle: this.props.headerTitle,
+        commands: /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(
+          O,
+          {
+            min: this.props.min,
+            max: this.props.max,
+            onClick: this.handleTodayClick,
+            disabled: !this.todayIsInRange,
+            tabIndex: this.props.tabIndex
+          }
+        ))
+      }
+    ), this.props.activeView === l.month && this.buildMonthView(p, this.weekNames), /* @__PURE__ */ s.createElement(
+      S,
+      {
+        key: "calendar-view-list-content",
+        skip: t,
+        take: this.take,
+        total: i,
+        itemHeight: this.viewHeight,
+        topOffset: this.viewOffset,
+        bottomOffset: this.bottomOffset,
+        scrollOffsetSize: this.viewOffset,
+        maxScrollDifference: this.viewHeight,
+        onScroll: this.props.onScroll,
+        onScrollAction: this.handleScrollAction,
+        onMount: this.handleVirtualizationMount,
+        children: w,
+        tabIndex: this.props.tabIndex
+      }
+    ));
+    return /* @__PURE__ */ s.createElement(
+      "div",
+      {
+        ref: (b) => {
+          this._element = b;
+        },
+        className: v
+      },
+      this.props.dom.didCalculate ? k : null
+    );
+  }
+};
+h.propTypes = {
+  activeView: o.number.isRequired,
+  bottomOffset: o.number,
+  cellUID: o.string.isRequired,
+  focusedDate: o.instanceOf(Date).isRequired,
+  max: o.instanceOf(Date).isRequired,
+  min: o.instanceOf(Date).isRequired,
+  onChange: o.func,
+  showWeekNumbers: o.bool,
+  smoothScroll: o.bool,
+  take: o.number,
+  value: o.instanceOf(Date),
+  viewHeight: o.number,
+  viewOffset: o.number,
+  tabIndex: o.number
+}, h.defaultProps = {
+  take: H,
+  showWeekNumbers: !1,
+  smoothScroll: !0
+};
+let c = h;
+V(c);
+export {
+  c as ViewList
+};

package/calendar/models/CalendarViewEnum.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var c=(t=>(t[t.month=0]="month",t[t.year=1]="year",t[t.decade=2]="decade",t[t.century=3]="century",t))(c||{});exports.CalendarViewEnum=c;