[MISC][RL] Restore onSelectionCancel for range input

LifeSG · May 18, 2023 · dc1db1c · dc1db1c
1 parent 1753392
commit dc1db1c
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/src/time-range-picker/time-range-picker.tsx b/src/time-range-picker/time-range-picker.tsx
@@ -19,6 +19,7 @@ export const TimeRangePicker = ({
     readOnly,
     onChange,
     onBlur,
+    onSelectionCancel,
     ...otherProps
 }: TimeRangePickerProps) => {
     // =============================================================================
@@ -89,6 +90,7 @@ export const TimeRangePicker = ({
     const handleSelectionDropdownCancel = () => {
         setShowEndTimeSelector(false);
         setShowStartTimeSelector(false);
+        onSelectionCancel && onSelectionCancel();
     };
 
     const handleStartTime = (value: string) => {

diff --git a/src/time-range-picker/types.ts b/src/time-range-picker/types.ts
@@ -35,4 +35,8 @@ export interface TimeRangePickerProps {
      * Called when a defocus is made on the field
      */
     onBlur?: (() => void) | undefined;
+    /**
+     * Called when the "Cancel" button is clicked
+     */
+    onSelectionCancel?: (() => void) | undefined;
 }
diff --git a/stories/form/form-time-range-picker/props-table.tsx b/stories/form/form-time-range-picker/props-table.tsx
@@ -71,6 +71,12 @@ const DATA: ApiTableSectionProps[] = [
                 description: "Called when a defocus happens",
                 propTypes: ["() => void"],
             },
+            {
+                name: "onSelectionCancel",
+                description:
+                    "Called when the user clicks on the 'Cancel' button in the time selection box. Any changes will not be applied",
+                propTypes: ["() => void"],
+            },
         ],
     },
     {