@@ -68,14 +68,17 @@ import {
6868resourceTimeLineHeaderToolbar ,
6969resourceTimeGridHeaderToolbar ,
7070} from "./calendarConstants" ;
71+
72+ // this should ensure backwards compatibility with older versions of the SDK
73+ const safeDragEventHandlerControl = typeof DragEventHandlerControl !== 'undefined' ?DragEventHandlerControl :( ) => { } ;
7174
7275const childrenMap = {
7376events :jsonValueExposingStateControl ( "events" , defaultData ) ,
7477resourcesEvents :jsonValueExposingStateControl ( "resourcesEvents" , resourcesEventsDefaultData ) ,
7578resources :jsonValueExposingStateControl ( "resources" , resourcesDefaultData ) ,
7679resourceName :withDefault ( StringControl , trans ( "calendar.resourcesDefault" ) ) ,
7780onEvent :ChangeEventHandlerControl ,
78- onDropEvent :DragEventHandlerControl ,
81+ onDropEvent :safeDragEventHandlerControl ,
7982editable :withDefault ( BoolControl , true ) ,
8083showEventTime :withDefault ( BoolControl , true ) ,
8184showWeekends :withDefault ( BoolControl , true ) ,
@@ -418,6 +421,12 @@ let CalendarBasicComp = (function () {
418421} ) ;
419422} ;
420423
424+ const handleDrop = ( ) => {
425+ if ( typeof props . onDropEvent === 'function' ) {
426+ props . onDropEvent ( "dropEvent" ) ;
427+ }
428+ } ;
429+
421430return (
422431< Wrapper
423432ref = { ref }
@@ -444,7 +453,6 @@ let CalendarBasicComp = (function () {
444453plugins = { filteredPlugins }
445454headerToolbar = { toolBar ( currentView ) }
446455resourceAreaHeaderContent = { resourceName }
447-
448456buttonText = { buttonText }
449457schedulerLicenseKey = { licenseKey }
450458views = { views }
@@ -526,7 +534,7 @@ let CalendarBasicComp = (function () {
526534} }
527535eventDragStop = { ( info ) => {
528536if ( info . view ) {
529- props . onDropEvent ( "dropEvent" ) ;
537+ handleDrop
530538}
531539} }
532540/>
@@ -535,7 +543,6 @@ let CalendarBasicComp = (function () {
535543) ;
536544} )
537545. setPropertyViewFn ( ( children :{
538-
539546events :{ propertyView :( arg0 :{ } ) => any ; } ;
540547resourcesEvents :{ propertyView :( arg0 :{ } ) => any ; } ;
541548resources :{ propertyView :( arg0 :{ } ) => any ; } ;
@@ -577,7 +584,7 @@ let CalendarBasicComp = (function () {
577584{ children . onEvent . propertyView ( ) }
578585</ div >
579586< div style = { { display :'flex' , flexDirection :'column' , gap :'8px' } } >
580- { children . onDropEvent . propertyView ( { title :trans ( "calendar.dragDropEventHandlers" ) } ) }
587+ { children . onDropEvent ? .propertyView ( { title :trans ( "calendar.dragDropEventHandlers" ) } ) }
581588</ div >
582589{ children . editable . propertyView ( { label :trans ( "calendar.editable" ) , } ) }
583590</ Section >
