amis 1.5.1 → 1.5.5

package/schema.json

@@ -6765,7 +6765,7 @@
               "description": "标题"
             },
             "titleClassName": {
-              "type": "string"
+              "$ref": "#/definitions/SchemaClassName"
             },
             "subTitle": {
               "$ref": "#/definitions/SchemaTpl",
@@ -6786,7 +6786,7 @@
               "description": "描述占位内容"
             },
             "descriptionClassName": {
-              "type": "string",
+              "$ref": "#/definitions/SchemaClassName",
               "description": "描述占位类名"
             },
             "desc": {
@@ -6859,6 +6859,50 @@
           },
           "description": "内容区域"
         },
+        "media": {
+          "type": "object",
+          "properties": {
+            "className": {
+              "$ref": "#/definitions/SchemaClassName"
+            },
+            "type": {
+              "type": "string",
+              "enum": [
+                "image",
+                "video"
+              ],
+              "description": "多媒体类型"
+            },
+            "url": {
+              "$ref": "#/definitions/SchemaUrlPath",
+              "description": "多媒体链接地址"
+            },
+            "position": {
+              "type": "string",
+              "enum": [
+                "top",
+                "left",
+                "right",
+                "bottom"
+              ],
+              "description": "多媒体区域位置"
+            },
+            "autoPlay": {
+              "type": "boolean",
+              "description": "类型为video时是否自动播放"
+            },
+            "isLive": {
+              "type": "boolean",
+              "description": "类型为video时是否是直播"
+            },
+            "poster": {
+              "$ref": "#/definitions/SchemaUrlPath",
+              "description": "类型为video时视频封面"
+            }
+          },
+          "additionalProperties": false,
+          "description": "多媒体区域"
+        },
         "actions": {
           "type": "array",
           "items": {
@@ -6872,6 +6916,10 @@
             "$ref": "#/definitions/ActionSchema"
           },
           "description": "工具栏按钮"
+        },
+        "secondary": {
+          "$ref": "#/definitions/SchemaTpl",
+          "description": "次要说明"
         }
       },
       "required": [
@@ -7200,7 +7248,7 @@
                   "description": "标题"
                 },
                 "titleClassName": {
-                  "type": "string"
+                  "$ref": "#/definitions/SchemaClassName"
                 },
                 "subTitle": {
                   "$ref": "#/definitions/SchemaTpl",
@@ -7221,7 +7269,7 @@
                   "description": "描述占位内容"
                 },
                 "descriptionClassName": {
-                  "type": "string",
+                  "$ref": "#/definitions/SchemaClassName",
                   "description": "描述占位类名"
                 },
                 "desc": {
@@ -7294,6 +7342,50 @@
               },
               "description": "内容区域"
             },
+            "media": {
+              "type": "object",
+              "properties": {
+                "className": {
+                  "$ref": "#/definitions/SchemaClassName"
+                },
+                "type": {
+                  "type": "string",
+                  "enum": [
+                    "image",
+                    "video"
+                  ],
+                  "description": "多媒体类型"
+                },
+                "url": {
+                  "$ref": "#/definitions/SchemaUrlPath",
+                  "description": "多媒体链接地址"
+                },
+                "position": {
+                  "type": "string",
+                  "enum": [
+                    "top",
+                    "left",
+                    "right",
+                    "bottom"
+                  ],
+                  "description": "多媒体区域位置"
+                },
+                "autoPlay": {
+                  "type": "boolean",
+                  "description": "类型为video时是否自动播放"
+                },
+                "isLive": {
+                  "type": "boolean",
+                  "description": "类型为video时是否是直播"
+                },
+                "poster": {
+                  "$ref": "#/definitions/SchemaUrlPath",
+                  "description": "类型为video时视频封面"
+                }
+              },
+              "additionalProperties": false,
+              "description": "多媒体区域"
+            },
             "actions": {
               "type": "array",
               "items": {
@@ -7308,6 +7400,10 @@
               },
               "description": "工具栏按钮"
             },
+            "secondary": {
+              "$ref": "#/definitions/SchemaTpl",
+              "description": "次要说明"
+            },
             "className": {
               "$ref": "#/definitions/SchemaClassName",
               "description": "容器 css 类名"
@@ -8052,7 +8148,7 @@
                   "description": "标题"
                 },
                 "titleClassName": {
-                  "type": "string"
+                  "$ref": "#/definitions/SchemaClassName"
                 },
                 "subTitle": {
                   "$ref": "#/definitions/SchemaTpl",
@@ -8073,7 +8169,7 @@
                   "description": "描述占位内容"
                 },
                 "descriptionClassName": {
-                  "type": "string",
+                  "$ref": "#/definitions/SchemaClassName",
                   "description": "描述占位类名"
                 },
                 "desc": {
@@ -8146,6 +8242,50 @@
               },
               "description": "内容区域"
             },
+            "media": {
+              "type": "object",
+              "properties": {
+                "className": {
+                  "$ref": "#/definitions/SchemaClassName"
+                },
+                "type": {
+                  "type": "string",
+                  "enum": [
+                    "image",
+                    "video"
+                  ],
+                  "description": "多媒体类型"
+                },
+                "url": {
+                  "$ref": "#/definitions/SchemaUrlPath",
+                  "description": "多媒体链接地址"
+                },
+                "position": {
+                  "type": "string",
+                  "enum": [
+                    "top",
+                    "left",
+                    "right",
+                    "bottom"
+                  ],
+                  "description": "多媒体区域位置"
+                },
+                "autoPlay": {
+                  "type": "boolean",
+                  "description": "类型为video时是否自动播放"
+                },
+                "isLive": {
+                  "type": "boolean",
+                  "description": "类型为video时是否是直播"
+                },
+                "poster": {
+                  "$ref": "#/definitions/SchemaUrlPath",
+                  "description": "类型为video时视频封面"
+                }
+              },
+              "additionalProperties": false,
+              "description": "多媒体区域"
+            },
             "actions": {
               "type": "array",
               "items": {
@@ -8160,6 +8300,10 @@
               },
               "description": "工具栏按钮"
             },
+            "secondary": {
+              "$ref": "#/definitions/SchemaTpl",
+              "description": "次要说明"
+            },
             "className": {
               "$ref": "#/definitions/SchemaClassName",
               "description": "容器 css 类名"
@@ -20127,6 +20271,51 @@
         "maxDate": {
           "type": "string",
           "description": "限制最大日期"
+        },
+        "schedules": {
+          "anyOf": [
+            {
+              "type": "array",
+              "items": {
+                "type": "object",
+                "properties": {
+                  "startTime": {
+                    "type": "string",
+                    "format": "date-time"
+                  },
+                  "endTime": {
+                    "type": "string",
+                    "format": "date-time"
+                  },
+                  "content": {},
+                  "className": {
+                    "type": "string"
+                  }
+                },
+                "required": [
+                  "startTime",
+                  "endTime",
+                  "content"
+                ],
+                "additionalProperties": false
+              }
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "description": "日程"
+        },
+        "scheduleClassNames": {
+          "type": "array",
+          "items": {
+            "type": "string"
+          },
+          "description": "日程显示颜色自定义"
+        },
+        "scheduleAction": {
+          "$ref": "#/definitions/SchemaObject",
+          "description": "日程点击展示"
         }
       },
       "required": [
@@ -39770,7 +39959,7 @@
           "$ref": "#/definitions/CardSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|header|body|actions|toolbar|label|labelClassName|name|popOver|quickEdit|copyable)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|header|body|media|actions|toolbar|secondary|label|labelClassName|name|popOver|quickEdit|copyable)$": {}
           }
         },
         {
@@ -40179,7 +40368,7 @@
           "$ref": "#/definitions/DateControlSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|clearable|format|inputFormat|utc|emebed|borderMode|closeOnSelect|minDate|maxDate|popOver|quickEdit|copyable)$": {}
+            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|clearable|format|inputFormat|utc|emebed|borderMode|closeOnSelect|minDate|maxDate|schedules|scheduleClassNames|scheduleAction|popOver|quickEdit|copyable)$": {}
           }
         },
         {
@@ -40557,7 +40746,7 @@
           "$ref": "#/definitions/CardSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|header|body|actions|toolbar|label|labelClassName|name|popOver|quickEdit|copyable)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|header|body|media|actions|toolbar|secondary|label|labelClassName|name|popOver|quickEdit|copyable)$": {}
           }
         },
         {
@@ -40966,7 +41155,7 @@
           "$ref": "#/definitions/DateControlSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|clearable|format|inputFormat|utc|emebed|borderMode|closeOnSelect|minDate|maxDate|popOver|quickEdit|copyable)$": {}
+            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|clearable|format|inputFormat|utc|emebed|borderMode|closeOnSelect|minDate|maxDate|schedules|scheduleClassNames|scheduleAction|popOver|quickEdit|copyable)$": {}
           }
         },
         {
@@ -41344,7 +41533,7 @@
           "$ref": "#/definitions/CardSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|header|body|actions|toolbar|label|fixed|name|popOver|quickEdit|quickEditOnUpdate|copyable|sortable|searchable|toggled|width|align|classNameExpr|labelClassName|filterable|breakpoint|remark|value|unique)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|header|body|media|actions|toolbar|secondary|label|fixed|name|popOver|quickEdit|quickEditOnUpdate|copyable|sortable|searchable|toggled|width|align|classNameExpr|labelClassName|filterable|breakpoint|remark|value|unique)$": {}
           }
         },
         {
@@ -41753,7 +41942,7 @@
           "$ref": "#/definitions/DateControlSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|clearable|format|inputFormat|utc|emebed|borderMode|closeOnSelect|minDate|maxDate|fixed|popOver|quickEdit|quickEditOnUpdate|copyable|sortable|searchable|toggled|width|align|classNameExpr|filterable|breakpoint|unique)$": {}
+            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|clearable|format|inputFormat|utc|emebed|borderMode|closeOnSelect|minDate|maxDate|schedules|scheduleClassNames|scheduleAction|fixed|popOver|quickEdit|quickEditOnUpdate|copyable|sortable|searchable|toggled|width|align|classNameExpr|filterable|breakpoint|unique)$": {}
           }
         },
         {
@@ -42131,7 +42320,7 @@
           "$ref": "#/definitions/CardSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|header|body|actions|toolbar|x|y|w|h|width|height|align|valign|gridClassName)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|header|body|media|actions|toolbar|secondary|x|y|w|h|width|height|align|valign|gridClassName)$": {}
           }
         },
         {
@@ -42540,7 +42729,7 @@
           "$ref": "#/definitions/DateControlSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|clearable|format|inputFormat|utc|emebed|borderMode|closeOnSelect|minDate|maxDate|x|y|w|h|width|height|align|valign|gridClassName)$": {}
+            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|clearable|format|inputFormat|utc|emebed|borderMode|closeOnSelect|minDate|maxDate|schedules|scheduleClassNames|scheduleAction|x|y|w|h|width|height|align|valign|gridClassName)$": {}
           }
         },
         {
@@ -42918,7 +43107,7 @@
           "$ref": "#/definitions/CardSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|header|body|actions|toolbar|rowClassName|cellClassName)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|header|body|media|actions|toolbar|secondary|rowClassName|cellClassName)$": {}
           }
         },
         {
@@ -43327,7 +43516,7 @@
           "$ref": "#/definitions/DateControlSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|clearable|format|inputFormat|utc|emebed|borderMode|closeOnSelect|minDate|maxDate|rowClassName|cellClassName)$": {}
+            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|clearable|format|inputFormat|utc|emebed|borderMode|closeOnSelect|minDate|maxDate|schedules|scheduleClassNames|scheduleAction|rowClassName|cellClassName)$": {}
           }
         },
         {
@@ -43705,7 +43894,7 @@
           "$ref": "#/definitions/CardSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|header|body|actions|toolbar|unique|columnClassName)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|header|body|media|actions|toolbar|secondary|unique|columnClassName)$": {}
           }
         },
         {
@@ -44114,7 +44303,7 @@
           "$ref": "#/definitions/DateControlSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|clearable|format|inputFormat|utc|emebed|borderMode|closeOnSelect|minDate|maxDate|unique|columnClassName)$": {}
+            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|clearable|format|inputFormat|utc|emebed|borderMode|closeOnSelect|minDate|maxDate|schedules|scheduleClassNames|scheduleAction|unique|columnClassName)$": {}
           }
         },
         {
@@ -44492,7 +44681,7 @@
           "$ref": "#/definitions/CardSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|header|body|actions|toolbar|columnClassName|columnRatio)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|header|body|media|actions|toolbar|secondary|columnClassName|columnRatio)$": {}
           }
         },
         {
@@ -44901,7 +45090,7 @@
           "$ref": "#/definitions/DateControlSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|clearable|format|inputFormat|utc|emebed|borderMode|closeOnSelect|minDate|maxDate|columnClassName|columnRatio)$": {}
+            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|clearable|format|inputFormat|utc|emebed|borderMode|closeOnSelect|minDate|maxDate|schedules|scheduleClassNames|scheduleAction|columnClassName|columnRatio)$": {}
           }
         },
         {

package/scss/_properties.scss

@@ -68,6 +68,7 @@
 
   --fontWeightNormal: 400;
   --fontWeightBase: var(--fontWeightNormal);
+  --fontWeightMd: 500;
   --fontWeightBold: 700;
 
   --background: var(--white);
@@ -401,6 +402,15 @@
   --Calendar-shortcuts-height: #{px2rem(30px)};
   --Calendar-wLabel-color: #999;
 
+  --Calendar-icon-bottom: #{px2rem(-4px)};
+  --Calendar-icon-width: #{px2rem(10px)};
+  --Calendar-icon-height: #{px2rem(10px)};
+  --Calendar-borderWidth: #{px2rem(1px)};
+  --Calendar-rdt-day: #{px2rem(100px)};
+  --Calendar-schedule-content-padding: 0 #{px2rem(4px)};
+  --Calendar-schedule-content-height: #{px2rem(20px)};
+  --Calendar-schedule-content-color: #{$white};
+
   --Card-actions-borderColor: #{lighten($borderColor, 5%)};
   --Card-actions-fontSize: var(--fontSizeBase);
   --Card-actions-onChecked-onHover-bg: #{darken(#d9f3fb, 5%)};
@@ -411,6 +421,7 @@
   --Card-borderColor: var(--borderColor);
   --Card-borderRadius: var(--borderRadius);
   --Card-borderWidth: var(--borderWidth);
+  --Card-secondary-color: #83868c;
   --Card-onChecked-bg: #d9f3fb;
   --Card-onChecked-borderColor: #{darken(#d9f3fb, 10%)};
   --Card-onChecked-color: #{darken(#d9f3fb, 40%)};
@@ -572,7 +583,7 @@
 
   --LocationPicker-borderRadius: var(--Form-input-borderWidth);
 
-  --Divider-borderStyle: dashed;
+  --Divider-borderStyle: solid;
 
   --Drawer-bg: var(--background);
   --Drawer-body-padding: var(--gap-base);
@@ -1080,8 +1091,8 @@
   --PickerColumns-title-lineHeight: 1.5;
   --PickerColumns-action-padding: 0 var(--gap-sm);
   --PickerColumns-action-fontSize: var(--fontSizeMd);
-  --PickerColumns-confirmAction-color: var(--Button--info-bg);
-  --PickerColumns-cancelAction-color: var(--Button--light-bg);
+  --PickerColumns-confirmAction-color: #{lighten($text-color, 25%)};
+  --PickerColumns-cancelAction-color: #{lighten($text-color, 50%)};
   --PickerColumns-option-fontSize: var(--fontSizeLg);
   --PickerColumns-optionText-color: var(--text-color);
   --PickerColumns-optionDisabled-opacity: 0.3;

package/scss/components/_calendar.scss

@@ -0,0 +1,81 @@
+
+.#{$ns}ScheduleCalendar {
+  &-icon {
+    position: absolute;
+    bottom: var(--Calendar-icon-bottom);
+    left: 50%;
+    transform: translateX(-50%);
+    display: block;
+    width: var(--Calendar-icon-width);
+    height: var(--Calendar-icon-height);
+    border-radius: 50%;
+    z-index: 10;
+  }
+  &-action {
+    display: block;
+    padding: 0;
+    width: 100%;
+    height: 100%;
+    border: none;
+    background: transparent;
+    color: inherit;
+    &:not(:disabled):not(.is-disabled):hover {
+      color: inherit;
+      background: transparent;
+      border-color: transparent;
+    }
+  }
+  .rdtDay {
+    position: relative;
+  }
+
+  &-text-overflow {
+    white-space:nowrap;
+    overflow:hidden;
+    text-overflow:ellipsis;
+    position: absolute;
+    width: 100%;
+  }
+}
+
+.#{$ns}ScheduleCalendar-large {
+  width: 100%;
+
+  .rdtPicker {
+    width: 100%;
+    table {
+      border-collapse: collapse;
+      border-spacing: 0;
+      td {
+        border: var(--Calendar-borderWidth) solid var(--borderColor);
+      }
+    }
+  }
+
+  .rdtDay {
+    height: var(--Calendar-rdt-day);
+    vertical-align: top;
+  }
+
+  .#{$ns}ScheduleCalendar-large-day-wrap {
+    position: absolute;
+    top: 0;
+    left: 0;
+    min-width: 100%;
+    height: 100%;
+    .#{$ns}ScheduleCalendar-large-schedule-content {
+      position: relative;
+      z-index: 10;
+      border-radius: var(--borderRadius);
+      text-align: left;
+      padding: var(--Calendar-schedule-content-padding);
+      height: var(--Calendar-schedule-content-height);
+      color: var(--Calendar-schedule-content-color);
+    }
+  }
+
+  .#{$ns}ScheduleCalendar-action {
+    z-index: 20;
+    position: relative;
+  }
+}