Feature: add support for onClick for time block

remotelock · Mar 21, 2019 · acaea2d · acaea2d
1 parent 6e2458d
commit acaea2d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/src/components/RangeBox.tsx b/src/components/RangeBox.tsx
@@ -288,6 +288,8 @@ export const RangeBox = React.memo(function RangeBox({
     onClick([rangeIndex, cellIndex]);
   }, [onClick, rangeIndex, cellIndex]);
 
+  useMousetrap('enter', handleOnClick, ref);
+
   const cancelClasses = useMemo(
     () =>
       classes.handle

diff --git a/src/components/Schedule.tsx b/src/components/Schedule.tsx
@@ -38,6 +38,7 @@ export const Schedule = React.memo(function Schedule({
   onActiveChange,
   eventContentComponent,
   eventRootComponent,
+  onClick,
   getIsActive,
 }: {
   dateRangeToCells(range: DateRange): CellInfo[];
@@ -67,6 +68,7 @@ export const Schedule = React.memo(function Schedule({
                   rangeIndex={rangeIndex}
                   className={className}
                   onChange={onChange}
+                  onClick={onClick}
                   grid={grid}
                   cell={cell}
                   getIsActive={getIsActive}

diff --git a/src/components/TimeGridScheduler.tsx b/src/components/TimeGridScheduler.tsx
@@ -53,6 +53,7 @@ export const TimeGridScheduler = React.memo(function TimeGridScheduler({
   classes,
   className,
   onChange,
+  onEventClick,
   eventContentComponent,
   eventRootComponent,
 }: {
@@ -90,6 +91,7 @@ export const TimeGridScheduler = React.memo(function TimeGridScheduler({
    */
   defaultHours?: [number, number];
   onChange(newSchedule: ScheduleType): void;
+  onEventClick?: ScheduleProps['onClick'];
   eventContentComponent?: ScheduleProps['eventContentComponent'];
   eventRootComponent?: ScheduleProps['eventRootComponent'];
 }) {
@@ -437,6 +439,7 @@ export const TimeGridScheduler = React.memo(function TimeGridScheduler({
               moveAxis="y"
               isDeletable
               onChange={handleEventChange}
+              onClick={onEventClick}
               ranges={schedule}
               grid={grid}
               eventContentComponent={eventContentComponent}