@progress/kendo-react-dateinputs 8.3.0-develop.5 → 8.3.0-develop.7

package/calendar/components/Calendar.js

@@ -5,8 +5,8 @@
  * 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"),r=require("@progress/kendo-date-math"),V=require("@progress/kendo-react-intl"),k=require("../../package-metadata.js"),E=require("./ViewList.js"),I=require("./Navigation.js"),d=require("../models/CalendarViewEnum.js"),l=require("../../utils.js"),x=require("../services/BusViewService.js"),N=require("../services/DOMService.js"),O=require("../services/NavigationService.js"),M=require("../services/ScrollSyncService.js");function P(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=P(C),g=c=>c?c.virtualization:null,D=(c=p.defaultProps.min,s=p.defaultProps.max,t,e)=>e!==void 0?e!==null&&l.isInRange(r.getDate(e),c,s)?e:null:t!==null&&l.isInRange(r.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=r.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=r.cloneDate(e.value),n=r.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:v}=this.props;if(v){const o={syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,value:i,target:this};v.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:v}=e;if(!(!this.focusedDate||!this.service)){if(n===84&&this.setState({focusedDate:l.getToday()}),(f||v)&&(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)),S=r.cloneDate(w);this.setState({focusedDate:S})}if(n===u.Keys.enter){if(this.value!==null&&r.isEqualDate(this.focusedDate,this.value)){const w=l.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=l.dateInRange(this.navigation.move(this.focusedDate,this.navigation.action(e),this.state.activeView,this.service,e),this.min,this.max);if(r.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(k.packageMetadata);const t=D(this.min,this.max,this.props.defaultValue||h.defaultProps.defaultValue,this.props.value);this.state={value:t,activeView:l.viewInRange(d.CalendarViewEnum[s.defaultActiveView],this.bottomView,this.topView),focusedDate:l.dateInRange(s.focusedDate||t||l.getToday(),this.min,this.max)},this.dom=new N.DOMService,this.bus=new x.BusViewService(this.handleViewChange),this.navigation=new O.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 r.getDate(this.props.min!==void 0?this.props.min:h.defaultProps.min)}get max(){return r.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 M.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?!r.isEqualDate(this.value,this.oldValue):this.value!==this.oldValue,t=l.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?r.getDate(e):null;this.focusedDate=r.getDate(l.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-calendar k-calendar-infinite",{"k-disabled":this.props.disabled,"k-week-number":this.props.weekNumber},this.props.mobileMode?"k-calendar-lg":"k-calendar-md",this.props.className),v=[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(E.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,header:this.props.header,tabIndex:this.props.tabIndex,weekDaysFormat:this.props.weekDaysFormat,showOtherMonthDays:this.props.showOtherMonthDays})];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},v)}};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,weekDaysFormat:a.oneOf(["short","abbreviated","narrow"]),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}.
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react"),a=require("prop-types"),r=require("@progress/kendo-react-common"),o=require("@progress/kendo-date-math"),S=require("@progress/kendo-react-intl"),P=require("../../package-metadata.js"),q=require("./ViewList.js"),A=require("./Navigation.js"),d=require("../models/CalendarViewEnum.js"),l=require("../../utils.js"),L=require("../services/BusViewService.js"),T=require("../services/DOMService.js"),B=require("../services/NavigationService.js"),R=require("../services/ScrollSyncService.js");function K(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 g=K(M),b=c=>c?c.virtualization:null,y=(c=v.defaultProps.min,s=v.defaultProps.max,t,e)=>e!==void 0?e!==null&&l.isInRange(o.getDate(e),c,s)?e:null:t!==null&&l.isInRange(o.getDate(t),c,s)?t:null,h=class h extends g.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(b(this.Navigation),b(this.calendarViewList),e)},this.handleNavigationChange=e=>{if(this.props.disabled)return;this.didNavigationChange=!0;const i=o.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=o.cloneDate(e.value),n=o.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 u={syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,value:i,target:this};p.call(void 0,u)}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:l.getToday()}),(f||p)&&(n===r.Keys.left||n===r.Keys.right)){if(this.props.disabled)return;this.didNavigationChange=!0,this.focusedDate.getDate()===31&&this.focusedDate.setDate(30);const u=n===r.Keys.left?this.focusedDate.getMonth()-1:this.focusedDate.getMonth()+1,m=new Date(this.focusedDate.setMonth(u)),V=o.cloneDate(m);this.setState({focusedDate:V})}if(n===r.Keys.enter){if(this.value!==null&&o.isEqualDate(this.focusedDate,this.value)){const m=l.dateInRange(this.focusedDate,this.min,this.max);b(this.calendarViewList).scrollToIndex(this.service.skip(m,this.min))}const u={syntheticEvent:e,nativeEvent:e.nativeEvent,value:this.focusedDate,target:this};this.handleDateChange(u)}else{const u=l.dateInRange(this.navigation.move(this.focusedDate,this.navigation.action(e),this.state.activeView,this.service,e),this.min,this.max);if(o.isEqualDate(this.focusedDate,u))return;this.setState({focusedDate:u})}e.preventDefault()}},this.handleMouseDown=e=>{e.preventDefault()},this.handleClick=e=>{this._element&&this._element.focus({preventScroll:!0})},r.validatePackage(P.packageMetadata);const t=y(this.min,this.max,this.props.defaultValue||h.defaultProps.defaultValue,this.props.value);this.state={value:t,activeView:l.viewInRange(d.CalendarViewEnum[s.defaultActiveView],this.bottomView,this.topView),focusedDate:l.dateInRange(s.focusedDate||t||l.getToday(),this.min,this.max)},this.dom=new T.DOMService,this.bus=new L.BusViewService(this.handleViewChange),this.navigation=new B.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 o.getDate(this.props.min!==void 0?this.props.min:h.defaultProps.min)}get max(){return o.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(()=>{r.setScrollbarWidth(),this._element&&(this.dom.calculateHeights(this._element),this.scrollSyncService=new R.ScrollSyncService(this.dom),this.scrollSyncService.configure(this.state.activeView),this.forceUpdate())})}componentDidUpdate(s,t){r.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(){const{_ref:s,unstyled:t,bottomView:e,topView:i,disabled:n,weekNumber:f,mobileMode:p,className:u}=this.props;s&&s(this);const m=t&&t.uCalendar,V=this.value!==null&&this.oldValue!==null?!o.isEqualDate(this.value,this.oldValue):this.value!==this.oldValue,I=l.viewInRange(this.state.activeView,d.CalendarViewEnum[e!==void 0?e:h.defaultProps.bottomView],d.CalendarViewEnum[i!==void 0?i:h.defaultProps.topView]),D=y(this.min,this.max,this.value,this.value),O=D?o.getDate(D):null;this.focusedDate=o.getDate(l.dateInRange(V&&D!==null?D:this.state.focusedDate,this.min,this.max)),this.intl=S.provideIntlService(this),this.bus.configure(this.bottomView,this.topView),this.service=this.bus.service(I,this.intl);const{smoothScroll:k=Number.parseFloat(g.version)<18}=this.props,x=r.classNames(r.uCalendar.wrapper({c:m,disabled:n,weekNumber:f,mobileMode:p}),u),N=[this.props.navigation&&g.createElement(A.Navigation,{key:0,ref:w=>{this.Navigation=w},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,unstyled:t}),g.createElement(q.ViewList,{key:1,ref:w=>{this.calendarViewList=w},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:k,showWeekNumbers:this.props.weekNumber,onChange:this.handleDateChange,value:O,cellUID:this.cellUID,headerTitle:this.props.headerTitle,header:this.props.header,tabIndex:this.props.tabIndex,weekDaysFormat:this.props.weekDaysFormat,showOtherMonthDays:this.props.showOtherMonthDays,unstyled:t})];return g.createElement("div",{ref:w=>{this._element=w},className:x,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},N)}};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,weekDaysFormat:a.oneOf(["short","abbreviated","narrow"]),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:l.MIN_DATE,max:l.MAX_DATE,weekDaysFormat:"short",navigation:!0,defaultActiveView:"month",defaultValue:null,topView:"century",bottomView:"month",showOtherMonthDays:!1};let p=h;const b=u.createPropsContext(),y=u.withIdHOC(u.withPropsContext(b,p));y.displayName="KendoReactCalendar";V.registerForIntl(p);exports.Calendar=y;exports.CalendarPropsContext=b;exports.CalendarWithoutContext=p;
+                    `):null}},h.defaultProps={disabled:!1,min:l.MIN_DATE,max:l.MAX_DATE,weekDaysFormat:"short",navigation:!0,defaultActiveView:"month",defaultValue:null,topView:"century",bottomView:"month",showOtherMonthDays:!1};let v=h;const C=r.createPropsContext(),E=r.withIdHOC(r.withPropsContext(C,r.withUnstyledHOC(v)));E.displayName="KendoReactCalendar";S.registerForIntl(v);exports.Calendar=E;exports.CalendarPropsContext=C;exports.CalendarWithoutContext=v;

package/calendar/components/Calendar.mjs

@@ -6,97 +6,97 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as v from "react";
+import * as f 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 O, withPropsContext as P } from "@progress/kendo-react-common";
-import { cloneDate as f, isEqualDate as D, getDate as c } from "@progress/kendo-date-math";
-import { provideIntlService as A, registerForIntl as M } from "@progress/kendo-react-intl";
-import { packageMetadata as L } from "../../package-metadata.mjs";
-import { ViewList as B } from "./ViewList.mjs";
-import { Navigation as T } from "./Navigation.mjs";
-import { CalendarViewEnum as h } from "../models/CalendarViewEnum.mjs";
-import { getToday as y, dateInRange as w, viewInRange as S, MIN_DATE as F, MAX_DATE as K, 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, k = (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, r = class r 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 = () => {
+import { Keys as g, validatePackage as L, setScrollbarWidth as C, classNames as B, uCalendar as T, createPropsContext as F, withIdHOC as K, withPropsContext as U, withUnstyledHOC as $ } from "@progress/kendo-react-common";
+import { cloneDate as D, isEqualDate as y, getDate as c } from "@progress/kendo-date-math";
+import { provideIntlService as R, registerForIntl as _ } from "@progress/kendo-react-intl";
+import { packageMetadata as Y } from "../../package-metadata.mjs";
+import { ViewList as z } from "./ViewList.mjs";
+import { Navigation as H } from "./Navigation.mjs";
+import { CalendarViewEnum as r } from "../models/CalendarViewEnum.mjs";
+import { getToday as x, dateInRange as V, viewInRange as I, MIN_DATE as q, MAX_DATE as X, isInRange as N } from "../../utils.mjs";
+import { BusViewService as j } from "../services/BusViewService.mjs";
+import { DOMService as G } from "../services/DOMService.mjs";
+import { NavigationService as J } from "../services/NavigationService.mjs";
+import { ScrollSyncService as Q } from "../services/ScrollSyncService.mjs";
+const S = (u) => u ? u.virtualization : null, k = (u = d.defaultProps.min, a = d.defaultProps.max, e, t) => t !== void 0 ? t !== null && N(c(t), u, a) ? t : null : e !== null && N(c(e), u, a) ? e : null, n = class n extends f.Component {
+  constructor(a) {
+    super(a), 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),
+        S(this.Navigation),
+        S(this.calendarViewList),
         t
       );
     }, this.handleNavigationChange = (t) => {
       if (this.props.disabled)
         return;
       this.didNavigationChange = !0;
-      const e = f(t.value);
-      this.setState({ focusedDate: e });
+      const i = D(t.value);
+      this.setState({ focusedDate: i });
     }, 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);
+      const i = D(t.value), o = D(t.value), v = this.bus.canMoveDown(this.state.activeView);
       if (this.props.disabled)
         return;
-      if (p)
+      if (v)
         if (t.isTodayClick)
           this.bus.moveToBottom(this.state.activeView);
         else {
-          this.bus.moveDown(this.state.activeView, t.syntheticEvent), this.setState({ focusedDate: a });
+          this.bus.moveDown(this.state.activeView, t.syntheticEvent), this.setState({ focusedDate: o });
           return;
         }
-      this.setState({ value: e, focusedDate: a }), this.valueDuringOnChange = e;
-      const { onChange: l } = this.props;
-      if (l) {
-        const n = {
+      this.setState({ value: i, focusedDate: o }), this.valueDuringOnChange = i;
+      const { onChange: h } = this.props;
+      if (h) {
+        const l = {
           syntheticEvent: t.syntheticEvent,
           nativeEvent: t.nativeEvent,
-          value: e,
+          value: i,
           target: this
         };
-        l.call(void 0, n);
+        h.call(void 0, l);
       }
       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);
+      const { onFocus: i } = this.props;
+      i && i.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);
+      const { onBlur: i } = this.props;
+      i && i.call(void 0, t);
     }, this.handleKeyDown = (t) => {
-      const { keyCode: a, ctrlKey: p, metaKey: l } = t;
+      const { keyCode: o, ctrlKey: v, metaKey: h } = t;
       if (!(!this.focusedDate || !this.service)) {
-        if (a === 84 && this.setState({ focusedDate: y() }), (p || l) && (a === m.left || a === m.right)) {
+        if (o === 84 && this.setState({ focusedDate: x() }), (v || h) && (o === g.left || o === g.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)), x = f(g);
-          this.setState({ focusedDate: x });
+          const l = o === g.left ? this.focusedDate.getMonth() - 1 : this.focusedDate.getMonth() + 1, p = new Date(this.focusedDate.setMonth(l)), b = D(p);
+          this.setState({ focusedDate: b });
         }
-        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));
+        if (o === g.enter) {
+          if (this.value !== null && y(this.focusedDate, this.value)) {
+            const p = V(this.focusedDate, this.min, this.max);
+            S(this.calendarViewList).scrollToIndex(this.service.skip(p, this.min));
           }
-          const n = {
+          const l = {
             syntheticEvent: t,
             nativeEvent: t.nativeEvent,
             value: this.focusedDate,
             target: this
           };
-          this.handleDateChange(n);
+          this.handleDateChange(l);
         } else {
-          const n = w(
+          const l = V(
             this.navigation.move(
               this.focusedDate,
               this.navigation.action(t),
@@ -107,9 +107,9 @@ const V = (u) => u ? u.virtualization : null, k = (u = d.defaultProps.min, o = d
             this.min,
             this.max
           );
-          if (D(this.focusedDate, n))
+          if (y(this.focusedDate, l))
             return;
-          this.setState({ focusedDate: n });
+          this.setState({ focusedDate: l });
         }
         t.preventDefault();
       }
@@ -117,26 +117,26 @@ const V = (u) => u ? u.virtualization : null, k = (u = d.defaultProps.min, o = d
       t.preventDefault();
     }, this.handleClick = (t) => {
       this._element && this._element.focus({ preventScroll: !0 });
-    }, I(L);
-    const i = k(
+    }, L(Y);
+    const e = k(
       this.min,
       this.max,
-      this.props.defaultValue || r.defaultProps.defaultValue,
+      this.props.defaultValue || n.defaultProps.defaultValue,
       this.props.value
     );
     this.state = {
-      value: i,
-      activeView: S(
-        h[o.defaultActiveView],
+      value: e,
+      activeView: I(
+        r[a.defaultActiveView],
         this.bottomView,
         this.topView
       ),
-      focusedDate: w(
-        o.focusedDate || i || y(),
+      focusedDate: V(
+        a.focusedDate || e || x(),
         this.min,
         this.max
       )
-    }, this.dom = new $(), this.bus = new _(this.handleViewChange), this.navigation = new R(this.bus), this.oldValue = i;
+    }, this.dom = new G(), this.bus = new j(this.handleViewChange), this.navigation = new J(this.bus), this.oldValue = e;
   }
   get cellUID() {
     return this.props.id + "-cell-uid";
@@ -157,60 +157,61 @@ const V = (u) => u ? u.virtualization : null, k = (u = d.defaultProps.min, o = d
     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 : r.defaultProps.min);
+    return c(this.props.min !== void 0 ? this.props.min : n.defaultProps.min);
   }
   get max() {
-    return c(this.props.max !== void 0 ? this.props.max : r.defaultProps.max);
+    return c(this.props.max !== void 0 ? this.props.max : n.defaultProps.max);
   }
   get bottomView() {
-    return h[this.props.bottomView !== void 0 ? this.props.bottomView : r.defaultProps.bottomView];
+    return r[this.props.bottomView !== void 0 ? this.props.bottomView : n.defaultProps.bottomView];
   }
   get topView() {
-    return h[this.props.topView !== void 0 ? this.props.topView : r.defaultProps.topView];
+    return r[this.props.topView !== void 0 ? this.props.topView : n.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());
+      C(), this._element && (this.dom.calculateHeights(this._element), this.scrollSyncService = new Q(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);
+  componentDidUpdate(a, e) {
+    C(), e.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 = S(
+    const { _ref: a, unstyled: e, bottomView: t, topView: i, disabled: o, weekNumber: v, mobileMode: h, className: l } = this.props;
+    a && a(this);
+    const p = e && e.uCalendar, b = this.value !== null && this.oldValue !== null ? !y(this.value, this.oldValue) : this.value !== this.oldValue, E = I(
       this.state.activeView,
-      h[this.props.bottomView !== void 0 ? this.props.bottomView : r.defaultProps.bottomView],
-      h[this.props.topView !== void 0 ? this.props.topView : r.defaultProps.topView]
-    ), t = k(this.min, this.max, this.value, this.value), e = t ? c(t) : null;
-    this.focusedDate = c(w(
-      o && t !== null ? t : this.state.focusedDate,
+      r[t !== void 0 ? t : n.defaultProps.bottomView],
+      r[i !== void 0 ? i : n.defaultProps.topView]
+    ), w = k(this.min, this.max, this.value, this.value), O = w ? c(w) : null;
+    this.focusedDate = c(V(
+      b && w !== null ? w : this.state.focusedDate,
       this.min,
       this.max
-    )), this.intl = A(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-calendar k-calendar-infinite",
-      {
-        "k-disabled": this.props.disabled,
-        "k-week-number": this.props.weekNumber
-      },
-      this.props.mobileMode ? "k-calendar-lg" : "k-calendar-md",
-      this.props.className
-    ), l = [this.props.navigation && /* @__PURE__ */ v.createElement(
-      T,
+    )), this.intl = R(this), this.bus.configure(this.bottomView, this.topView), this.service = this.bus.service(E, this.intl);
+    const { smoothScroll: P = Number.parseFloat(f.version) < 18 } = this.props, A = B(
+      T.wrapper({
+        c: p,
+        disabled: o,
+        weekNumber: v,
+        mobileMode: h
+      }),
+      l
+    ), M = [this.props.navigation && /* @__PURE__ */ f.createElement(
+      H,
       {
         key: 0,
-        ref: (n) => {
-          this.Navigation = n;
+        ref: (m) => {
+          this.Navigation = m;
         },
         activeView: this.state.activeView,
         focusedDate: this.focusedDate,
@@ -221,14 +222,15 @@ const V = (u) => u ? u.virtualization : null, k = (u = d.defaultProps.min, o = d
         service: this.service,
         dom: this.dom,
         navigationItem: this.props.navigationItem,
-        tabIndex: this.props.tabIndex
+        tabIndex: this.props.tabIndex,
+        unstyled: e
       }
-    ), /* @__PURE__ */ v.createElement(
-      B,
+    ), /* @__PURE__ */ f.createElement(
+      z,
       {
         key: 1,
-        ref: (n) => {
-          this.calendarViewList = n;
+        ref: (m) => {
+          this.calendarViewList = m;
         },
         activeView: this.state.activeView,
         focusedDate: this.focusedDate,
@@ -241,25 +243,26 @@ const V = (u) => u ? u.virtualization : null, k = (u = d.defaultProps.min, o = d
         cell: this.props.cell,
         weekCell: this.props.weekCell,
         dom: this.dom,
-        smoothScroll: a,
+        smoothScroll: P,
         showWeekNumbers: this.props.weekNumber,
         onChange: this.handleDateChange,
-        value: e,
+        value: O,
         cellUID: this.cellUID,
         headerTitle: this.props.headerTitle,
         header: this.props.header,
         tabIndex: this.props.tabIndex,
         weekDaysFormat: this.props.weekDaysFormat,
-        showOtherMonthDays: this.props.showOtherMonthDays
+        showOtherMonthDays: this.props.showOtherMonthDays,
+        unstyled: e
       }
     )];
-    return /* @__PURE__ */ v.createElement(
+    return /* @__PURE__ */ f.createElement(
       "div",
       {
-        ref: (n) => {
-          this._element = n;
+        ref: (m) => {
+          this._element = m;
         },
-        className: p,
+        className: A,
         id: this.props.id || this.id,
         "aria-labelledby": this.props.ariaLabelledBy,
         "aria-describedby": this.props.ariaDescribedBy,
@@ -271,11 +274,11 @@ const V = (u) => u ? u.virtualization : null, k = (u = d.defaultProps.min, o = d
         onMouseDown: this.handleMouseDown,
         onClick: this.handleClick
       },
-      l
+      M
     );
   }
 };
-r.displayName = "Calendar", r.propTypes = {
+n.displayName = "Calendar", n.propTypes = {
   className: s.string,
   defaultActiveView: s.oneOf(["month", "year", "decade", "century"]),
   defaultValue: s.instanceOf(Date),
@@ -295,26 +298,26 @@ r.displayName = "Calendar", r.propTypes = {
   tabIndex: s.number,
   value: s.instanceOf(Date),
   weekNumber: s.bool,
-  topView: (o, i, t) => {
-    const e = o[i], a = o.bottomView;
-    return e && a && h[e] < h[a] ? new Error(
-      `Invalid prop + ${i} suplied to ${t}.
-                    ${i} can not be smaller than bottomView.
+  topView: (a, e, t) => {
+    const i = a[e], o = a.bottomView;
+    return i && o && r[i] < r[o] ? new Error(
+      `Invalid prop + ${e} suplied to ${t}.
+                    ${e} can not be smaller than bottomView.
                     `
     ) : null;
   },
-  bottomView: (o, i, t) => {
-    const e = o[i], a = o.topView;
-    return e && a && h[e] > h[a] ? new Error(
-      `Invalid prop + ${i} suplied to ${t}.
-                    ${i} can not be bigger than topView.
+  bottomView: (a, e, t) => {
+    const i = a[e], o = a.topView;
+    return i && o && r[i] > r[o] ? new Error(
+      `Invalid prop + ${e} suplied to ${t}.
+                    ${e} can not be bigger than topView.
                     `
     ) : null;
   }
-}, r.defaultProps = {
+}, n.defaultProps = {
   disabled: !1,
-  min: F,
-  max: K,
+  min: q,
+  max: X,
   weekDaysFormat: "short",
   navigation: !0,
   defaultActiveView: "month",
@@ -323,12 +326,17 @@ r.displayName = "Calendar", r.propTypes = {
   bottomView: "month",
   showOtherMonthDays: !1
 };
-let d = r;
-const Y = E(), z = O(P(Y, d));
-z.displayName = "KendoReactCalendar";
-M(d);
+let d = n;
+const Z = F(), W = K(
+  U(
+    Z,
+    $(d)
+  )
+);
+W.displayName = "KendoReactCalendar";
+_(d);
 export {
-  z as Calendar,
-  Y as CalendarPropsContext,
+  W as Calendar,
+  Z as CalendarPropsContext,
   d as CalendarWithoutContext
 };

package/calendar/components/CalendarCell.js

@@ -5,4 +5,4 @@
  * 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 R(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=R(C),y=(n,t)=>{const e=Object.getOwnPropertyNames(n),s=Object.getOwnPropertyNames(t);if(e.length!==s.length)return!1;for(let r=0;r<e.length;r++){const o=e[r];if(n[o]!==t[o])return!1}return!0};class N 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:r,...o}=t;return!((!(e&&r)||e.getTime()===r.getTime())&&y(s,o))}render(){const{className:t,formattedValue:e,isWeekend:s,isFocused:r,isInRange:o,isSelected:d,isRangeStart:i,isRangeMid:p,isRangeEnd:c,isRangeSplitStart:h,isRangeSplitEnd:g,isToday:m,isDisabled:k,view:S,value:w,isOtherMonth:a,showOtherMonthDays:v,allowReverse:u,...f}=this.props,E=this.props.activeRangeEnd==="end"&&c,M=this.props.activeRangeEnd==="start"&&i,b=O.classNames("k-calendar-td",{"k-range-start":!a&&!u&&i,"k-range-end":!a&&!u&&c,"k-range-mid":!a&&p,"k-range-split-end":!a&&g,"k-range-split-start":!a&&h,"k-active":M||E,"k-state-pending-focus":r,"k-selected":!a&&(d||i||c),"k-today":!a&&m,"k-weekend":s,"k-disabled":k,"k-other-month":a},t);return!v&&a?l.createElement("td",{role:"gridcell",className:"k-empty k-calendar-td"}):l.createElement("td",{...f,className:b,onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},l.createElement("span",{className:"k-link"},this.props.children))}}exports.CalendarCell=N;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),l=require("@progress/kendo-react-common");function N(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const i=N(R),k=(a,t)=>{const e=Object.getOwnPropertyNames(a),s=Object.getOwnPropertyNames(t);if(e.length!==s.length)return!1;for(let r=0;r<e.length;r++){const o=e[r];if(a[o]!==t[o])return!1}return!0};class w extends i.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:r,...o}=t;return!((!(e&&r)||e.getTime()===r.getTime())&&k(s,o))}render(){const{className:t,formattedValue:e,isWeekend:s,isFocused:r,isInRange:o,isSelected:u,isRangeStart:c,isRangeMid:f,isRangeEnd:d,isRangeSplitStart:E,isRangeSplitEnd:C,isToday:M,isDisabled:S,view:P,value:j,isOtherMonth:n,showOtherMonthDays:p,allowReverse:h,unstyled:g,...b}=this.props,y=this.props.activeRangeEnd==="end"&&d,O=this.props.activeRangeEnd==="start"&&c,m=g&&g.uCalendar,v=l.classNames(l.uCalendar.td({c:m,rangeStart:!n&&!h&&c,rangeEnd:!n&&!h&&d,rangeMid:!n&&f,rangeSplitEnd:!n&&C,rangeSplitStart:!n&&E,active:O||y,focused:r,selected:!n&&(u||c||d),today:!n&&M,weekend:s,disabled:S,isOtherMonth:n,isEmpty:!p&&n}),t);return!p&&n?i.createElement("td",{role:"gridcell",className:v}):i.createElement("td",{...b,className:v,onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},i.createElement("span",{className:l.classNames(l.uCalendar.link({c:m}))},this.props.children))}}exports.CalendarCell=w;

package/calendar/components/CalendarCell.mjs

@@ -7,8 +7,8 @@
  */
 "use client";
 import * as r from "react";
-import { classNames as C } from "@progress/kendo-react-common";
-const N = (l, e) => {
+import { classNames as v, uCalendar as E } from "@progress/kendo-react-common";
+const y = (l, e) => {
   const t = Object.getOwnPropertyNames(l), a = Object.getOwnPropertyNames(e);
   if (t.length !== a.length)
     return !1;
@@ -19,7 +19,7 @@ const N = (l, e) => {
   }
   return !0;
 };
-class P extends r.Component {
+class L extends r.Component {
   constructor() {
     super(...arguments), this.handleClick = (e) => {
       const { onClick: t, value: a } = this.props;
@@ -41,13 +41,9 @@ class P extends r.Component {
    */
   shouldComponentUpdate(e) {
     const { value: t, ...a } = this.props, { value: n, ...o } = e;
-    return !((!(t && n) || t.getTime() === n.getTime()) && N(a, o));
+    return !((!(t && n) || t.getTime() === n.getTime()) && y(a, o));
   }
   /* 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,
@@ -57,49 +53,51 @@ class P extends r.Component {
       isInRange: o,
       isSelected: d,
       isRangeStart: i,
-      isRangeMid: u,
+      isRangeMid: f,
       isRangeEnd: c,
-      isRangeSplitStart: h,
-      isRangeSplitEnd: m,
-      isToday: g,
-      isDisabled: k,
-      view: w,
-      value: y,
+      isRangeSplitStart: C,
+      isRangeSplitEnd: M,
+      isToday: R,
+      isDisabled: S,
+      view: O,
+      value: P,
       isOtherMonth: s,
-      showOtherMonthDays: v,
-      allowReverse: p,
-      ...E
-    } = this.props, f = this.props.activeRangeEnd === "end" && c, M = this.props.activeRangeEnd === "start" && i, R = C(
-      "k-calendar-td",
-      {
-        "k-range-start": !s && !p && i,
-        "k-range-end": !s && !p && c,
-        "k-range-mid": !s && u,
-        "k-range-split-end": !s && m,
-        "k-range-split-start": !s && h,
-        "k-active": M || f,
-        "k-state-pending-focus": n,
-        "k-selected": !s && (d || i || c),
-        "k-today": !s && g,
-        "k-weekend": a,
-        "k-disabled": k,
-        "k-other-month": s
-      },
+      showOtherMonthDays: p,
+      allowReverse: u,
+      unstyled: h,
+      ...N
+    } = this.props, w = this.props.activeRangeEnd === "end" && c, k = this.props.activeRangeEnd === "start" && i, m = h && h.uCalendar, g = v(
+      E.td({
+        c: m,
+        rangeStart: !s && !u && i,
+        rangeEnd: !s && !u && c,
+        rangeMid: !s && f,
+        rangeSplitEnd: !s && M,
+        rangeSplitStart: !s && C,
+        active: k || w,
+        focused: n,
+        selected: !s && (d || i || c),
+        today: !s && R,
+        weekend: a,
+        disabled: S,
+        isOtherMonth: s,
+        isEmpty: !p && s
+      }),
       e
     );
-    return !v && s ? /* @__PURE__ */ r.createElement("td", { role: "gridcell", className: "k-empty k-calendar-td" }) : /* @__PURE__ */ r.createElement(
+    return !p && s ? /* @__PURE__ */ r.createElement("td", { role: "gridcell", className: g }) : /* @__PURE__ */ r.createElement(
       "td",
       {
-        ...E,
-        className: R,
+        ...N,
+        className: g,
         onClick: this.handleClick,
         onMouseEnter: this.handleMouseEnter,
         onMouseLeave: this.handleMouseLeave
       },
-      /* @__PURE__ */ r.createElement("span", { className: "k-link" }, this.props.children)
+      /* @__PURE__ */ r.createElement("span", { className: v(E.link({ c: m })) }, this.props.children)
     );
   }
 }
 export {
-  P as CalendarCell
+  L as CalendarCell
 };

package/calendar/components/CalendarHeaderTitle.js

@@ -5,4 +5,4 @@
  * 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 i extends o.PureComponent{render(){const{view:r,...t}=this.props;return o.createElement(a.Button,{type:"button",fillMode:"flat",themeColor:"primary",...t},this.props.children)}}exports.CalendarHeaderTitle=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@progress/kendo-react-buttons"),a=require("react");function c(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 l=c(a),i=e=>{const{view:r,...t}=e;return l.createElement(o.Button,{type:"button",fillMode:"flat",themeColor:"primary",...t},e.children)};exports.CalendarHeaderTitle=i;