diff --git a/src/style/index.scss b/src/style/index.scss
index f5151c3..9682b8a 100644
--- a/src/style/index.scss
+++ b/src/style/index.scss
@@ -105,7 +105,7 @@
   margin-top: 1px;
   margin-bottom: 1px;
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 2001;
+  z-index: $popup-z-index;
 }
 
 .#{$namespace}-datepicker-sidebar {
diff --git a/src/style/var.scss b/src/style/var.scss
index 25afcb1..f0c824b 100644
--- a/src/style/var.scss
+++ b/src/style/var.scss
@@ -5,6 +5,8 @@ $primary-color: #1284e7 !default;
 
 $today-color: mix(#fff, $primary-color, 10%) !default;
 
+$popup-z-index: 2001 !default;
+
 $input-border-color: #ccc !default;
 $input-color: #555 !default;
 $input-hover-border-color: #409aff !default;