@progress/kendo-react-dateinputs 7.2.4-develop.2 → 7.2.4-develop.4

package/calendar/components/Calendar.js

@@ -0,0 +1,12 @@
+/**
+ * @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 C=require("react"),a=require("prop-types"),u=require("@progress/kendo-react-common"),l=require("@progress/kendo-date-math"),V=require("@progress/kendo-react-intl"),E=require("../../package-metadata.js"),k=require("./ViewList.js"),I=require("./Navigation.js"),d=require("../models/CalendarViewEnum.js"),r=require("../../utils.js"),x=require("../services/BusViewService.js"),N=require("../services/DOMService.js"),P=require("../services/NavigationService.js"),O=require("../services/ScrollSyncService.js");function M(c){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const t in c)if(t!=="default"){const e=Object.getOwnPropertyDescriptor(c,t);Object.defineProperty(s,t,e.get?e:{enumerable:!0,get:()=>c[t]})}}return s.default=c,Object.freeze(s)}const m=M(C),g=c=>c?c.virtualization:null,D=(c=v.defaultProps.min,s=v.defaultProps.max,t,e)=>e!==void 0?e!==null&&r.isInRange(l.getDate(e),c,s)?e:null:t!==null&&r.isInRange(l.getDate(t),c,s)?t:null,h=class h extends m.Component{constructor(s){super(s),this.scrollSyncService=null,this.focusedDate=null,this.Navigation=null,this.calendarViewList=null,this._element=null,this.intl=null,this.service=null,this.isActive=!1,this.didNavigationChange=!1,this.focus=()=>{this._element&&this._element.focus()},this.shouldScroll=()=>this.didNavigationChange,this.handleScroll=e=>{this.scrollSyncService&&this.scrollSyncService.sync(g(this.Navigation),g(this.calendarViewList),e)},this.handleNavigationChange=e=>{if(this.props.disabled)return;this.didNavigationChange=!0;const i=l.cloneDate(e.value);this.setState({focusedDate:i})},this.handleViewChange=({view:e})=>{this.scrollSyncService&&this.scrollSyncService.configure(e),this.setState({activeView:e})},this.handleDateChange=e=>{const i=l.cloneDate(e.value),n=l.cloneDate(e.value),f=this.bus.canMoveDown(this.state.activeView);if(this.props.disabled)return;if(f)if(e.isTodayClick)this.bus.moveToBottom(this.state.activeView);else{this.bus.moveDown(this.state.activeView,e.syntheticEvent),this.setState({focusedDate:n});return}this.setState({value:i,focusedDate:n}),this.valueDuringOnChange=i;const{onChange:p}=this.props;if(p){const o={syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,value:i,target:this};p.call(void 0,o)}this.valueDuringOnChange=void 0},this.handleFocus=e=>{if(this.isActive=!0,!this.calendarViewList)return;this.calendarViewList.focusActiveDate();const{onFocus:i}=this.props;i&&i.call(void 0,e)},this.handleBlur=e=>{if(this.isActive=!1,!this.calendarViewList)return;this.calendarViewList.blurActiveDate();const{onBlur:i}=this.props;i&&i.call(void 0,e)},this.handleKeyDown=e=>{const{keyCode:n,ctrlKey:f,metaKey:p}=e;if(!(!this.focusedDate||!this.service)){if(n===84&&this.setState({focusedDate:r.getToday()}),(f||p)&&(n===u.Keys.left||n===u.Keys.right)){if(this.props.disabled)return;this.didNavigationChange=!0,this.focusedDate.getDate()===31&&this.focusedDate.setDate(30);const o=n===u.Keys.left?this.focusedDate.getMonth()-1:this.focusedDate.getMonth()+1,w=new Date(this.focusedDate.setMonth(o)),y=l.cloneDate(w);this.setState({focusedDate:y})}if(n===u.Keys.enter){if(this.value!==null&&l.isEqualDate(this.focusedDate,this.value)){const w=r.dateInRange(this.focusedDate,this.min,this.max);g(this.calendarViewList).scrollToIndex(this.service.skip(w,this.min))}const o={syntheticEvent:e,nativeEvent:e.nativeEvent,value:this.focusedDate,target:this};this.handleDateChange(o)}else{const o=r.dateInRange(this.navigation.move(this.focusedDate,this.navigation.action(e),this.state.activeView,this.service,e),this.min,this.max);if(l.isEqualDate(this.focusedDate,o))return;this.setState({focusedDate:o})}e.preventDefault()}},this.handleMouseDown=e=>{e.preventDefault()},this.handleClick=e=>{this._element&&this._element.focus({preventScroll:!0})},u.validatePackage(E.packageMetadata);const t=D(this.min,this.max,this.props.defaultValue||h.defaultProps.defaultValue,this.props.value);this.state={value:t,activeView:r.viewInRange(d.CalendarViewEnum[s.defaultActiveView],this.bottomView,this.topView),focusedDate:r.dateInRange(s.focusedDate||t||r.getToday(),this.min,this.max)},this.dom=new N.DOMService,this.bus=new x.BusViewService(this.handleViewChange),this.navigation=new P.NavigationService(this.bus),this.oldValue=t}get cellUID(){return this.props.id+"-cell-uid"}get id(){return this.props.id+"-id"}get element(){return this._element}get value(){return this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.props.value!==void 0?this.props.value:this.state.value}get min(){return l.getDate(this.props.min!==void 0?this.props.min:h.defaultProps.min)}get max(){return l.getDate(this.props.max!==void 0?this.props.max:h.defaultProps.max)}get bottomView(){return d.CalendarViewEnum[this.props.bottomView!==void 0?this.props.bottomView:h.defaultProps.bottomView]}get topView(){return d.CalendarViewEnum[this.props.topView!==void 0?this.props.topView:h.defaultProps.topView]}componentDidMount(){Promise.resolve().then(()=>{u.setScrollbarWidth(),this._element&&(this.dom.calculateHeights(this._element),this.scrollSyncService=new O.ScrollSyncService(this.dom),this.scrollSyncService.configure(this.state.activeView),this.forceUpdate())})}componentDidUpdate(s,t){u.setScrollbarWidth(),t.activeView!==this.state.activeView&&this.scrollSyncService&&this.scrollSyncService.configure(this.state.activeView),this.calendarViewList&&(this.isActive?this.calendarViewList.focusActiveDate:this.calendarViewList.blurActiveDate)(),this.didNavigationChange=!1,this.isActive&&(this.oldValue=this.value)}render(){this.props._ref&&this.props._ref(this);const s=this.value!==null&&this.oldValue!==null?!l.isEqualDate(this.value,this.oldValue):this.value!==this.oldValue,t=r.viewInRange(this.state.activeView,d.CalendarViewEnum[this.props.bottomView!==void 0?this.props.bottomView:h.defaultProps.bottomView],d.CalendarViewEnum[this.props.topView!==void 0?this.props.topView:h.defaultProps.topView]),e=D(this.min,this.max,this.value,this.value),i=e?l.getDate(e):null;this.focusedDate=l.getDate(r.dateInRange(s&&e!==null?e:this.state.focusedDate,this.min,this.max)),this.intl=V.provideIntlService(this),this.bus.configure(this.bottomView,this.topView),this.service=this.bus.service(t,this.intl);const{smoothScroll:n=Number.parseFloat(m.version)<18}=this.props,f=u.classNames("k-widget k-calendar k-calendar-infinite",{"k-disabled":this.props.disabled,"k-week-number":this.props.weekNumber,"k-calendar-lg":this.props.mobileMode},this.props.className),p=[this.props.navigation&&m.createElement(I.Navigation,{key:0,ref:o=>{this.Navigation=o},activeView:this.state.activeView,focusedDate:this.focusedDate,min:this.min,max:this.max,onScroll:this.handleScroll,onChange:this.handleNavigationChange,service:this.service,dom:this.dom,navigationItem:this.props.navigationItem,tabIndex:this.props.tabIndex}),m.createElement(k.ViewList,{key:1,ref:o=>{this.calendarViewList=o},activeView:this.state.activeView,focusedDate:this.focusedDate,min:this.min,max:this.max,bus:this.bus,shouldScroll:this.shouldScroll,onScroll:this.handleScroll,service:this.service,cell:this.props.cell,weekCell:this.props.weekCell,dom:this.dom,smoothScroll:n,showWeekNumbers:this.props.weekNumber,onChange:this.handleDateChange,value:i,cellUID:this.cellUID,headerTitle:this.props.headerTitle,tabIndex:this.props.tabIndex})];return m.createElement("div",{ref:o=>{this._element=o},className:f,id:this.props.id||this.id,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-disabled":this.props.disabled,tabIndex:this.props.disabled?void 0:this.props.tabIndex||0,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,onMouseDown:this.handleMouseDown,onClick:this.handleClick},p)}};h.displayName="Calendar",h.propTypes={className:a.string,defaultActiveView:a.oneOf(["month","year","decade","century"]),defaultValue:a.instanceOf(Date),disabled:a.bool,focusedDate:a.instanceOf(Date),id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,max:a.instanceOf(Date),min:a.instanceOf(Date),navigation:a.bool,smoothScroll:a.bool,onBlur:a.func,onChange:a.func,onFocus:a.func,tabIndex:a.number,value:a.instanceOf(Date),weekNumber:a.bool,topView:(s,t,e)=>{const i=s[t],n=s.bottomView;return i&&n&&d.CalendarViewEnum[i]<d.CalendarViewEnum[n]?new Error(`Invalid prop + ${t} suplied to ${e}.
+                    ${t} can not be smaller than bottomView.
+                    `):null},bottomView:(s,t,e)=>{const i=s[t],n=s.topView;return i&&n&&d.CalendarViewEnum[i]>d.CalendarViewEnum[n]?new Error(`Invalid prop + ${t} suplied to ${e}.
+                    ${t} can not be bigger than topView.
+                    `):null}},h.defaultProps={disabled:!1,min:r.MIN_DATE,max:r.MAX_DATE,navigation:!0,defaultActiveView:"month",defaultValue:null,topView:"century",bottomView:"month"};let v=h;const b=u.createPropsContext(),S=u.withIdHOC(u.withPropsContext(b,v));S.displayName="KendoReactCalendar";V.registerForIntl(v);exports.Calendar=S;exports.CalendarPropsContext=b;exports.CalendarWithoutContext=v;

package/calendar/components/Calendar.mjs

@@ -0,0 +1,328 @@
+/**
+ * @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 v from "react";
+import s from "prop-types";
+import { Keys as m, validatePackage as I, setScrollbarWidth as b, classNames as N, createPropsContext as E, withIdHOC as P, withPropsContext as A } from "@progress/kendo-react-common";
+import { cloneDate as f, isEqualDate as D, getDate as c } from "@progress/kendo-date-math";
+import { provideIntlService as L, registerForIntl as M } from "@progress/kendo-react-intl";
+import { packageMetadata as O } from "../../package-metadata.mjs";
+import { ViewList as B } from "./ViewList.mjs";
+import { Navigation as T } from "./Navigation.mjs";
+import { CalendarViewEnum as r } from "../models/CalendarViewEnum.mjs";
+import { getToday as S, dateInRange as w, viewInRange as y, MIN_DATE as K, MAX_DATE as F, isInRange as C } from "../../utils.mjs";
+import { BusViewService as _ } from "../services/BusViewService.mjs";
+import { DOMService as $ } from "../services/DOMService.mjs";
+import { NavigationService as R } from "../services/NavigationService.mjs";
+import { ScrollSyncService as U } from "../services/ScrollSyncService.mjs";
+const V = (u) => u ? u.virtualization : null, x = (u = d.defaultProps.min, o = d.defaultProps.max, i, t) => t !== void 0 ? t !== null && C(c(t), u, o) ? t : null : i !== null && C(c(i), u, o) ? i : null, l = class l extends v.Component {
+  constructor(o) {
+    super(o), this.scrollSyncService = null, this.focusedDate = null, this.Navigation = null, this.calendarViewList = null, this._element = null, this.intl = null, this.service = null, this.isActive = !1, this.didNavigationChange = !1, this.focus = () => {
+      this._element && this._element.focus();
+    }, this.shouldScroll = () => this.didNavigationChange, this.handleScroll = (t) => {
+      this.scrollSyncService && this.scrollSyncService.sync(
+        V(this.Navigation),
+        V(this.calendarViewList),
+        t
+      );
+    }, this.handleNavigationChange = (t) => {
+      if (this.props.disabled)
+        return;
+      this.didNavigationChange = !0;
+      const e = f(t.value);
+      this.setState({ focusedDate: e });
+    }, this.handleViewChange = ({ view: t }) => {
+      this.scrollSyncService && this.scrollSyncService.configure(t), this.setState({ activeView: t });
+    }, this.handleDateChange = (t) => {
+      const e = f(t.value), a = f(t.value), p = this.bus.canMoveDown(this.state.activeView);
+      if (this.props.disabled)
+        return;
+      if (p)
+        if (t.isTodayClick)
+          this.bus.moveToBottom(this.state.activeView);
+        else {
+          this.bus.moveDown(this.state.activeView, t.syntheticEvent), this.setState({ focusedDate: a });
+          return;
+        }
+      this.setState({ value: e, focusedDate: a }), this.valueDuringOnChange = e;
+      const { onChange: h } = this.props;
+      if (h) {
+        const n = {
+          syntheticEvent: t.syntheticEvent,
+          nativeEvent: t.nativeEvent,
+          value: e,
+          target: this
+        };
+        h.call(void 0, n);
+      }
+      this.valueDuringOnChange = void 0;
+    }, this.handleFocus = (t) => {
+      if (this.isActive = !0, !this.calendarViewList)
+        return;
+      this.calendarViewList.focusActiveDate();
+      const { onFocus: e } = this.props;
+      e && e.call(void 0, t);
+    }, this.handleBlur = (t) => {
+      if (this.isActive = !1, !this.calendarViewList)
+        return;
+      this.calendarViewList.blurActiveDate();
+      const { onBlur: e } = this.props;
+      e && e.call(void 0, t);
+    }, this.handleKeyDown = (t) => {
+      const { keyCode: a, ctrlKey: p, metaKey: h } = t;
+      if (!(!this.focusedDate || !this.service)) {
+        if (a === 84 && this.setState({ focusedDate: S() }), (p || h) && (a === m.left || a === m.right)) {
+          if (this.props.disabled)
+            return;
+          this.didNavigationChange = !0, this.focusedDate.getDate() === 31 && this.focusedDate.setDate(30);
+          const n = a === m.left ? this.focusedDate.getMonth() - 1 : this.focusedDate.getMonth() + 1, g = new Date(this.focusedDate.setMonth(n)), k = f(g);
+          this.setState({ focusedDate: k });
+        }
+        if (a === m.enter) {
+          if (this.value !== null && D(this.focusedDate, this.value)) {
+            const g = w(this.focusedDate, this.min, this.max);
+            V(this.calendarViewList).scrollToIndex(this.service.skip(g, this.min));
+          }
+          const n = {
+            syntheticEvent: t,
+            nativeEvent: t.nativeEvent,
+            value: this.focusedDate,
+            target: this
+          };
+          this.handleDateChange(n);
+        } else {
+          const n = w(
+            this.navigation.move(
+              this.focusedDate,
+              this.navigation.action(t),
+              this.state.activeView,
+              this.service,
+              t
+            ),
+            this.min,
+            this.max
+          );
+          if (D(this.focusedDate, n))
+            return;
+          this.setState({ focusedDate: n });
+        }
+        t.preventDefault();
+      }
+    }, this.handleMouseDown = (t) => {
+      t.preventDefault();
+    }, this.handleClick = (t) => {
+      this._element && this._element.focus({ preventScroll: !0 });
+    }, I(O);
+    const i = x(
+      this.min,
+      this.max,
+      this.props.defaultValue || l.defaultProps.defaultValue,
+      this.props.value
+    );
+    this.state = {
+      value: i,
+      activeView: y(
+        r[o.defaultActiveView],
+        this.bottomView,
+        this.topView
+      ),
+      focusedDate: w(
+        o.focusedDate || i || S(),
+        this.min,
+        this.max
+      )
+    }, this.dom = new $(), this.bus = new _(this.handleViewChange), this.navigation = new R(this.bus), this.oldValue = i;
+  }
+  get cellUID() {
+    return this.props.id + "-cell-uid";
+  }
+  get id() {
+    return this.props.id + "-id";
+  }
+  /**
+   * Gets the wrapping element of the Calendar.
+   */
+  get element() {
+    return this._element;
+  }
+  /**
+   * Gets the value of the Calendar.
+   */
+  get value() {
+    return this.valueDuringOnChange !== void 0 ? this.valueDuringOnChange : this.props.value !== void 0 ? this.props.value : this.state.value;
+  }
+  get min() {
+    return c(this.props.min !== void 0 ? this.props.min : l.defaultProps.min);
+  }
+  get max() {
+    return c(this.props.max !== void 0 ? this.props.max : l.defaultProps.max);
+  }
+  get bottomView() {
+    return r[this.props.bottomView !== void 0 ? this.props.bottomView : l.defaultProps.bottomView];
+  }
+  get topView() {
+    return r[this.props.topView !== void 0 ? this.props.topView : l.defaultProps.topView];
+  }
+  /**
+   * @hidden
+   */
+  componentDidMount() {
+    Promise.resolve().then(() => {
+      b(), this._element && (this.dom.calculateHeights(this._element), this.scrollSyncService = new U(this.dom), this.scrollSyncService.configure(this.state.activeView), this.forceUpdate());
+    });
+  }
+  /**
+   * @hidden
+   */
+  componentDidUpdate(o, i) {
+    b(), i.activeView !== this.state.activeView && this.scrollSyncService && this.scrollSyncService.configure(this.state.activeView), this.calendarViewList && (this.isActive ? this.calendarViewList.focusActiveDate : this.calendarViewList.blurActiveDate)(), this.didNavigationChange = !1, this.isActive && (this.oldValue = this.value);
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    this.props._ref && this.props._ref(this);
+    const o = this.value !== null && this.oldValue !== null ? !D(this.value, this.oldValue) : this.value !== this.oldValue, i = y(
+      this.state.activeView,
+      r[this.props.bottomView !== void 0 ? this.props.bottomView : l.defaultProps.bottomView],
+      r[this.props.topView !== void 0 ? this.props.topView : l.defaultProps.topView]
+    ), t = x(this.min, this.max, this.value, this.value), e = t ? c(t) : null;
+    this.focusedDate = c(w(
+      o && t !== null ? t : this.state.focusedDate,
+      this.min,
+      this.max
+    )), this.intl = L(this), this.bus.configure(this.bottomView, this.topView), this.service = this.bus.service(i, this.intl);
+    const { smoothScroll: a = Number.parseFloat(v.version) < 18 } = this.props, p = N(
+      "k-widget k-calendar k-calendar-infinite",
+      {
+        "k-disabled": this.props.disabled,
+        "k-week-number": this.props.weekNumber,
+        "k-calendar-lg": this.props.mobileMode
+      },
+      this.props.className
+    ), h = [this.props.navigation && /* @__PURE__ */ v.createElement(
+      T,
+      {
+        key: 0,
+        ref: (n) => {
+          this.Navigation = n;
+        },
+        activeView: this.state.activeView,
+        focusedDate: this.focusedDate,
+        min: this.min,
+        max: this.max,
+        onScroll: this.handleScroll,
+        onChange: this.handleNavigationChange,
+        service: this.service,
+        dom: this.dom,
+        navigationItem: this.props.navigationItem,
+        tabIndex: this.props.tabIndex
+      }
+    ), /* @__PURE__ */ v.createElement(
+      B,
+      {
+        key: 1,
+        ref: (n) => {
+          this.calendarViewList = n;
+        },
+        activeView: this.state.activeView,
+        focusedDate: this.focusedDate,
+        min: this.min,
+        max: this.max,
+        bus: this.bus,
+        shouldScroll: this.shouldScroll,
+        onScroll: this.handleScroll,
+        service: this.service,
+        cell: this.props.cell,
+        weekCell: this.props.weekCell,
+        dom: this.dom,
+        smoothScroll: a,
+        showWeekNumbers: this.props.weekNumber,
+        onChange: this.handleDateChange,
+        value: e,
+        cellUID: this.cellUID,
+        headerTitle: this.props.headerTitle,
+        tabIndex: this.props.tabIndex
+      }
+    )];
+    return /* @__PURE__ */ v.createElement(
+      "div",
+      {
+        ref: (n) => {
+          this._element = n;
+        },
+        className: p,
+        id: this.props.id || this.id,
+        "aria-labelledby": this.props.ariaLabelledBy,
+        "aria-describedby": this.props.ariaDescribedBy,
+        "aria-disabled": this.props.disabled,
+        tabIndex: this.props.disabled ? void 0 : this.props.tabIndex || 0,
+        onFocus: this.handleFocus,
+        onBlur: this.handleBlur,
+        onKeyDown: this.handleKeyDown,
+        onMouseDown: this.handleMouseDown,
+        onClick: this.handleClick
+      },
+      h
+    );
+  }
+};
+l.displayName = "Calendar", l.propTypes = {
+  className: s.string,
+  defaultActiveView: s.oneOf(["month", "year", "decade", "century"]),
+  defaultValue: s.instanceOf(Date),
+  disabled: s.bool,
+  focusedDate: s.instanceOf(Date),
+  id: s.string,
+  ariaLabelledBy: s.string,
+  ariaDescribedBy: s.string,
+  max: s.instanceOf(Date),
+  min: s.instanceOf(Date),
+  navigation: s.bool,
+  smoothScroll: s.bool,
+  onBlur: s.func,
+  onChange: s.func,
+  onFocus: s.func,
+  tabIndex: s.number,
+  value: s.instanceOf(Date),
+  weekNumber: s.bool,
+  topView: (o, i, t) => {
+    const e = o[i], a = o.bottomView;
+    return e && a && r[e] < r[a] ? new Error(
+      `Invalid prop + ${i} suplied to ${t}.
+                    ${i} can not be smaller than bottomView.
+                    `
+    ) : null;
+  },
+  bottomView: (o, i, t) => {
+    const e = o[i], a = o.topView;
+    return e && a && r[e] > r[a] ? new Error(
+      `Invalid prop + ${i} suplied to ${t}.
+                    ${i} can not be bigger than topView.
+                    `
+    ) : null;
+  }
+}, l.defaultProps = {
+  disabled: !1,
+  min: K,
+  max: F,
+  navigation: !0,
+  defaultActiveView: "month",
+  defaultValue: null,
+  topView: "century",
+  bottomView: "month"
+};
+let d = l;
+const Y = E(), z = P(A(Y, d));
+z.displayName = "KendoReactCalendar";
+M(d);
+export {
+  z as Calendar,
+  Y as CalendarPropsContext,
+  d as CalendarWithoutContext
+};

package/calendar/components/CalendarCell.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 E=require("react"),b=require("@progress/kendo-react-common");function C(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>n[e]})}}return t.default=n,Object.freeze(t)}const l=C(E),M=(n,t)=>{const e=Object.getOwnPropertyNames(n),s=Object.getOwnPropertyNames(t);if(e.length!==s.length)return!1;for(let a=0;a<e.length;a++){const o=e[a];if(n[o]!==t[o])return!1}return!0};class R extends l.Component{constructor(){super(...arguments),this.handleClick=t=>{const{onClick:e,value:s}=this.props;e&&e.call(void 0,s,t)},this.handleMouseEnter=()=>{const{onMouseEnter:t,value:e}=this.props;t&&t.call(void 0,e)},this.handleMouseLeave=()=>{const{onMouseLeave:t,value:e}=this.props;t&&t.call(void 0,e)}}shouldComponentUpdate(t){const{value:e,...s}=this.props,{value:a,...o}=t;return!((!(e&&a)||e.getTime()===a.getTime())&&M(s,o))}render(){const{className:t,formattedValue:e,isWeekend:s,isFocused:a,isInRange:o,isSelected:c,isRangeStart:r,isRangeMid:d,isRangeEnd:i,isRangeSplitStart:u,isRangeSplitEnd:p,isToday:g,isDisabled:h,view:O,value:S,...m}=this.props,v=this.props.activeRangeEnd==="end"&&i,k=this.props.activeRangeEnd==="start"&&r,f=b.classNames("k-calendar-td",{"k-range-end":i,"k-range-mid":d,"k-range-split-end":p,"k-range-split-start":u,"k-range-start":r,"k-active":k||v,"k-state-pending-focus":a,"k-selected":c||r||i,"k-today":g,"k-weekend":s,"k-disabled":h},t);return l.createElement("td",{...m,className:f,onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},l.createElement("span",{className:"k-link"},this.props.children))}}exports.CalendarCell=R;

package/calendar/components/CalendarCell.mjs

@@ -0,0 +1,101 @@
+/**
+ * @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 l from "react";
+import { classNames as f } from "@progress/kendo-react-common";
+const C = (o, e) => {
+  const s = Object.getOwnPropertyNames(o), n = Object.getOwnPropertyNames(e);
+  if (s.length !== n.length)
+    return !1;
+  for (let t = 0; t < s.length; t++) {
+    const a = s[t];
+    if (o[a] !== e[a])
+      return !1;
+  }
+  return !0;
+};
+class w extends l.Component {
+  constructor() {
+    super(...arguments), this.handleClick = (e) => {
+      const { onClick: s, value: n } = this.props;
+      s && s.call(void 0, n, e);
+    }, this.handleMouseEnter = () => {
+      const { onMouseEnter: e, value: s } = this.props;
+      e && e.call(void 0, s);
+    }, this.handleMouseLeave = () => {
+      const { onMouseLeave: e, value: s } = this.props;
+      e && e.call(void 0, s);
+    };
+  }
+  // Manually checking if the component needs an update
+  // due to date object being compared by instance
+  // and new Date object is created
+  // every time and fails the shallow compare of the React.PureComponent.
+  /**
+   * @hidden
+   */
+  shouldComponentUpdate(e) {
+    const { value: s, ...n } = this.props, { value: t, ...a } = e;
+    return !((!(s && t) || s.getTime() === t.getTime()) && C(n, a));
+  }
+  /* eslint-disable max-len */
+  /**
+   * @return
+   * Returns a `<td />` element with a `<span className="k-link" />` inside to apply the styles. The text inside is the [`formattedValue`]({% slug api_dateinputs_calendarcellprops %}#toc-formattedvalue) of the `cell`.
+   */
+  render() {
+    const {
+      className: e,
+      formattedValue: s,
+      isWeekend: n,
+      isFocused: t,
+      isInRange: a,
+      isSelected: c,
+      isRangeStart: r,
+      isRangeMid: d,
+      isRangeEnd: i,
+      isRangeSplitStart: p,
+      isRangeSplitEnd: u,
+      isToday: h,
+      isDisabled: g,
+      view: M,
+      value: R,
+      ...m
+    } = this.props, v = this.props.activeRangeEnd === "end" && i, k = this.props.activeRangeEnd === "start" && r, E = f(
+      "k-calendar-td",
+      {
+        "k-range-end": i,
+        "k-range-mid": d,
+        "k-range-split-end": u,
+        "k-range-split-start": p,
+        "k-range-start": r,
+        "k-active": k || v,
+        "k-state-pending-focus": t,
+        "k-selected": c || r || i,
+        "k-today": h,
+        "k-weekend": n,
+        "k-disabled": g
+      },
+      e
+    );
+    return /* @__PURE__ */ l.createElement(
+      "td",
+      {
+        ...m,
+        className: E,
+        onClick: this.handleClick,
+        onMouseEnter: this.handleMouseEnter,
+        onMouseLeave: this.handleMouseLeave
+      },
+      /* @__PURE__ */ l.createElement("span", { className: "k-link" }, this.props.children)
+    );
+  }
+}
+export {
+  w as CalendarCell
+};

package/calendar/components/CalendarHeaderTitle.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 a=require("@progress/kendo-react-buttons"),c=require("react");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=l(c);class s extends o.PureComponent{render(){const{view:r,...t}=this.props;return o.createElement(a.Button,{type:"button",fillMode:"flat",...t},this.props.children)}}exports.CalendarHeaderTitle=s;

package/calendar/components/CalendarHeaderTitle.mjs

@@ -0,0 +1,23 @@
+/**
+ * @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 { Button as r } from "@progress/kendo-react-buttons";
+import * as e from "react";
+class s extends e.PureComponent {
+  /**
+   * @return
+   * Returns a `<span />` element with the [`value`]({% slug api_dateinputs_calendarheadertitleprops %}#toc-value) of the title as a child.
+   */
+  render() {
+    const { view: n, ...t } = this.props;
+    return /* @__PURE__ */ e.createElement(r, { type: "button", fillMode: "flat", ...t }, this.props.children);
+  }
+}
+export {
+  s as CalendarHeaderTitle
+};

package/calendar/components/CalendarNavigationItem.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 c=require("react"),s=require("@progress/kendo-react-common");function i(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(t,e,a.get?a:{enumerable:!0,get:()=>n[e]})}}return t.default=n,Object.freeze(t)}const r=i(c);class l extends r.Component{constructor(){super(...arguments),this.handleClick=t=>{const{onClick:e,value:a}=this.props;e&&e.call(void 0,a,t)}}render(){const{isRangeStart:t,value:e,text:a,...o}=this.props;return r.createElement("li",{...o,onClick:this.handleClick},r.createElement("span",{className:s.classNames({"k-calendar-navigation-marker":t})},this.props.children))}}exports.CalendarNavigationItem=l;

package/calendar/components/CalendarNavigationItem.mjs

@@ -0,0 +1,29 @@
+/**
+ * @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 { classNames as n } from "@progress/kendo-react-common";
+class o extends a.Component {
+  constructor() {
+    super(...arguments), this.handleClick = (e) => {
+      const { onClick: t, value: r } = this.props;
+      t && t.call(void 0, r, e);
+    };
+  }
+  /**
+   * @return
+   * Returns a `<li />` element with a `<span />` inside. The text inside represents the [`value`]({% slug api_dateinputs_calendarnavigationitemprops %}#toc-value) of the `navigationItem`.
+   */
+  render() {
+    const { isRangeStart: e, value: t, text: r, ...s } = this.props;
+    return /* @__PURE__ */ a.createElement("li", { ...s, onClick: this.handleClick }, /* @__PURE__ */ a.createElement("span", { className: n({ "k-calendar-navigation-marker": e }) }, this.props.children));
+  }
+}
+export {
+  o as CalendarNavigationItem
+};

package/calendar/components/CalendarWeekCell.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 c=require("react"),o=require("@progress/kendo-react-common");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const a=s(c);class l extends a.Component{render(){const{className:t,firstDate:r,...n}=this.props;return a.createElement("td",{className:o.classNames("k-calendar-td",t),...n},this.props.children)}}exports.CalendarWeekCell=l;

package/calendar/components/CalendarWeekCell.mjs

@@ -0,0 +1,23 @@
+/**
+ * @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 e from "react";
+import { classNames as r } from "@progress/kendo-react-common";
+class o extends e.Component {
+  /**
+   * @return
+   * Returns a `<td />` element with the [`value`]({% slug api_dateinputs_calendarweekcellprops %}#toc-value) as a child.
+   */
+  render() {
+    const { className: s, firstDate: l, ...t } = this.props;
+    return /* @__PURE__ */ e.createElement("td", { className: r("k-calendar-td", s), ...t }, this.props.children);
+  }
+}
+export {
+  o as CalendarWeekCell
+};

package/calendar/components/Header.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 h=require("react"),n=require("prop-types"),u=require("@progress/kendo-react-intl"),o=require("@progress/kendo-react-common"),d=require("./CalendarHeaderTitle.js"),p=require("../../utils.js");function m(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const i=m(h),r=class r extends i.Component{constructor(){super(...arguments),this.getTitle=()=>{if(!this.props.currentDate)return"";const e=this.rangeLength-1,t=this.props.service.title(this.props.currentDate),s=this.props.service.addToDate(this.props.currentDate,e);return e<1||!this.props.service.isInRange(s,this.min,this.max)?t:`${t} - ${this.props.service.title(s)}`},this.handleTitleClick=e=>{this.canMoveUp&&this.props.bus.moveUp(this.props.activeView,e)}}get min(){return this.props.min!==void 0?this.props.min:r.defaultProps.min}get max(){return this.props.max!==void 0?this.props.max:r.defaultProps.max}get rangeLength(){return this.props.rangeLength!==void 0?this.props.rangeLength:r.defaultProps.rangeLength}get canMoveUp(){return this.props.bus.canMoveUp(this.props.activeView)}render(){const e=this.getTitle(),t=o.classNames("k-calendar-title"),s={children:e,value:e,view:this.props.activeView,className:t,onClick:this.handleTitleClick,disabled:!this.canMoveUp},l=this.props.headerTitle?i.createElement(this.props.headerTitle,{...s},e):i.createElement(d.CalendarHeaderTitle,{...s},e);return i.createElement("div",{className:o.classNames("k-calendar-header",{"k-vstack":this.props.verticalView,"k-hstack":!this.props.verticalView})},l,i.createElement("span",{className:"k-spacer"}),i.createElement("span",{className:"k-calendar-nav k-hstack"},this.props.commands))}};r.propTypes={activeView:n.number.isRequired,currentDate:n.instanceOf(Date).isRequired,max:n.instanceOf(Date).isRequired,min:n.instanceOf(Date).isRequired,rangeLength:n.number},r.defaultProps={rangeLength:1,min:p.MIN_DATE,max:p.MAX_DATE};let c=r;u.registerForLocalization(c);exports.Header=c;