From c20205f2faf48941f9d3146c5930bf5514219cc1 Mon Sep 17 00:00:00 2001
From: Anurag <hazru.anurag@gmail.com>
Date: Tue, 22 Sep 2020 18:38:38 +0530
Subject: [PATCH] refactor: use createOnKeyDown

---
 src/calendar-v1/RangeCalendar.ts | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/calendar-v1/RangeCalendar.ts b/src/calendar-v1/RangeCalendar.ts
index 5f13181a7..f91001951 100644
--- a/src/calendar-v1/RangeCalendar.ts
+++ b/src/calendar-v1/RangeCalendar.ts
@@ -4,6 +4,7 @@
  * to work with Reakit System
  */
 import { BoxOptions } from "reakit";
+import { createOnKeyDown } from "reakit-utils";
 import { createComponent, createHook } from "reakit-system";
 
 import { RANGE_CALENDAR_KEYS } from "./__keys";
@@ -27,14 +28,14 @@ export const useRangeCalendar = createHook<
   keys: RANGE_CALENDAR_KEYS,
 
   useProps({ setAnchorDate }, htmlProps) {
-    const onKeyDown = (e: any) => {
-      switch (e.key) {
-        case "Escape":
+    const onKeyDown = createOnKeyDown({
+      keyMap: {
+        Escape: () => {
           // Cancel the selection.
           setAnchorDate(null);
-          break;
-      }
-    };
+        },
+      },
+    });
 
     return {
       "aria-multiselectable": true,