@progress/kendo-react-dateinputs 14.4.1-develop.9 → 14.5.0-develop.1

package/calendar/components/CalendarCell.mjs

@@ -5,98 +5,88 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as r from "react";
-import { classNames as v, uCalendar as E } from "@progress/kendo-react-common";
-const y = (l, e) => {
-  const t = Object.getOwnPropertyNames(l), n = Object.getOwnPropertyNames(e);
-  if (t.length !== n.length)
+import * as l from "react";
+import { classNames as S, uCalendar as C } from "@progress/kendo-react-common";
+const A = (a, s) => {
+  const n = Object.getOwnPropertyNames(a), r = Object.getOwnPropertyNames(s);
+  if (n.length !== r.length)
     return !1;
-  for (let a = 0; a < t.length; a++) {
-    const o = t[a];
-    if (l[o] !== e[o])
+  for (let t = 0; t < n.length; t++) {
+    const o = n[t];
+    if (a[o] !== s[o])
       return !1;
   }
   return !0;
-};
-class L extends r.Component {
-  constructor() {
-    super(...arguments), this.handleClick = (e) => {
-      const { onClick: t, value: n } = this.props;
-      t && t.call(void 0, n, e);
-    }, this.handleMouseEnter = () => {
-      const { onMouseEnter: e, value: t } = this.props;
-      e && e.call(void 0, t);
-    }, this.handleMouseLeave = () => {
-      const { onMouseLeave: e, value: t } = this.props;
-      e && e.call(void 0, t);
-    };
-  }
-  // 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: t, ...n } = this.props, { value: a, ...o } = e;
-    return !((!(t && a) || t.getTime() === a.getTime()) && y(n, o));
-  }
-  /* eslint-disable max-len */
-  render() {
+}, I = l.memo(
+  (a) => {
     const {
-      className: e,
-      formattedValue: t,
-      isWeekend: n,
-      isFocused: a,
+      className: s,
+      formattedValue: n,
+      isWeekend: r,
+      isFocused: t,
       isInRange: o,
-      isSelected: d,
+      isSelected: u,
       isRangeStart: i,
-      isRangeMid: f,
+      isRangeMid: N,
       isRangeEnd: c,
-      isRangeSplitStart: C,
-      isRangeSplitEnd: M,
-      isToday: R,
-      isDisabled: S,
-      view: O,
-      value: P,
-      isOtherMonth: 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: a,
-        selected: !s && (d || i || c),
-        today: !s && R,
-        weekend: n,
-        disabled: S,
-        isOtherMonth: s,
-        isEmpty: !p && s
+      isRangeSplitStart: y,
+      isRangeSplitEnd: k,
+      isToday: w,
+      isDisabled: O,
+      view: D,
+      value: d,
+      isOtherMonth: e,
+      showOtherMonthDays: m,
+      allowReverse: g,
+      unstyled: p,
+      activeRangeEnd: v,
+      children: P,
+      onClick: E,
+      onMouseEnter: f,
+      onMouseLeave: h,
+      ...b
+    } = a, x = (q) => {
+      E && E(d, q);
+    }, L = () => {
+      f && f(d);
+    }, T = () => {
+      h && h(d);
+    }, V = v === "end" && c, j = v === "start" && i, R = p && p.uCalendar, M = S(
+      C.td({
+        c: R,
+        rangeStart: !e && !g && i,
+        rangeEnd: !e && !g && c,
+        rangeMid: !e && N,
+        rangeSplitEnd: !e && k,
+        rangeSplitStart: !e && y,
+        active: j || V,
+        focused: t,
+        selected: !e && (u || i || c),
+        today: !e && w,
+        weekend: r,
+        disabled: O,
+        isOtherMonth: e,
+        isEmpty: !m && e
       }),
-      e
+      s
     );
-    return !p && s ? /* @__PURE__ */ r.createElement("td", { role: "gridcell", className: g }) : /* @__PURE__ */ r.createElement(
+    return !m && e ? /* @__PURE__ */ l.createElement("td", { role: "gridcell", className: M }) : /* @__PURE__ */ l.createElement(
       "td",
       {
-        ...N,
-        className: g,
-        onClick: this.handleClick,
-        onMouseEnter: this.handleMouseEnter,
-        onMouseLeave: this.handleMouseLeave
+        ...b,
+        className: M,
+        onClick: x,
+        onMouseEnter: L,
+        onMouseLeave: T
       },
-      /* @__PURE__ */ r.createElement("span", { className: v(E.link({ c: m })) }, this.props.children)
+      /* @__PURE__ */ l.createElement("span", { className: S(C.link({ c: R })) }, P)
     );
+  },
+  (a, s) => {
+    const { value: n, ...r } = a, { value: t, ...o } = s;
+    return (!(n && t) || n.getTime() === t.getTime()) && A(r, o);
   }
-}
+);
 export {
-  L as CalendarCell
+  I as CalendarCell
 };

package/calendar/components/Header.d.ts

@@ -5,12 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as PropTypes } from 'prop-types';
 import { DateInputsClassStructure } from '@progress/kendo-react-common';
 import { CalendarHeaderTitleProps } from './CalendarHeaderTitle.js';
 import { BusViewService } from '../services/index.js';
 import { ViewService, CalendarViewEnum } from '../models/index.js';
-import { CalendarHeaderProps } from '../models/CalendarSettings.js';
+import { CalendarHeaderProps } from '../models/CalendarSettings';
 import * as React from 'react';
 /**
  * @hidden
@@ -19,7 +18,7 @@ export interface HeaderEventArguments {
     syntheticEvent: React.SyntheticEvent<any>;
     nativeEvent?: any;
     value: Date;
-    target: Header;
+    target: any;
     isTodayClick?: boolean;
 }
 /**
@@ -42,24 +41,12 @@ export interface HeaderProps {
 /**
  * @hidden
  */
-export declare class Header extends React.Component<HeaderProps> {
-    static propTypes: {
-        activeView: PropTypes.Validator<number>;
-        currentDate: PropTypes.Validator<Date>;
-        max: PropTypes.Validator<Date>;
-        min: PropTypes.Validator<Date>;
-        rangeLength: PropTypes.Requireable<number>;
-    };
-    static defaultProps: {
-        rangeLength: number;
-        min: Date;
-        max: Date;
-    };
-    protected get min(): Date;
-    protected get max(): Date;
-    protected get rangeLength(): number;
-    protected get canMoveUp(): boolean;
-    render(): React.JSX.Element;
-    protected getTitle: () => string;
-    private handleTitleClick;
-}
+export declare const headerDefaultProps: {
+    rangeLength: number;
+    min: Date;
+    max: Date;
+};
+/**
+ * @hidden
+ */
+export declare const Header: (props: HeaderProps) => React.JSX.Element;

package/calendar/components/Header.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),c=require("prop-types"),T=require("@progress/kendo-react-intl"),a=require("@progress/kendo-react-common"),C=require("./CalendarHeaderTitle.js"),h=require("../../utils.js");function b(i){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const t in i)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>i[t]})}}return e.default=i,Object.freeze(e)}const s=b(f),n=class n extends s.Component{constructor(){super(...arguments),this.getTitle=()=>{if(!this.props.currentDate)return"";const e=this.rangeLength-1,t=this.props.service.title(this.props.currentDate),r=this.props.service.addToDate(this.props.currentDate,e);return e<1||!this.props.service.isInRange(r,this.min,this.max)?t:`${t} - ${this.props.service.title(r)}`},this.handleTitleClick=e=>{this.canMoveUp&&this.props.bus.moveUp(this.props.activeView,e)}}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 rangeLength(){return this.props.rangeLength!==void 0?this.props.rangeLength:n.defaultProps.rangeLength}get canMoveUp(){return this.props.bus.canMoveUp(this.props.activeView)}render(){const{activeView:e,commands:t,unstyled:r}=this.props,o=r&&r.uCalendar,p=this.getTitle(),d=a.classNames(a.uCalendar.title({c:o})),u={children:p,value:p,view:e,className:d,onClick:this.handleTitleClick,disabled:!this.canMoveUp},m={headerTitleProps:u,commands:t},g=this.props.headerTitle?s.createElement(this.props.headerTitle,{...u},p):s.createElement(C.CalendarHeaderTitle,{...u},p),v=this.props.header?s.createElement(this.props.header,{...m}):s.createElement(s.Fragment,null,g,s.createElement("span",{className:a.classNames(a.uCalendar.spacer({c:o}))}),s.createElement("span",{className:a.classNames(a.uCalendar.nav({c:o}))},this.props.commands));return s.createElement("div",{className:a.classNames(a.uCalendar.header({c:o,vertical:this.props.verticalView}))},v)}};n.propTypes={activeView:c.number.isRequired,currentDate:c.instanceOf(Date).isRequired,max:c.instanceOf(Date).isRequired,min:c.instanceOf(Date).isRequired,rangeLength:c.number},n.defaultProps={rangeLength:1,min:h.MIN_DATE,max:h.MAX_DATE};let l=n;T.registerForLocalization(l);exports.Header=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react"),a=require("@progress/kendo-react-common"),_=require("./CalendarHeaderTitle.js"),T=require("../../utils.js");function q(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,c.get?c:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const n=q(k),d={rangeLength:1,min:T.MIN_DATE,max:T.MAX_DATE},w=r=>{const{activeView:e,bus:t,currentDate:c,max:h=d.max,min:N=d.min,rangeLength:b=d.rangeLength,service:s,headerTitle:m,header:p,commands:g,verticalView:D,unstyled:f}=r,E=i=>{t.canMoveUp(e)&&t.moveUp(e,i)},H=()=>{if(!c)return"";const i=b-1,v=s.title(c),C=s.addToDate(c,i);return i<1||!s.isInRange(C,N,h)?v:`${v} - ${s.title(C)}`},l=f&&f.uCalendar,M=t.canMoveUp(e),o=H(),P=a.classNames(a.uCalendar.title({c:l})),u={children:o,value:o,view:e,className:P,onClick:E,disabled:!M},y={headerTitleProps:u,commands:g},O=m?n.createElement(m,{...u},o):n.createElement(_.CalendarHeaderTitle,{...u},o),j=p?n.createElement(p,{...y}):n.createElement(n.Fragment,null,O,n.createElement("span",{className:a.classNames(a.uCalendar.spacer({c:l}))}),n.createElement("span",{className:a.classNames(a.uCalendar.nav({c:l}))},g));return n.createElement("div",{className:a.classNames(a.uCalendar.header({c:l,vertical:D}))},j)};exports.Header=w;exports.headerDefaultProps=d;

package/calendar/components/Header.mjs

@@ -6,62 +6,48 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as e from "react";
-import i from "prop-types";
-import { registerForLocalization as v } from "@progress/kendo-react-intl";
-import { classNames as o, uCalendar as c } from "@progress/kendo-react-common";
-import { CalendarHeaderTitle as f } from "./CalendarHeaderTitle.mjs";
-import { MAX_DATE as T, MIN_DATE as D } from "../../utils.mjs";
-const t = class t extends e.Component {
-  constructor() {
-    super(...arguments), this.getTitle = () => {
-      if (!this.props.currentDate)
-        return "";
-      const s = this.rangeLength - 1, a = this.props.service.title(this.props.currentDate), r = this.props.service.addToDate(this.props.currentDate, s);
-      return s < 1 || !this.props.service.isInRange(r, this.min, this.max) ? a : `${a} - ${this.props.service.title(r)}`;
-    }, this.handleTitleClick = (s) => {
-      this.canMoveUp && this.props.bus.moveUp(this.props.activeView, 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 rangeLength() {
-    return this.props.rangeLength !== void 0 ? this.props.rangeLength : t.defaultProps.rangeLength;
-  }
-  get canMoveUp() {
-    return this.props.bus.canMoveUp(this.props.activeView);
-  }
-  render() {
-    const { activeView: s, commands: a, unstyled: r } = this.props, n = r && r.uCalendar, p = this.getTitle(), m = o(c.title({ c: n })), h = {
-      children: p,
-      value: p,
-      view: s,
-      className: m,
-      onClick: this.handleTitleClick,
-      disabled: !this.canMoveUp
-    }, d = {
-      headerTitleProps: h,
-      commands: a
-    }, u = this.props.headerTitle ? /* @__PURE__ */ e.createElement(this.props.headerTitle, { ...h }, p) : /* @__PURE__ */ e.createElement(f, { ...h }, p), g = this.props.header ? /* @__PURE__ */ e.createElement(this.props.header, { ...d }) : /* @__PURE__ */ e.createElement(e.Fragment, null, u, /* @__PURE__ */ e.createElement("span", { className: o(c.spacer({ c: n })) }), /* @__PURE__ */ e.createElement("span", { className: o(c.nav({ c: n })) }, this.props.commands));
-    return /* @__PURE__ */ e.createElement("div", { className: o(c.header({ c: n, vertical: this.props.verticalView })) }, g);
-  }
-};
-t.propTypes = {
-  activeView: i.number.isRequired,
-  currentDate: i.instanceOf(Date).isRequired,
-  max: i.instanceOf(Date).isRequired,
-  min: i.instanceOf(Date).isRequired,
-  rangeLength: i.number
-}, t.defaultProps = {
+import { classNames as s, uCalendar as l } from "@progress/kendo-react-common";
+import { CalendarHeaderTitle as L } from "./CalendarHeaderTitle.mjs";
+import { MAX_DATE as P, MIN_DATE as b } from "../../utils.mjs";
+const d = {
   rangeLength: 1,
-  min: D,
-  max: T
+  min: b,
+  max: P
+}, _ = (C) => {
+  const {
+    activeView: t,
+    bus: o,
+    currentDate: i,
+    max: E = d.max,
+    min: f = d.min,
+    rangeLength: N = d.rangeLength,
+    service: a,
+    headerTitle: p,
+    header: u,
+    commands: h,
+    verticalView: D,
+    unstyled: v
+  } = C, x = (c) => {
+    o.canMoveUp(t) && o.moveUp(t, c);
+  }, H = () => {
+    if (!i)
+      return "";
+    const c = N - 1, T = a.title(i), g = a.addToDate(i, c);
+    return c < 1 || !a.isInRange(g, f, E) ? T : `${T} - ${a.title(g)}`;
+  }, n = v && v.uCalendar, M = o.canMoveUp(t), r = H(), U = s(l.title({ c: n })), m = {
+    children: r,
+    value: r,
+    view: t,
+    className: U,
+    onClick: x,
+    disabled: !M
+  }, k = {
+    headerTitleProps: m,
+    commands: h
+  }, w = p ? /* @__PURE__ */ e.createElement(p, { ...m }, r) : /* @__PURE__ */ e.createElement(L, { ...m }, r), A = u ? /* @__PURE__ */ e.createElement(u, { ...k }) : /* @__PURE__ */ e.createElement(e.Fragment, null, w, /* @__PURE__ */ e.createElement("span", { className: s(l.spacer({ c: n })) }), /* @__PURE__ */ e.createElement("span", { className: s(l.nav({ c: n })) }, h));
+  return /* @__PURE__ */ e.createElement("div", { className: s(l.header({ c: n, vertical: D })) }, A);
 };
-let l = t;
-v(l);
 export {
-  l as Header
+  _ as Header,
+  d as headerDefaultProps
 };

package/calendar/components/HorizontalViewList.d.ts

@@ -10,8 +10,16 @@ import { CalendarWeekCellProps } from './CalendarWeekCell.js';
 import { CalendarHeaderTitleProps } from './CalendarHeaderTitle.js';
 import { BusViewService } from '../services/index.js';
 import { CalendarViewEnum, ViewService, SelectionRange } from '../models/index.js';
-import { WeekDaysFormat } from '../models/WeekDaysFormat.js';
+import { WeekDaysFormat } from '../models/WeekDaysFormat';
 import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface HorizontalViewListHandle {
+    element: HTMLDivElement | null;
+    focusActiveDate: () => void;
+    blurActiveDate: () => void;
+}
 /**
  * @hidden
  */
@@ -19,7 +27,7 @@ export interface HorizontalViewListEventArguments {
     syntheticEvent: React.SyntheticEvent<any>;
     nativeEvent?: any;
     value: Date;
-    target: HorizontalViewList;
+    target: HorizontalViewListHandle;
     isTodayClick: boolean;
 }
 /**
@@ -53,28 +61,22 @@ export interface HorizontalViewListProps {
 /**
  * @hidden
  */
-export declare class HorizontalViewList extends React.Component<HorizontalViewListProps, {}> {
-    static defaultProps: {
-        showWeekNumbers: boolean;
-        views: number;
-        take: number;
-        allowReverse: boolean;
-        weekDaysFormat: string;
-        min: Date;
-        max: Date;
-    };
-    private _element;
-    private isActive;
-    get element(): HTMLDivElement | null;
-    protected get weekNumber(): boolean;
-    protected get min(): Date;
-    protected get max(): Date;
-    constructor(props: HorizontalViewListProps);
-    focusActiveDate: () => void;
-    blurActiveDate: () => void;
-    componentDidUpdate(): void;
-    render(): React.JSX.Element;
-    protected rotateSelectionRange: (selectionRange: SelectionRange) => SelectionRange;
-    private handleWeekCellClick;
-    private handleDateChange;
-}
+export declare const horizontalViewListDefaultProps: {
+    showWeekNumbers: boolean;
+    views: number;
+    take: number;
+    allowReverse: boolean;
+    weekDaysFormat: "short";
+    min: Date;
+    max: Date;
+};
+/**
+ * @hidden
+ */
+export type HorizontalViewList = HorizontalViewListHandle;
+/**
+ * @hidden
+ */
+export declare const HorizontalViewList: React.ForwardRefExoticComponent<HorizontalViewListProps & React.RefAttributes<HorizontalViewListHandle | null>> & {
+    defaultProps: typeof horizontalViewListDefaultProps;
+};

package/calendar/components/HorizontalViewList.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),m=require("./View.js"),a=require("../models/CalendarViewEnum.js"),d=require("@progress/kendo-react-common"),v=require("@progress/kendo-date-math"),h=require("../../utils.js");function f(i){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const e in i)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(i,e);Object.defineProperty(s,e,t.get?t:{enumerable:!0,get:()=>i[e]})}}return s.default=i,Object.freeze(s)}const l=f(u),p=2,n=class n extends l.Component{constructor(s){super(s),this._element=null,this.isActive=!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.rotateSelectionRange=e=>{if(e.start===null||e.end===null)return e;const t=e.end<e.start;return{start:t?e.end:e.start,end:t?e.start:e.end}},this.handleWeekCellClick=(e,t,r)=>{const{onWeekSelect:o}=this.props;o&&r&&o.call(void 0,e,t,r)},this.handleDateChange=(e,t=!1)=>{const{onChange:r}=this.props;if(r){const o={syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,value:v.cloneDate(e.value),target:this,isTodayClick:t};r.call(void 0,o)}}}get element(){return this._element}get weekNumber(){return!!(this.props.showWeekNumbers&&this.props.activeView===a.CalendarViewEnum.month)}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}componentDidUpdate(){this.isActive&&this.focusActiveDate()}render(){const s=this.props.allowReverse?this.rotateSelectionRange(this.props.selectionRange):this.props.selectionRange,e=d.classNames("k-calendar-view k-align-items-start k-justify-content-center",{"k-vstack":this.props.verticalView,"k-hstack":!this.props.verticalView,"k-calendar-monthview":this.props.activeView===a.CalendarViewEnum.month,"k-calendar-yearview":this.props.activeView===a.CalendarViewEnum.year,"k-calendar-decadeview":this.props.activeView===a.CalendarViewEnum.decade,"k-calendar-centuryview":this.props.activeView===a.CalendarViewEnum.century});return l.createElement("div",{ref:t=>{this._element=t},className:e},this.props.dates.map(t=>l.createElement("table",{className:"k-calendar-table",key:t.getTime(),role:"grid"},l.createElement(m.View,{bus:this.props.bus,weekDaysFormat:this.props.weekDaysFormat,service:this.props.service,key:t.getTime(),direction:"horizontal",activeView:this.props.activeView,cellUID:this.props.cellUID,viewDate:t,min:this.min,max:this.max,focusedDate:this.props.focusedDate,selectionRange:s,selectedDate:this.props.value,showWeekNumbers:this.weekNumber,onChange:this.handleDateChange,onWeekSelect:this.handleWeekCellClick,onCellEnter:this.props.onCellEnter,cell:this.props.cell,weekCell:this.props.weekCell,showOtherMonthDays:this.props.showOtherMonthDays,allowReverse:this.props.allowReverse}))))}};n.defaultProps={showWeekNumbers:!1,views:p,take:p,allowReverse:!0,weekDaysFormat:"short",min:h.MIN_DATE,max:h.MAX_DATE};let c=n;exports.HorizontalViewList=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),U=require("./View.js"),u=require("../models/CalendarViewEnum.js"),B=require("@progress/kendo-react-common"),K=require("@progress/kendo-date-math"),C=require("../../utils.js");function X(a){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const o in a)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(a,o);Object.defineProperty(l,o,i.get?i:{enumerable:!0,get:()=>a[o]})}}return l.default=a,Object.freeze(l)}const t=X(I),D=2,s={showWeekNumbers:!1,views:D,take:D,allowReverse:!0,weekDaysFormat:"short",min:C.MIN_DATE,max:C.MAX_DATE},E=t.forwardRef((a,l)=>{const{showWeekNumbers:o=s.showWeekNumbers,allowReverse:i=s.allowReverse,weekDaysFormat:b=s.weekDaysFormat,min:p=s.min,max:V=s.max,activeView:c,bus:N,cellUID:g,focusedDate:S,onChange:w,onWeekSelect:k,selectionRange:v,service:L,value:T,onCellEnter:q,cell:O,weekCell:z,showOtherMonthDays:A,dates:H,verticalView:h}=a,_=!!(o&&c===u.CalendarViewEnum.month),y=()=>{if(!r.current)return;const e=r.current.querySelector("td.k-focus"),n=r.current.querySelector(".k-state-pending-focus");e&&e[0]&&e[0].classList.remove("k-focus"),n&&n.classList.add("k-focus"),f.current=!0},M=()=>{if(!r.current)return;const e=r.current.querySelector("td.k-focus");e&&e.classList.remove("k-focus"),f.current=!1},W=e=>{if(e.start===null||e.end===null)return e;const n=e.end<e.start;return{start:n?e.end:e.start,end:n?e.start:e.end}},j=(e,n,d)=>{k&&d&&k(e,n,d)},P=(e,n=!1)=>{if(w){const d={syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,value:K.cloneDate(e.value),target:m.current,isTodayClick:n};w(d)}},m=t.useRef(null);t.useImperativeHandle(m,()=>({element:r.current,focusActiveDate:y,blurActiveDate:M})),t.useImperativeHandle(l,()=>m.current);const r=t.useRef(null),f=t.useRef(!1);t.useEffect(()=>{f.current&&y()});const F=i?W(v):v,x=B.classNames("k-calendar-view k-align-items-start k-justify-content-center",{"k-vstack":h,"k-hstack":!h,"k-calendar-monthview":c===u.CalendarViewEnum.month,"k-calendar-yearview":c===u.CalendarViewEnum.year,"k-calendar-decadeview":c===u.CalendarViewEnum.decade,"k-calendar-centuryview":c===u.CalendarViewEnum.century});return t.createElement("div",{ref:r,className:x},H.map(e=>t.createElement("table",{className:"k-calendar-table",key:e.getTime(),role:"grid"},t.createElement(U.View,{bus:N,weekDaysFormat:b,service:L,key:e.getTime(),direction:"horizontal",activeView:c,cellUID:g,viewDate:e,min:p,max:V,focusedDate:S,selectionRange:F,selectedDate:T,showWeekNumbers:_,onChange:P,onWeekSelect:j,onCellEnter:q,cell:O,weekCell:z,showOtherMonthDays:A,allowReverse:i}))))});E.displayName="KendoReactHorizontalViewList";const R=E;R.defaultProps=s;exports.HorizontalViewList=R;exports.horizontalViewListDefaultProps=s;