@progress/kendo-react-scheduler 9.2.0-develop.8 → 9.2.0-develop.9

package/editors/SchedulerFormEditor.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 se=require("react"),Ee=require("@progress/kendo-date-math"),i=require("@progress/kendo-react-labels"),ue=require("@progress/kendo-react-intl"),a=require("@progress/kendo-react-form"),b=require("@progress/kendo-react-inputs"),h=require("@progress/kendo-react-dateinputs"),n=require("../messages/index.js"),C=require("./FilterableComboBox.js"),be=require("@progress/kendo-react-common"),Te=require("../recurrence/RecurrenceEditor.js"),ke=require("./ResourceEditor.js"),S=require("./ZonedDateTime.js"),D=require("../context/SchedulerContext.js");function ze(r){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const m in r)if(m!=="default"){const E=Object.getOwnPropertyDescriptor(r,m);Object.defineProperty(c,m,E.get?E:{enumerable:!0,get:()=>r[m]})}}return c.default=r,Object.freeze(c)}const e=ze(se),N=e.forwardRef((r,c)=>{const m=e.useRef(null),E=e.useRef(null),L=Ee.timezoneNames(),d=ue.useLocalization(),t=D.useSchedulerFieldsContext(),{resources:p,timezone:T}=D.useSchedulerPropsContext();e.useImperativeHandle(E,()=>({element:m.current&&m.current.element?m.current.element:m.current,props:r})),e.useImperativeHandle(c,()=>E.current);const{as:v=o.as,...y}=r,{titleLabel:R=o.titleLabel,titleError:x=o.titleError,titleEditor:q=o.titleEditor,startLabel:Z=o.startLabel,startError:w=o.startError,startEditor:I=o.startEditor,startTimezoneLabel:A=o.startTimezoneLabel,startTimezoneError:P=o.startTimezoneError,startTimezoneEditor:W=o.startTimezoneEditor,startTimezoneCheckedLabel:g=o.startTimezoneCheckedLabel,startTimezoneCheckedEditor:G=o.startTimezoneCheckedEditor,endLabel:M=o.endLabel,endError:O=o.endError,endEditor:j=o.endEditor,endTimezoneLabel:B=o.endTimezoneLabel,endTimezoneError:V=o.endTimezoneError,endTimezoneEditor:_=o.endTimezoneEditor,endTimezoneCheckedLabel:H=o.endTimezoneCheckedLabel,endTimezoneCheckedEditor:K=o.endTimezoneCheckedEditor,allDayLabel:J=o.allDayLabel,allDayEditor:Q=o.allDayEditor,recurrenceEditor:U=o.recurrenceEditor,descriptionLabel:X=o.descriptionLabel,descriptionEditor:Y=o.descriptionEditor,descriptionError:$=o.descriptionError,resourceLabel:ee=o.resourceLabel,resourceEditor:te=o.resourceEditor}=r,re=r.valueGetter(t.start)||new Date,ae=r.valueGetter(t.startTimezone)||T||"",ne=r.valueGetter(t.endTimezone)||T||"",f=e.useMemo(()=>d.toLanguageString(n.editorValidationRequired,n.messages[n.editorValidationRequired]),[d]),[s,oe]=e.useState(!!r.valueGetter(t.startTimezone)),[k,F]=e.useState(!!r.valueGetter(t.endTimezone)),le=e.useCallback(l=>{l.value||(r.onChange(t.startTimezone,{value:null}),r.onChange(t.endTimezone,{value:null}),F(l.value)),oe(l.value)},[r.onChange,t.startTimezone,t.endTimezone]),ie=e.useCallback(l=>{l.value||r.onChange(t.endTimezone,{value:null}),F(l.value)},[r.onChange]),u=e.useCallback(l=>l?void 0:f,[f]),de=e.useCallback((l,z)=>s?u(z(t.startTimezone)):void 0,[u,s,t.startTimezone]),me=e.useCallback((l,z)=>s&&k?u(z(t.endTimezone))||u(z(t.startTimezone)):void 0,[u,s,k,t.startTimezone,t.endTimezone]),ce=e.useMemo(()=>be.classNames("k-scheduler-edit-form",r.className),[r.className]);return e.createElement(v,{ref:v===o.as?m:void 0,...y,className:ce},e.createElement(e.Fragment,null,e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.title,component:R,editorId:"k-scheduler-editor-title",className:"k-form-label"},d.toLanguageString(n.editorEventTitle,n.messages[n.editorEventTitle])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{id:"k-scheduler-editor-title",name:t.title,field:t.title,component:q}),r.errors[t.title]&&e.createElement(a.Field,{name:t.title,component:x},r.errors[t.title]))),e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.start,component:Z,editorId:"k-scheduler-editor-start",className:"k-form-label"},d.toLanguageString(n.editorEventStart,n.messages[n.editorEventStart])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{id:"k-scheduler-editor-start",name:t.start,width:"auto",component:I,as:r.valueGetter(t.isAllDay)?h.DatePicker:h.DateTimePicker,timezone:T}),r.errors[t.start]&&e.createElement(a.Field,{name:t.start,component:w},r.errors[t.start]))),e.createElement(a.FieldWrapper,null,e.createElement(g,{className:"k-form-label"}),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(G,{id:"k-scheduler-editor-set-start-timezone",onChange:le,value:s}),e.createElement(g,{className:"k-checkbox-label",editorId:"k-scheduler-editor-set-start-timezone"},d.toLanguageString(n.editorEventTimeZone,n.messages[n.editorEventTimeZone])))),s&&e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.start,component:A,className:"k-form-label"},d.toLanguageString(n.editorEventStartTimeZone,n.messages[n.editorEventStartTimeZone])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{component:W,value:ae,validator:de,data:L,name:t.startTimezone}),r.errors[t.startTimezone]&&e.createElement(a.Field,{name:t.startTimezone,component:P},r.errors[t.startTimezone]))),e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.end,component:M,editorId:"k-scheduler-editor-end",className:"k-form-label"},d.toLanguageString(n.editorEventEnd,n.messages[n.editorEventEnd])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{id:"k-scheduler-editor-end",name:t.end,width:"auto",component:j,as:r.valueGetter(t.isAllDay)?h.DatePicker:h.DateTimePicker,timezone:T}),r.errors[t.end]&&e.createElement(a.Field,{name:t.end,component:O},r.errors[t.end]))),s&&e.createElement(a.FieldWrapper,null,e.createElement("div",{className:"k-form-field-wrap"},e.createElement(K,{id:"k-scheduler-editor-set-end-timezone",onChange:ie,value:k})),e.createElement(H,{editorId:"k-scheduler-editor-set-end-timezone",className:"k-form-label"},d.toLanguageString(n.editorEventSeparateTimeZones,n.messages[n.editorEventSeparateTimeZones]))),k&&e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.endTimezone,component:B,className:"k-form-label"},d.toLanguageString(n.editorEventEndTimeZone,n.messages[n.editorEventEndTimeZone])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{value:ne,data:L,validator:me,component:_,name:t.endTimezone}),r.errors[t.endTimezone]&&e.createElement(a.Field,{name:t.endTimezone,component:V},r.errors[t.endTimezone]))),e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.isAllDay,component:i.Label,className:"k-form-label"}),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{id:"k-is-allday-checkbox",name:t.isAllDay,component:Q}),e.createElement(a.Field,{name:t.isAllDay,field:t.isAllDay,editorId:"k-is-allday-checkbox",className:"k-checkbox-label",component:J},d.toLanguageString(n.editorEventAllDay,n.messages[n.editorEventAllDay])))),e.createElement("div",{className:"k-recurrence-editor"},e.createElement(a.Field,{component:U,field:t.recurrenceRule,name:t.recurrenceRule,start:re})),e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.description,component:X,className:"k-form-label"},d.toLanguageString(n.editorEventDescription,n.messages[n.editorEventDescription])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{component:Y,name:t.description,rows:1,id:"k-event-description"}),r.errors[t.description]&&e.createElement(a.Field,{name:t.description,component:$},r.errors[t.description]))),(p||[]).map(l=>e.createElement(a.FieldWrapper,{key:l.field},e.createElement(a.Field,{name:l.field,component:ee,className:"k-form-label"}),e.createElement(i.Label,{className:"k-form-label"},l.name),e.createElement(a.Field,{name:l.field,component:te,resource:l,multiple:l.multiple,data:l.data,textField:l.textField,valueField:l.valueField,colorField:l.colorField})))))}),o={as:e.forwardRef((r,c)=>e.createElement(a.FormElement,{ref:c,id:r.id,style:r.style,tabIndex:r.tabIndex,className:r.className,horizontal:r.horizontal,children:r.children})),titleLabel:i.Label,titleError:i.Error,titleEditor:b.Input,startLabel:i.Label,startError:i.Error,startEditor:S.ZonedDateTime,startTimezoneLabel:i.Label,startTimezoneError:i.Error,startTimezoneEditor:C.FilterableComboBox,startTimezoneCheckedLabel:i.Label,startTimezoneCheckedEditor:b.Checkbox,endLabel:i.Label,endError:i.Error,endEditor:S.ZonedDateTime,endTimezoneLabel:i.Label,endTimezoneError:i.Error,endTimezoneEditor:C.FilterableComboBox,endTimezoneCheckedLabel:i.Label,endTimezoneCheckedEditor:b.Checkbox,allDayLabel:i.Label,allDayEditor:b.Checkbox,recurrenceEditor:Te.RecurrenceEditor,descriptionLabel:i.Label,descriptionEditor:b.TextArea,descriptionError:i.Error,resourceLabel:i.Label,resourceEditor:ke.ResourceEditor};N.displayName="KendoReactSchedulerFormEditor";exports.SchedulerFormEditor=N;exports.schedulerFormEditorDefaultProps=o;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const se=require("react"),Ee=require("@progress/kendo-date-math"),i=require("@progress/kendo-react-labels"),ue=require("@progress/kendo-react-intl"),a=require("@progress/kendo-react-form"),b=require("@progress/kendo-react-inputs"),h=require("@progress/kendo-react-dateinputs"),n=require("../messages/index.js"),C=require("./FilterableComboBox.js"),be=require("@progress/kendo-react-common"),Te=require("../recurrence/RecurrenceEditor.js"),ke=require("./ResourceEditor.js"),S=require("./ZonedDateTime.js"),D=require("../context/SchedulerContext.js");function ze(r){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const m in r)if(m!=="default"){const E=Object.getOwnPropertyDescriptor(r,m);Object.defineProperty(c,m,E.get?E:{enumerable:!0,get:()=>r[m]})}}return c.default=r,Object.freeze(c)}const e=ze(se),N=e.forwardRef((r,c)=>{const m=e.useRef(null),E=e.useRef(null),L=Ee.timezoneNames(),d=ue.useLocalization(),t=D.useSchedulerFieldsContext(),{resources:p,timezone:T}=D.useSchedulerPropsContext();e.useImperativeHandle(E,()=>{var l;return{element:(l=m.current)!=null&&l.element?m.current.element:m.current,props:r}}),e.useImperativeHandle(c,()=>E.current);const{as:v=o.as,...y}=r,{titleLabel:R=o.titleLabel,titleError:x=o.titleError,titleEditor:q=o.titleEditor,startLabel:Z=o.startLabel,startError:w=o.startError,startEditor:I=o.startEditor,startTimezoneLabel:A=o.startTimezoneLabel,startTimezoneError:P=o.startTimezoneError,startTimezoneEditor:W=o.startTimezoneEditor,startTimezoneCheckedLabel:g=o.startTimezoneCheckedLabel,startTimezoneCheckedEditor:G=o.startTimezoneCheckedEditor,endLabel:M=o.endLabel,endError:O=o.endError,endEditor:j=o.endEditor,endTimezoneLabel:B=o.endTimezoneLabel,endTimezoneError:V=o.endTimezoneError,endTimezoneEditor:_=o.endTimezoneEditor,endTimezoneCheckedLabel:H=o.endTimezoneCheckedLabel,endTimezoneCheckedEditor:K=o.endTimezoneCheckedEditor,allDayLabel:J=o.allDayLabel,allDayEditor:Q=o.allDayEditor,recurrenceEditor:U=o.recurrenceEditor,descriptionLabel:X=o.descriptionLabel,descriptionEditor:Y=o.descriptionEditor,descriptionError:$=o.descriptionError,resourceLabel:ee=o.resourceLabel,resourceEditor:te=o.resourceEditor}=r,re=r.valueGetter(t.start)||new Date,ae=r.valueGetter(t.startTimezone)||T||"",ne=r.valueGetter(t.endTimezone)||T||"",f=e.useMemo(()=>d.toLanguageString(n.editorValidationRequired,n.messages[n.editorValidationRequired]),[d]),[s,oe]=e.useState(!!r.valueGetter(t.startTimezone)),[k,F]=e.useState(!!r.valueGetter(t.endTimezone)),le=e.useCallback(l=>{l.value||(r.onChange(t.startTimezone,{value:null}),r.onChange(t.endTimezone,{value:null}),F(l.value)),oe(l.value)},[r.onChange,t.startTimezone,t.endTimezone]),ie=e.useCallback(l=>{l.value||r.onChange(t.endTimezone,{value:null}),F(l.value)},[r.onChange]),u=e.useCallback(l=>l?void 0:f,[f]),de=e.useCallback((l,z)=>s?u(z(t.startTimezone)):void 0,[u,s,t.startTimezone]),me=e.useCallback((l,z)=>s&&k?u(z(t.endTimezone))||u(z(t.startTimezone)):void 0,[u,s,k,t.startTimezone,t.endTimezone]),ce=e.useMemo(()=>be.classNames("k-scheduler-edit-form",r.className),[r.className]);return e.createElement(v,{ref:v===o.as?m:void 0,...y,className:ce},e.createElement(e.Fragment,null,e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.title,component:R,editorId:"k-scheduler-editor-title",className:"k-form-label"},d.toLanguageString(n.editorEventTitle,n.messages[n.editorEventTitle])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{id:"k-scheduler-editor-title",name:t.title,field:t.title,component:q}),r.errors[t.title]&&e.createElement(a.Field,{name:t.title,component:x},r.errors[t.title]))),e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.start,component:Z,editorId:"k-scheduler-editor-start",className:"k-form-label"},d.toLanguageString(n.editorEventStart,n.messages[n.editorEventStart])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{id:"k-scheduler-editor-start",name:t.start,width:"auto",component:I,as:r.valueGetter(t.isAllDay)?h.DatePicker:h.DateTimePicker,timezone:T}),r.errors[t.start]&&e.createElement(a.Field,{name:t.start,component:w},r.errors[t.start]))),e.createElement(a.FieldWrapper,null,e.createElement(g,{className:"k-form-label"}),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(G,{id:"k-scheduler-editor-set-start-timezone",onChange:le,value:s}),e.createElement(g,{className:"k-checkbox-label",editorId:"k-scheduler-editor-set-start-timezone"},d.toLanguageString(n.editorEventTimeZone,n.messages[n.editorEventTimeZone])))),s&&e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.start,component:A,className:"k-form-label"},d.toLanguageString(n.editorEventStartTimeZone,n.messages[n.editorEventStartTimeZone])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{component:W,value:ae,validator:de,data:L,name:t.startTimezone}),r.errors[t.startTimezone]&&e.createElement(a.Field,{name:t.startTimezone,component:P},r.errors[t.startTimezone]))),e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.end,component:M,editorId:"k-scheduler-editor-end",className:"k-form-label"},d.toLanguageString(n.editorEventEnd,n.messages[n.editorEventEnd])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{id:"k-scheduler-editor-end",name:t.end,width:"auto",component:j,as:r.valueGetter(t.isAllDay)?h.DatePicker:h.DateTimePicker,timezone:T}),r.errors[t.end]&&e.createElement(a.Field,{name:t.end,component:O},r.errors[t.end]))),s&&e.createElement(a.FieldWrapper,null,e.createElement("div",{className:"k-form-field-wrap"},e.createElement(K,{id:"k-scheduler-editor-set-end-timezone",onChange:ie,value:k})),e.createElement(H,{editorId:"k-scheduler-editor-set-end-timezone",className:"k-form-label"},d.toLanguageString(n.editorEventSeparateTimeZones,n.messages[n.editorEventSeparateTimeZones]))),k&&e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.endTimezone,component:B,className:"k-form-label"},d.toLanguageString(n.editorEventEndTimeZone,n.messages[n.editorEventEndTimeZone])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{value:ne,data:L,validator:me,component:_,name:t.endTimezone}),r.errors[t.endTimezone]&&e.createElement(a.Field,{name:t.endTimezone,component:V},r.errors[t.endTimezone]))),e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.isAllDay,component:i.Label,className:"k-form-label"}),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{id:"k-is-allday-checkbox",name:t.isAllDay,component:Q}),e.createElement(a.Field,{name:t.isAllDay,field:t.isAllDay,editorId:"k-is-allday-checkbox",className:"k-checkbox-label",component:J},d.toLanguageString(n.editorEventAllDay,n.messages[n.editorEventAllDay])))),e.createElement("div",{className:"k-recurrence-editor"},e.createElement(a.Field,{component:U,field:t.recurrenceRule,name:t.recurrenceRule,start:re})),e.createElement(a.FieldWrapper,null,e.createElement(a.Field,{name:t.description,component:X,className:"k-form-label"},d.toLanguageString(n.editorEventDescription,n.messages[n.editorEventDescription])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(a.Field,{component:Y,name:t.description,rows:1,id:"k-event-description"}),r.errors[t.description]&&e.createElement(a.Field,{name:t.description,component:$},r.errors[t.description]))),(p||[]).map(l=>e.createElement(a.FieldWrapper,{key:l.field},e.createElement(a.Field,{name:l.field,component:ee,className:"k-form-label"}),e.createElement(i.Label,{className:"k-form-label"},l.name),e.createElement(a.Field,{name:l.field,component:te,resource:l,multiple:l.multiple,data:l.data,textField:l.textField,valueField:l.valueField,colorField:l.colorField})))))}),o={as:e.forwardRef((r,c)=>e.createElement(a.FormElement,{ref:c,id:r.id,style:r.style,tabIndex:r.tabIndex,className:r.className,horizontal:r.horizontal,children:r.children})),titleLabel:i.Label,titleError:i.Error,titleEditor:b.Input,startLabel:i.Label,startError:i.Error,startEditor:S.ZonedDateTime,startTimezoneLabel:i.Label,startTimezoneError:i.Error,startTimezoneEditor:C.FilterableComboBox,startTimezoneCheckedLabel:i.Label,startTimezoneCheckedEditor:b.Checkbox,endLabel:i.Label,endError:i.Error,endEditor:S.ZonedDateTime,endTimezoneLabel:i.Label,endTimezoneError:i.Error,endTimezoneEditor:C.FilterableComboBox,endTimezoneCheckedLabel:i.Label,endTimezoneCheckedEditor:b.Checkbox,allDayLabel:i.Label,allDayEditor:b.Checkbox,recurrenceEditor:Te.RecurrenceEditor,descriptionLabel:i.Label,descriptionEditor:b.TextArea,descriptionError:i.Error,resourceLabel:i.Label,resourceEditor:ke.ResourceEditor};N.displayName="KendoReactSchedulerFormEditor";exports.SchedulerFormEditor=N;exports.schedulerFormEditorDefaultProps=o;

package/editors/SchedulerFormEditor.mjs

@@ -10,7 +10,7 @@ import * as e from "react";
 import { timezoneNames as ge } from "@progress/kendo-date-math";
 import { Label as l, Error as s } from "@progress/kendo-react-labels";
 import { useLocalization as Ce } from "@progress/kendo-react-intl";
-import { FieldWrapper as m, Field as n, FormElement as Ne } from "@progress/kendo-react-form";
+import { FieldWrapper as m, Field as o, FormElement as Ne } from "@progress/kendo-react-form";
 import { Input as Se, Checkbox as h, TextArea as De } from "@progress/kendo-react-inputs";
 import { DatePicker as S, DateTimePicker as D } from "@progress/kendo-react-dateinputs";
 import { editorValidationRequired as y, messages as d, editorEventTitle as x, editorEventStart as p, editorEventTimeZone as w, editorEventStartTimeZone as F, editorEventEnd as R, editorEventSeparateTimeZones as I, editorEventEndTimeZone as Z, editorEventAllDay as A, editorEventDescription as G } from "../messages/index.mjs";
@@ -22,11 +22,14 @@ import { ZonedDateTime as V } from "./ZonedDateTime.mjs";
 import { useSchedulerFieldsContext as we, useSchedulerPropsContext as Fe } from "../context/SchedulerContext.mjs";
 const Re = e.forwardRef(
   (r, b) => {
-    const E = e.useRef(null), f = e.useRef(null), L = ge(), i = Ce(), t = we(), { resources: q, timezone: z } = Fe();
-    e.useImperativeHandle(f, () => ({
-      element: E.current && E.current.element ? E.current.element : E.current,
-      props: r
-    })), e.useImperativeHandle(
+    const u = e.useRef(null), f = e.useRef(null), L = ge(), i = Ce(), t = we(), { resources: q, timezone: z } = Fe();
+    e.useImperativeHandle(f, () => {
+      var n;
+      return {
+        element: (n = u.current) != null && n.element ? u.current.element : u.current,
+        props: r
+      };
+    }), e.useImperativeHandle(
       b,
       () => f.current
     );
@@ -64,34 +67,34 @@ const Re = e.forwardRef(
     ), [c, ke] = e.useState(
       !!r.valueGetter(t.startTimezone)
     ), [T, N] = e.useState(!!r.valueGetter(t.endTimezone)), be = e.useCallback(
-      (o) => {
-        o.value || (r.onChange(t.startTimezone, { value: null }), r.onChange(t.endTimezone, { value: null }), N(o.value)), ke(o.value);
+      (n) => {
+        n.value || (r.onChange(t.startTimezone, { value: null }), r.onChange(t.endTimezone, { value: null }), N(n.value)), ke(n.value);
       },
       [r.onChange, t.startTimezone, t.endTimezone]
     ), he = e.useCallback(
-      (o) => {
-        o.value || r.onChange(t.endTimezone, { value: null }), N(o.value);
+      (n) => {
+        n.value || r.onChange(t.endTimezone, { value: null }), N(n.value);
       },
       [r.onChange]
-    ), u = e.useCallback(
-      (o) => o ? void 0 : C,
+    ), E = e.useCallback(
+      (n) => n ? void 0 : C,
       [C]
     ), fe = e.useCallback(
-      (o, k) => c ? u(k(t.startTimezone)) : void 0,
-      [u, c, t.startTimezone]
+      (n, k) => c ? E(k(t.startTimezone)) : void 0,
+      [E, c, t.startTimezone]
     ), Le = e.useCallback(
-      (o, k) => c && T ? u(k(t.endTimezone)) || u(k(t.startTimezone)) : void 0,
-      [u, c, T, t.startTimezone, t.endTimezone]
+      (n, k) => c && T ? E(k(t.endTimezone)) || E(k(t.startTimezone)) : void 0,
+      [E, c, T, t.startTimezone, t.endTimezone]
     ), ve = e.useMemo(() => ye("k-scheduler-edit-form", r.className), [r.className]);
     return /* @__PURE__ */ e.createElement(
       v,
       {
-        ref: v === a.as ? E : void 0,
+        ref: v === a.as ? u : void 0,
         ...B,
         className: ve
       },
       /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(
-        n,
+        o,
         {
           name: t.title,
           component: M,
@@ -100,15 +103,15 @@ const Re = e.forwardRef(
         },
         i.toLanguageString(x, d[x])
       ), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
-        n,
+        o,
         {
           id: "k-scheduler-editor-title",
           name: t.title,
           field: t.title,
           component: _
         }
-      ), r.errors[t.title] && /* @__PURE__ */ e.createElement(n, { name: t.title, component: H }, r.errors[t.title]))), /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(
-        n,
+      ), r.errors[t.title] && /* @__PURE__ */ e.createElement(o, { name: t.title, component: H }, r.errors[t.title]))), /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(
+        o,
         {
           name: t.start,
           component: K,
@@ -117,7 +120,7 @@ const Re = e.forwardRef(
         },
         i.toLanguageString(p, d[p])
       ), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
-        n,
+        o,
         {
           id: "k-scheduler-editor-start",
           name: t.start,
@@ -126,7 +129,7 @@ const Re = e.forwardRef(
           as: r.valueGetter(t.isAllDay) ? S : D,
           timezone: z
         }
-      ), r.errors[t.start] && /* @__PURE__ */ e.createElement(n, { name: t.start, component: W }, r.errors[t.start]))), /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(g, { className: "k-form-label" }), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+      ), r.errors[t.start] && /* @__PURE__ */ e.createElement(o, { name: t.start, component: W }, r.errors[t.start]))), /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(g, { className: "k-form-label" }), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
         U,
         {
           id: "k-scheduler-editor-set-start-timezone",
@@ -140,11 +143,11 @@ const Re = e.forwardRef(
           editorId: "k-scheduler-editor-set-start-timezone"
         },
         i.toLanguageString(w, d[w])
-      ))), c && /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(n, { name: t.start, component: J, className: "k-form-label" }, i.toLanguageString(
+      ))), c && /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(o, { name: t.start, component: J, className: "k-form-label" }, i.toLanguageString(
         F,
         d[F]
       )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
-        n,
+        o,
         {
           component: Q,
           value: ze,
@@ -152,8 +155,8 @@ const Re = e.forwardRef(
           data: L,
           name: t.startTimezone
         }
-      ), r.errors[t.startTimezone] && /* @__PURE__ */ e.createElement(n, { name: t.startTimezone, component: O }, r.errors[t.startTimezone]))), /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(
-        n,
+      ), r.errors[t.startTimezone] && /* @__PURE__ */ e.createElement(o, { name: t.startTimezone, component: O }, r.errors[t.startTimezone]))), /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(
+        o,
         {
           name: t.end,
           component: X,
@@ -162,7 +165,7 @@ const Re = e.forwardRef(
         },
         i.toLanguageString(R, d[R])
       ), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
-        n,
+        o,
         {
           id: "k-scheduler-editor-end",
           name: t.end,
@@ -171,7 +174,7 @@ const Re = e.forwardRef(
           as: r.valueGetter(t.isAllDay) ? S : D,
           timezone: z
         }
-      ), r.errors[t.end] && /* @__PURE__ */ e.createElement(n, { name: t.end, component: Y }, r.errors[t.end]))), c && /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+      ), r.errors[t.end] && /* @__PURE__ */ e.createElement(o, { name: t.end, component: Y }, r.errors[t.end]))), c && /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
         ne,
         {
           id: "k-scheduler-editor-set-end-timezone",
@@ -188,11 +191,11 @@ const Re = e.forwardRef(
           I,
           d[I]
         )
-      )), T && /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(n, { name: t.endTimezone, component: ee, className: "k-form-label" }, i.toLanguageString(
+      )), T && /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(o, { name: t.endTimezone, component: ee, className: "k-form-label" }, i.toLanguageString(
         Z,
         d[Z]
       )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
-        n,
+        o,
         {
           value: Te,
           data: L,
@@ -200,8 +203,8 @@ const Re = e.forwardRef(
           component: re,
           name: t.endTimezone
         }
-      ), r.errors[t.endTimezone] && /* @__PURE__ */ e.createElement(n, { name: t.endTimezone, component: te }, r.errors[t.endTimezone]))), /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(n, { name: t.isAllDay, component: l, className: "k-form-label" }), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(n, { id: "k-is-allday-checkbox", name: t.isAllDay, component: le }), /* @__PURE__ */ e.createElement(
-        n,
+      ), r.errors[t.endTimezone] && /* @__PURE__ */ e.createElement(o, { name: t.endTimezone, component: te }, r.errors[t.endTimezone]))), /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(o, { name: t.isAllDay, component: l, className: "k-form-label" }), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(o, { id: "k-is-allday-checkbox", name: t.isAllDay, component: le }), /* @__PURE__ */ e.createElement(
+        o,
         {
           name: t.isAllDay,
           field: t.isAllDay,
@@ -211,32 +214,32 @@ const Re = e.forwardRef(
         },
         i.toLanguageString(A, d[A])
       ))), /* @__PURE__ */ e.createElement("div", { className: "k-recurrence-editor" }, /* @__PURE__ */ e.createElement(
-        n,
+        o,
         {
           component: ie,
           field: t.recurrenceRule,
           name: t.recurrenceRule,
           start: ue
         }
-      )), /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(n, { name: t.description, component: me, className: "k-form-label" }, i.toLanguageString(G, d[G])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
-        n,
+      )), /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(o, { name: t.description, component: me, className: "k-form-label" }, i.toLanguageString(G, d[G])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+        o,
         {
           component: de,
           name: t.description,
           rows: 1,
           id: "k-event-description"
         }
-      ), r.errors[t.description] && /* @__PURE__ */ e.createElement(n, { name: t.description, component: ce }, r.errors[t.description]))), (q || []).map((o) => /* @__PURE__ */ e.createElement(m, { key: o.field }, /* @__PURE__ */ e.createElement(n, { name: o.field, component: se, className: "k-form-label" }), /* @__PURE__ */ e.createElement(l, { className: "k-form-label" }, o.name), /* @__PURE__ */ e.createElement(
-        n,
+      ), r.errors[t.description] && /* @__PURE__ */ e.createElement(o, { name: t.description, component: ce }, r.errors[t.description]))), (q || []).map((n) => /* @__PURE__ */ e.createElement(m, { key: n.field }, /* @__PURE__ */ e.createElement(o, { name: n.field, component: se, className: "k-form-label" }), /* @__PURE__ */ e.createElement(l, { className: "k-form-label" }, n.name), /* @__PURE__ */ e.createElement(
+        o,
         {
-          name: o.field,
+          name: n.field,
           component: Ee,
-          resource: o,
-          multiple: o.multiple,
-          data: o.data,
-          textField: o.textField,
-          valueField: o.valueField,
-          colorField: o.colorField
+          resource: n,
+          multiple: n.multiple,
+          data: n.data,
+          textField: n.textField,
+          valueField: n.valueField,
+          colorField: n.colorField
         }
       ))))
     );

package/index.d.mts

@@ -13,6 +13,7 @@ import { DateFormatOptions } from '@progress/kendo-react-intl';
 import { DatePickerCloseEvent } from '@progress/kendo-react-dateinputs';
 import { DatePickerOpenEvent } from '@progress/kendo-react-dateinputs';
 import { DatePickerProps } from '@progress/kendo-react-dateinputs';
+import { DateRange as DateRange_2 } from '../..';
 import { DateTimePickerCloseEvent } from '@progress/kendo-react-dateinputs';
 import { DateTimePickerOpenEvent } from '@progress/kendo-react-dateinputs';
 import { DateTimePickerProps } from '@progress/kendo-react-dateinputs';
@@ -36,10 +37,27 @@ import { LocalizationService } from '@progress/kendo-react-intl';
 import { MultiSelectProps } from '@progress/kendo-react-dropdowns';
 import * as React_2 from 'react';
 import { ReactNodeLike } from 'prop-types';
+import { RecurrenceEditorProps } from '../recurrence/RecurrenceEditor';
 import { Requireable } from 'prop-types';
+import { ResourceEditorProps } from './ResourceEditor';
+import { SchedulerFooterHandle as SchedulerFooterHandle_2 } from './components/footer/SchedulerFooter';
+import { SchedulerFormHandle as SchedulerFormHandle_2 } from '../components/SchedulerForm';
+import { SchedulerHeaderHandle as SchedulerHeaderHandle_2 } from './components/header/SchedulerHeader';
+import { SchedulerItemHandle as SchedulerItemHandle_2 } from '../../items/SchedulerItem';
+import { SchedulerNavigationHandle } from './components/header/navigation/SchedulerNavigation';
+import { SchedulerNavigationProps } from './components/header/navigation/SchedulerNavigation';
+import { SchedulerOccurrenceDialogHandle as SchedulerOccurrenceDialogHandle_2 } from '../components/SchedulerOccurrenceDialog';
+import { SchedulerRemoveDialogHandle as SchedulerRemoveDialogHandle_2 } from '../components/SchedulerRemoveDialog';
+import { SchedulerTaskHandle as SchedulerTaskHandle_2 } from './SchedulerTask';
+import { SchedulerViewDateRangeArgs as SchedulerViewDateRangeArgs_2 } from '../..';
+import { SchedulerViewItemHandle as SchedulerViewItemHandle_2 } from '../../items/SchedulerViewItem';
+import { SchedulerViewItemHandle as SchedulerViewItemHandle_3 } from './SchedulerViewItem';
+import { SchedulerViewSelectorHandle } from './components/header/view-selector/SchedulerViewSelector';
+import { SchedulerViewSelectorProps } from './components/header/view-selector/SchedulerViewSelector';
+import { SchedulerViewSlotHandle as SchedulerViewSlotHandle_2 } from './SchedulerViewSlot';
+import { SchedulerViewTaskHandle as SchedulerViewTaskHandle_2 } from './SchedulerViewTask';
 import { TextAreaHandle } from '@progress/kendo-react-inputs';
 import { TextAreaProps } from '@progress/kendo-react-inputs';
-import { ToolbarItemProps } from '@progress/kendo-react-buttons';
 import { ToolbarProps } from '@progress/kendo-react-buttons';
 import { ZonedDate } from '@progress/kendo-date-math';
 
@@ -248,7 +266,7 @@ export declare const dayViewDefaultProps: {
     selectedDateFormat: string;
     selectedShortDateFormat: string;
     currentTimeMarker: boolean;
-    dateRange: ({ date, numberOfDays, timezone }: SchedulerViewDateRangeArgs) => DateRange;
+    dateRange: ({ date, numberOfDays, timezone }: SchedulerViewDateRangeArgs_2) => DateRange_2;
     startTime: string;
     endTime: string;
     isWorkDayStart: string;
@@ -890,16 +908,6 @@ declare interface Range_2 {
 }
 export { Range_2 as Range }
 
-/** @hidden */
-declare interface RecurrenceEditorProps {
-    value: string;
-    start: Date;
-    timezone: string;
-    onChange: ({ value }: {
-        value: string | null;
-    }) => void;
-}
-
 /**
  * Represents the available `action` types for the `SchedulerItemRemoveItemAction` objects.
  *
@@ -951,17 +959,6 @@ export declare interface Resource {
     multiple?: boolean;
 }
 
-/** @hidden */
-declare interface ResourceEditorProps extends FieldRenderProps {
-    resource: SchedulerResource;
-    data: any[];
-    textField: string;
-    valueField: string;
-    colorField?: string;
-    multiple?: boolean;
-    validationMessage: string;
-}
-
 /**
  * Represents the [KendoReact Scheduler component]({% slug overview_scheduler %})
  *
@@ -1111,8 +1108,8 @@ export declare const schedulerDefaultProps: {
     tabIndex: number;
     editable: boolean;
     defaultDate: Date;
-    header: React_2.ForwardRefExoticComponent<SchedulerHeaderProps & React_2.RefAttributes<SchedulerHeaderHandle>>;
-    footer: React_2.ForwardRefExoticComponent<SchedulerFooterProps & React_2.RefAttributes<SchedulerFooterHandle>>;
+    header: React_2.ForwardRefExoticComponent<SchedulerHeaderProps & React_2.RefAttributes<SchedulerHeaderHandle_2>>;
+    footer: React_2.ForwardRefExoticComponent<SchedulerFooterProps & React_2.RefAttributes<SchedulerFooterHandle_2>>;
     navigation: React_2.ForwardRefExoticComponent<SchedulerNavigationProps & React_2.RefAttributes<SchedulerNavigationHandle>>;
     viewSelector: React_2.ForwardRefExoticComponent<SchedulerViewSelectorProps & React_2.RefAttributes<SchedulerViewSelectorHandle>>;
 };
@@ -1123,8 +1120,8 @@ export declare const schedulerDefaultProps: {
 export declare const SchedulerDrag: React_2.FunctionComponent<SchedulerDragProps>;
 
 export declare const schedulerDragDefaultProps: {
-    viewItem: React_2.ForwardRefExoticComponent<SchedulerViewItemProps & React_2.RefAttributes<SchedulerViewItemHandle>>;
-    item: React_2.ForwardRefExoticComponent<SchedulerItemProps & React_2.RefAttributes<SchedulerItemHandle>>;
+    viewItem: React_2.ForwardRefExoticComponent<SchedulerViewItemProps & React_2.RefAttributes<SchedulerViewItemHandle_2>>;
+    item: React_2.ForwardRefExoticComponent<SchedulerItemProps & React_2.RefAttributes<SchedulerItemHandle_2>>;
 };
 
 /**
@@ -1185,12 +1182,12 @@ export declare const SchedulerEditItem: React_2.ForwardRefExoticComponent<Schedu
 export declare type SchedulerEditItemAction = SchedulerItemFormItemAction | SchedulerItemDragItemAction | SchedulerItemResizeItemAction | SchedulerItemRemoveItemAction | SchedulerItemShowRemoveDialogAction | SchedulerItemShowOccurrenceDialogAction | SchedulerItemSeriesAction | SchedulerItemsFocusAction | SchedulerItemsSelectAction | SchedulerSlotsFocusAction | SchedulerSlotsSelectAction | null | false | undefined;
 
 export declare const schedulerEditItemDefaultProps: {
-    viewItem: React_2.ForwardRefExoticComponent<SchedulerViewItemProps & React_2.RefAttributes<SchedulerViewItemHandle>>;
+    viewItem: React_2.ForwardRefExoticComponent<SchedulerViewItemProps & React_2.RefAttributes<SchedulerViewItemHandle_3>>;
     drag: React_2.FunctionComponent<SchedulerDragProps>;
     resize: React_2.FunctionComponent<SchedulerResizeProps>;
-    form: React_2.ForwardRefExoticComponent<SchedulerFormProps & React_2.RefAttributes<SchedulerFormHandle | null>>;
-    occurrenceDialog: React_2.ForwardRefExoticComponent<SchedulerOccurrenceDialogProps & React_2.RefAttributes<SchedulerOccurrenceDialogHandle | null>>;
-    removeDialog: React_2.ForwardRefExoticComponent<SchedulerRemoveDialogProps & React_2.RefAttributes<SchedulerRemoveDialogHandle | null>>;
+    form: React_2.ForwardRefExoticComponent<SchedulerFormProps & React_2.RefAttributes<SchedulerFormHandle_2 | null>>;
+    occurrenceDialog: React_2.ForwardRefExoticComponent<SchedulerOccurrenceDialogProps & React_2.RefAttributes<SchedulerOccurrenceDialogHandle_2 | null>>;
+    removeDialog: React_2.ForwardRefExoticComponent<SchedulerRemoveDialogProps & React_2.RefAttributes<SchedulerRemoveDialogHandle_2 | null>>;
     onClickAction: (event: SchedulerItemMouseEvent, _: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction[];
     onDoubleClickAction: (_: any, props: SchedulerEditItemProps) => (false | {
         type: FORM_ITEM_ACTION;
@@ -1696,8 +1693,8 @@ export declare interface SchedulerEditItemStateChangeEvent<T> {
 export declare const SchedulerEditSlot: React_2.ForwardRefExoticComponent<SchedulerEditSlotProps & React_2.RefAttributes<SchedulerEditSlotHandle>>;
 
 export declare const schedulerEditSlotDefaultProps: {
-    viewSlot: React_2.ForwardRefExoticComponent<SchedulerViewSlotProps & React_2.RefAttributes<SchedulerViewSlotHandle>>;
-    form: React_2.ForwardRefExoticComponent<SchedulerFormProps & React_2.RefAttributes<SchedulerFormHandle | null>>;
+    viewSlot: React_2.ForwardRefExoticComponent<SchedulerViewSlotProps & React_2.RefAttributes<SchedulerViewSlotHandle_2>>;
+    form: React_2.ForwardRefExoticComponent<SchedulerFormProps & React_2.RefAttributes<SchedulerFormHandle_2 | null>>;
 };
 
 /**
@@ -1771,9 +1768,9 @@ export declare type SchedulerEditSlotPropsContextType = SchedulerEditSlotProps;
 export declare const SchedulerEditTask: React_2.ForwardRefExoticComponent<SchedulerEditTaskProps & React_2.RefAttributes<SchedulerEditTaskHandle>>;
 
 export declare const schedulerEditTaskDefaultProps: {
-    viewTask: React_2.ForwardRefExoticComponent<SchedulerViewTaskProps & React_2.RefAttributes<SchedulerViewTaskHandle>>;
-    occurrenceDialog: React_2.ForwardRefExoticComponent<SchedulerOccurrenceDialogProps & React_2.RefAttributes<SchedulerOccurrenceDialogHandle | null>>;
-    removeDialog: React_2.ForwardRefExoticComponent<SchedulerRemoveDialogProps & React_2.RefAttributes<SchedulerRemoveDialogHandle | null>>;
+    viewTask: React_2.ForwardRefExoticComponent<SchedulerViewTaskProps & React_2.RefAttributes<SchedulerViewTaskHandle_2>>;
+    occurrenceDialog: React_2.ForwardRefExoticComponent<SchedulerOccurrenceDialogProps & React_2.RefAttributes<SchedulerOccurrenceDialogHandle_2 | null>>;
+    removeDialog: React_2.ForwardRefExoticComponent<SchedulerRemoveDialogProps & React_2.RefAttributes<SchedulerRemoveDialogHandle_2 | null>>;
 };
 
 /**
@@ -1901,8 +1898,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -1932,8 +1929,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -1963,8 +1960,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -1994,8 +1991,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -2011,8 +2008,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -2042,8 +2039,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -2073,8 +2070,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -2090,8 +2087,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -2108,8 +2105,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -2139,8 +2136,8 @@ export declare const schedulerFormEditorDefaultProps: {
         propTypes: {
             id: Requireable<string>;
             editorId: Requireable<string>;
-            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<{
-                current: Requireable<any>;
+            editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps<    {
+            current: Requireable<any>;
             }> | null | undefined>>;
             editorValid: Requireable<boolean>;
             editorDisabled: Requireable<boolean>;
@@ -2330,7 +2327,7 @@ export declare interface SchedulerFormEditorProps extends Omit_2<FormElementProp
      *
      * For more information, please refer to the [`Scheduler Form Editor Customization`]({% slug overview_customization_form_editor_scheduler %}) article.
      */
-    recurrenceEditor?: React_2.ComponentType<TargetlessChangeEvent<any & FieldProps, string>>;
+    recurrenceEditor?: React_2.ComponentType<TargetlessChangeEvent<FieldProps, string>>;
     /**
      * Overrides the component used for visualizing the `description` field label.
      * The [KendoReact Label]({% slug label_labels %}) component is used, by default.
@@ -2876,25 +2873,6 @@ export declare interface SchedulerModelFields {
     recurrenceExceptions?: string;
 }
 
-/**
- * Represents the object which is returned from the `ref` callback of the [SchedulerNavigation]({% slug api_scheduler_schedulernavigation %}).
- *
- * For more information about Refs, refer to the [React Refs & Dom](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) article.
- */
-/** @hidden */
-declare interface SchedulerNavigationHandle {
-    props: SchedulerNavigationProps;
-    element: HTMLSpanElement | null;
-}
-
-/**
- * Represents the props of the KendoReact [SchedulerNavigation]({% slug api_scheduler_schedulernavigation %}) component.
- */
-/** @hidden */
-declare interface SchedulerNavigationProps extends ToolbarItemProps {
-    children?: React_2.ReactNode;
-}
-
 /**
  * Represents the default `occurrenceDialog` component rendered by the [KendoReact SchedulerEditItem component]({% slug api_scheduler_scheduleredititem  %}).
  */
@@ -3244,8 +3222,8 @@ export declare interface SchedulerRemoveDialogStateChangeEvent<T> {
 export declare const SchedulerResize: React_2.FunctionComponent<SchedulerResizeProps>;
 
 export declare const schedulerResizeDefaultProps: {
-    viewItem: React_2.ForwardRefExoticComponent<SchedulerViewItemProps & React_2.RefAttributes<SchedulerViewItemHandle>>;
-    item: React_2.ForwardRefExoticComponent<SchedulerItemProps & React_2.RefAttributes<SchedulerItemHandle>>;
+    viewItem: React_2.ForwardRefExoticComponent<SchedulerViewItemProps & React_2.RefAttributes<SchedulerViewItemHandle_2>>;
+    item: React_2.ForwardRefExoticComponent<SchedulerItemProps & React_2.RefAttributes<SchedulerItemHandle_2>>;
 };
 
 /**
@@ -3684,25 +3662,6 @@ export declare const SchedulerViewsContext: React_2.Context<SchedulerViewsContex
  */
 export declare type SchedulerViewsContextType = SchedulerView[];
 
-/**
- * Represents the object which is returned from the `ref` callback of the [SchedulerViewSelector]({% slug api_scheduler_schedulerviewselector %}).
- *
- * For more information about Refs, refer to the [React Refs & Dom](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) article.
- */
-/** @hidden */
-declare interface SchedulerViewSelectorHandle {
-    element: HTMLSpanElement | null;
-    props: SchedulerViewSelectorProps;
-}
-
-/**
- * Represents the props of the KendoReact [SchedulerViewSelector]({% slug api_scheduler_schedulerviewselector %}) component.
- */
-/** @hidden */
-declare interface SchedulerViewSelectorProps extends ToolbarItemProps {
-    children?: React_2.ReactNode;
-}
-
 /**
  * Represents the default `viewSlot` component rendered by the [KendoReact Scheduler component]({% slug overview_scheduler %}).
  *
@@ -3750,7 +3709,7 @@ export declare interface SchedulerViewSlotProps extends SchedulerSlotProps {
 export declare const SchedulerViewTask: React_2.ForwardRefExoticComponent<SchedulerViewTaskProps & React_2.RefAttributes<SchedulerViewTaskHandle>>;
 
 export declare const schedulerViewTaskDefaultProps: {
-    task: React_2.ForwardRefExoticComponent<SchedulerTaskProps & React_2.RefAttributes<SchedulerTaskHandle>>;
+    task: React_2.ForwardRefExoticComponent<SchedulerTaskProps & React_2.RefAttributes<SchedulerTaskHandle_2>>;
 };
 
 /**
@@ -3973,7 +3932,7 @@ export declare const timeLineViewDefaultProps: {
     selectedDateFormat: string;
     selectedShortDateFormat: string;
     currentTimeMarker: boolean;
-    dateRange: ({ date, numberOfDays, timezone }: SchedulerViewDateRangeArgs) => DateRange;
+    dateRange: ({ date, numberOfDays, timezone }: SchedulerViewDateRangeArgs_2) => DateRange_2;
     startTime: string;
     endTime: string;
     isWorkDayStart: string;