@das-fed/upf-ui 6.4.0-dev.238 → 6.4.0-dev.239

package/packages/components/button/style.css

@@ -1 +1 @@
-.das-ui-button[data-v-721c200b]{display:inline-block}.das-ui-button[data-v-721c200b] .ant-btn{box-sizing:border-box;display:block}.das-ui-button[data-v-721c200b] .ant-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:100%}.das-ui-button--small[data-v-721c200b] .ant-btn{height:24px;line-height:24px;min-width:60px;max-width:136px;font-size:12px;padding:0 8px}.das-ui-button--middle[data-v-721c200b] .ant-btn{height:28px;line-height:28px;min-width:60px;max-width:136px;font-size:12px;padding:0 8px}.das-ui-button--large[data-v-721c200b] .ant-btn{height:32px;line-height:32px;min-width:68px;max-width:136px;font-size:14px;padding:0 12px}.das-ui-button--primary[data-v-721c200b] .ant-btn{color:var(--das-ui-button-primary-text);border-color:var(--das-ui-button-primary);background:var(--das-ui-button-primary)}.das-ui-button--primary[data-v-721c200b] .ant-btn:hover{background:var(--das-ui-button-primary-hover);border-color:var(--das-ui-button-primary-hover)}.das-ui-button--primary[data-v-721c200b] .ant-btn:active{background:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button--primary[data-v-721c200b] .ant-btn[disabled]{background:var(--das-ui-button-disabled);border-color:var(--das-ui-button-disabled);color:var(--das-ui-button-primary-text-disabled)}.das-ui-button--default[data-v-721c200b] .ant-btn{color:var(--das-ui-button-default-text);border-color:var(--das-ui-button-default-border)}.das-ui-button--default[data-v-721c200b] .ant-btn:hover{color:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary)}.das-ui-button--default[data-v-721c200b] .ant-btn:active{color:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button--default[data-v-721c200b] .ant-btn[disabled]{color:var(--das-ui-button-default-disabled);background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border);cursor:text;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.das-ui-button--primary-text[data-v-721c200b] .ant-btn{background:none;border:none;padding:0;color:var(--das-ui-button-primary)}.das-ui-button--primary-text[data-v-721c200b] .ant-btn:hover{color:var(--das-ui-button-primary-hover)}.das-ui-button--primary-text[data-v-721c200b] .ant-btn:active{color:var(--das-ui-button-active)}.das-ui-button--primary-text[data-v-721c200b] .ant-btn[disabled]{color:var(--das-ui-button-disabled)}.das-ui-button--default-text[data-v-721c200b] .ant-btn{background:none;border:none;padding:0;color:var(--das-ui-button-default-text)}.das-ui-button--default-text[data-v-721c200b] .ant-btn:hover{color:var(--das-ui-button-primary)}.das-ui-button--default-text[data-v-721c200b] .ant-btn:active{color:var(--das-ui-button-active)}.das-ui-button--default-text[data-v-721c200b] .ant-btn[disabled]{color:var(--das-ui-button-default-disabled)}.das-ui-button--primary-sameset[data-v-721c200b] .ant-btn-group .ant-btn{color:var(--das-ui-button-primary-text);border-color:var(--das-ui-button-primary);background:var(--das-ui-button-primary);display:flex;justify-content:center}.das-ui-button--primary-sameset[data-v-721c200b] .ant-btn-group .ant-btn:hover{background:var(--das-ui-button-primary-hover);border-color:var(--das-ui-button-primary-hover)}.das-ui-button--primary-sameset[data-v-721c200b] .ant-btn-group .ant-btn:active{background:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button--primary-sameset[data-v-721c200b] .ant-btn-group .ant-btn[disabled]{background:var(--das-ui-button-disabled);border-color:var(--das-ui-button-disabled);color:var(--das-ui-button-primary-text-disabled)}.das-ui-button--primary-sameset[data-v-721c200b] .ant-btn-group .ant-dropdown-trigger{width:24px;min-width:unset;background:var(--das-ui-button-set);border-color:var(--das-ui-button-set);padding:0;margin-left:0}.das-ui-button--primary-sameset[data-v-721c200b] .ant-btn-group .ant-dropdown-trigger:hover{background:var(--das-ui-button-set-hover);border-color:var(--das-ui-button-set-hover)}.das-ui-button--primary-sameset[data-v-721c200b] .ant-btn-group .ant-dropdown-trigger:active{background:var(--das-ui-button-set-active);border-color:var(--das-ui-button-set-active)}.das-ui-button--primary-sameset[data-v-721c200b] .ant-btn-group .ant-dropdown-trigger[disabled]{background:var(--das-ui-button-set-disabled);border-color:var(--das-ui-button-set-disabled);color:var(--das-ui-button-primary-text-disabled)}.das-ui-button--default-sameset[data-v-721c200b] .ant-btn-group .ant-btn{color:var(--das-ui-button-default-text);border-color:var(--das-ui-button-default-border);display:flex;justify-content:center}.das-ui-button--default-sameset[data-v-721c200b] .ant-btn-group .ant-btn:hover{color:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary)}.das-ui-button--default-sameset[data-v-721c200b] .ant-btn-group .ant-btn:active{color:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button--default-sameset[data-v-721c200b] .ant-btn-group .ant-btn[disabled]{background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border);color:var(--das-ui-button-default-disabled)}.das-ui-button--default-sameset[data-v-721c200b] .ant-btn-group .ant-dropdown-trigger{color:#666;width:24px;min-width:unset;background:none;border-color:#d9d9d9;padding:0}.das-ui-button--primary-basicset[data-v-721c200b] .ant-btn{color:var(--das-ui-button-primary-text);background:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary)}.das-ui-button--primary-basicset[data-v-721c200b] .ant-btn:hover{background:var(--das-ui-button-primary-hover);border-color:var(--das-ui-button-primary-hover)}.das-ui-button--primary-basicset[data-v-721c200b] .ant-btn:active{background:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button--primary-basicset[data-v-721c200b] .ant-btn[disabled]{background:var(--das-ui-button-disabled);border-color:var(--das-ui-button-disabled);color:var(--das-ui-button-primary-text-disabled)}.das-ui-button--default-basicset[data-v-721c200b] .ant-btn{color:var(--das-ui-button-default-text);border-color:var(--das-ui-button-default-border)}.das-ui-button--default-basicset[data-v-721c200b] .ant-btn:hover{color:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary)}.das-ui-button--default-basicset[data-v-721c200b] .ant-btn:active{color:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button--default-basicset[data-v-721c200b] .ant-btn[disabled]{background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border);color:var(--das-ui-button-default-disabled)}.das-ui-button--tabs[data-v-721c200b] .ant-radio-group{height:28px;overflow:hidden}.das-ui-button--tabs[data-v-721c200b] .ant-radio-group .ant-radio-button-wrapper{font-size:14px;color:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary);font-weight:400;line-height:26px;height:100%}.das-ui-button--tabs[data-v-721c200b] .ant-radio-group .ant-radio-button-wrapper:hover{background:var(--das-ui-button-primary-hover);color:var(--das-ui-button-primary-text);border-color:var(--das-ui-button-primary-hover)}.das-ui-button--tabs[data-v-721c200b] .ant-radio-group .ant-radio-button-wrapper:active{background:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button--tabs[data-v-721c200b] .ant-radio-group .ant-radio-button-wrapper-checked{background:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary);color:var(--das-ui-button-primary-text)}.das-ui-button--tabs[data-v-721c200b] .ant-radio-group .ant-radio-button-wrapper-disabled{background:var(--das-ui-button-default-disabled-bgc)!important;border-color:var(--das-ui-button-default-border)!important;color:var(--das-ui-button-default-disabled)!important}.das-ui-button--ghost[data-v-721c200b] .ant-btn{background:none;color:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary)}.das-ui-button--ghost[data-v-721c200b] .ant-btn:hover,.das-ui-button--ghost[data-v-721c200b] .ant-btn:active{color:var(--das-ui-button-primary-text)}.das-ui-button--ghost[data-v-721c200b] .ant-btn[disabled]{color:var(--das-ui-button-default-disabled);background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border)}.das-ui-button--block[data-v-721c200b] .ant-btn{min-width:unset;max-width:unset}.das-ui-button--icon[data-v-721c200b] .ant-btn{display:flex;align-items:center;gap:4px}.das-ui-button--icon[data-v-721c200b] .ant-btn .das-icon{font-size:16px!important}.das-ui-button[data-v-721c200b] .ant-dropdown{left:0!important;min-width:calc(100% + 8px)!important}.das-ui-button[data-v-721c200b] .ant-dropdown .ant-dropdown-menu-item{height:30px;line-height:30px;font-size:12px;color:#333}.das-ui-button[data-v-721c200b] .ant-dropdown .ant-dropdown-menu-item+.ant-dropdown-menu-item{border-top:1px solid #e5e5e5}.das-ui-button[data-v-721c200b] .ant-dropdown .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled{color:#b2b2b2}.das-ui-button[data-v-721c200b] .ant-dropdown .ant-dropdown-menu-item:active,.das-ui-button[data-v-721c200b] .ant-dropdown .ant-dropdown-menu-submenu-title:active{background:var(--das-ui-button-default-disabled-bgc)}.ant-dropdown.basicset-dropdown-wrap,.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu{padding:0}.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu .ant-dropdown-menu-item{height:30px;line-height:30px;font-size:12px;color:#333}.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu .ant-dropdown-menu-item+.ant-dropdown-menu-item{border-top:1px solid #e5e5e5}.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled{color:#b2b2b2}.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu :deep(.ant-dropdown-menu-item:active),.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu :deep(.ant-dropdown-menu-submenu-title:active){background:var(--das-ui-button-default-disabled-bgc)}
+.das-ui-button[data-v-9509d258]{display:inline-block}.das-ui-button[data-v-9509d258] .ant-btn{box-sizing:border-box;display:block}.das-ui-button[data-v-9509d258] .ant-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:100%}.das-ui-button--small[data-v-9509d258] .ant-btn{height:24px;line-height:24px;min-width:60px;max-width:136px;font-size:12px;padding:0 8px}.das-ui-button--middle[data-v-9509d258] .ant-btn{height:28px;line-height:28px;min-width:60px;max-width:136px;font-size:12px;padding:0 8px}.das-ui-button--large[data-v-9509d258] .ant-btn{height:32px;line-height:32px;min-width:68px;max-width:136px;font-size:14px;padding:0 12px}.das-ui-button--primary[data-v-9509d258] .ant-btn{color:var(--upf-button-primary-text);border-color:var(--upf-button-primary);background:var(--upf-button-primary)}.das-ui-button--primary[data-v-9509d258] .ant-btn:hover{background:var(--upf-button-primary-hover);border-color:var(--upf-button-primary-hover)}.das-ui-button--primary[data-v-9509d258] .ant-btn:active{background:var(--upf-button-active);border-color:var(--upf-button-active)}.das-ui-button--primary[data-v-9509d258] .ant-btn[disabled]{background:var(--upf-button-disabled);border-color:var(--upf-button-disabled);color:var(--upf-button-primary-text-disabled)}.das-ui-button--default[data-v-9509d258] .ant-btn{color:var(--upf-button-default-text);border-color:var(--upf-button-default-border)}.das-ui-button--default[data-v-9509d258] .ant-btn:hover{color:var(--upf-button-primary);border-color:var(--upf-button-primary)}.das-ui-button--default[data-v-9509d258] .ant-btn:active{color:var(--upf-button-active);border-color:var(--upf-button-active)}.das-ui-button--default[data-v-9509d258] .ant-btn[disabled]{color:var(--upf-button-default-disabled);background:var(--upf-button-default-disabled-bg);border-color:var(--upf-button-default-border);cursor:text;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.das-ui-button--primary-text[data-v-9509d258] .ant-btn{background:none;border:none;padding:0;color:var(--upf-button-primary)}.das-ui-button--primary-text[data-v-9509d258] .ant-btn:hover{color:var(--upf-button-primary-hover)}.das-ui-button--primary-text[data-v-9509d258] .ant-btn:active{color:var(--upf-button-active)}.das-ui-button--primary-text[data-v-9509d258] .ant-btn[disabled]{color:var(--upf-button-default-disabled)}.das-ui-button--default-text[data-v-9509d258] .ant-btn{background:none;border:none;padding:0;color:var(--upf-button-default-text)}.das-ui-button--default-text[data-v-9509d258] .ant-btn:hover{color:var(--upf-button-primary)}.das-ui-button--default-text[data-v-9509d258] .ant-btn:active{color:var(--upf-button-active)}.das-ui-button--default-text[data-v-9509d258] .ant-btn[disabled]{color:var(--upf-button-default-disabled)}.das-ui-button--primary-sameset[data-v-9509d258] .ant-btn-group .ant-btn{color:var(--upf-button-primary-text);border-color:var(--upf-button-primary);background:var(--upf-button-primary);display:flex;justify-content:center}.das-ui-button--primary-sameset[data-v-9509d258] .ant-btn-group .ant-btn:hover{background:var(--upf-button-primary-hover);border-color:var(--upf-button-primary-hover)}.das-ui-button--primary-sameset[data-v-9509d258] .ant-btn-group .ant-btn:active{background:var(--upf-button-active);border-color:var(--upf-button-active)}.das-ui-button--primary-sameset[data-v-9509d258] .ant-btn-group .ant-btn[disabled]{background:var(--upf-button-disabled);border-color:var(--upf-button-disabled);color:var(--upf-button-primary-text-disabled)}.das-ui-button--primary-sameset[data-v-9509d258] .ant-btn-group .ant-dropdown-trigger{width:24px;min-width:unset;background:var(--upf-button-set);border-color:var(--upf-button-set);padding:0;margin-left:0}.das-ui-button--primary-sameset[data-v-9509d258] .ant-btn-group .ant-dropdown-trigger:hover{background:var(--upf-button-set-hover);border-color:var(--upf-button-set-hover)}.das-ui-button--primary-sameset[data-v-9509d258] .ant-btn-group .ant-dropdown-trigger:active{background:var(--upf-button-set-active);border-color:var(--upf-button-set-active)}.das-ui-button--primary-sameset[data-v-9509d258] .ant-btn-group .ant-dropdown-trigger[disabled]{background:var(--upf-button-set-disabled);border-color:var(--upf-button-set-disabled);color:var(--upf-button-primary-text-disabled)}.das-ui-button--default-sameset[data-v-9509d258] .ant-btn-group .ant-btn{color:var(--upf-button-default-text);border-color:var(--upf-button-default-border);display:flex;justify-content:center}.das-ui-button--default-sameset[data-v-9509d258] .ant-btn-group .ant-btn:hover{color:var(--upf-button-primary);border-color:var(--upf-button-primary)}.das-ui-button--default-sameset[data-v-9509d258] .ant-btn-group .ant-btn:active{color:var(--upf-button-active);border-color:var(--upf-button-active)}.das-ui-button--default-sameset[data-v-9509d258] .ant-btn-group .ant-btn[disabled]{background:var(--upf-button-default-disabled-bg);border-color:var(--upf-button-default-border);color:var(--upf-button-default-disabled)}.das-ui-button--default-sameset[data-v-9509d258] .ant-btn-group .ant-dropdown-trigger{color:var(--upf-text-secondary);width:24px;min-width:unset;background:none;border-color:var(--upf-button-default-border);padding:0}.das-ui-button--primary-basicset[data-v-9509d258] .ant-btn{color:var(--upf-button-primary-text);background:var(--upf-button-primary);border-color:var(--upf-button-primary)}.das-ui-button--primary-basicset[data-v-9509d258] .ant-btn:hover{background:var(--upf-button-primary-hover);border-color:var(--upf-button-primary-hover)}.das-ui-button--primary-basicset[data-v-9509d258] .ant-btn:active{background:var(--upf-button-active);border-color:var(--upf-button-active)}.das-ui-button--primary-basicset[data-v-9509d258] .ant-btn[disabled]{background:var(--upf-button-disabled);border-color:var(--upf-button-disabled);color:var(--upf-button-primary-text-disabled)}.das-ui-button--default-basicset[data-v-9509d258] .ant-btn{color:var(--upf-button-default-text);border-color:var(--upf-button-default-border)}.das-ui-button--default-basicset[data-v-9509d258] .ant-btn:hover{color:var(--upf-button-primary);border-color:var(--upf-button-primary)}.das-ui-button--default-basicset[data-v-9509d258] .ant-btn:active{color:var(--upf-button-active);border-color:var(--upf-button-active)}.das-ui-button--default-basicset[data-v-9509d258] .ant-btn[disabled]{background:var(--upf-button-default-disabled-bg);border-color:var(--upf-button-default-border);color:var(--upf-button-default-disabled)}.das-ui-button--tabs[data-v-9509d258] .ant-radio-group{height:28px;overflow:hidden}.das-ui-button--tabs[data-v-9509d258] .ant-radio-group .ant-radio-button-wrapper{font-size:14px;color:var(--upf-button-primary);border-color:var(--upf-button-primary);font-weight:400;line-height:26px;height:100%}.das-ui-button--tabs[data-v-9509d258] .ant-radio-group .ant-radio-button-wrapper:hover{background:var(--upf-button-primary-hover);color:var(--upf-button-primary-text);border-color:var(--upf-button-primary-hover)}.das-ui-button--tabs[data-v-9509d258] .ant-radio-group .ant-radio-button-wrapper:active{background:var(--upf-button-active);border-color:var(--upf-button-active)}.das-ui-button--tabs[data-v-9509d258] .ant-radio-group .ant-radio-button-wrapper-checked{background:var(--upf-button-primary);border-color:var(--upf-button-primary);color:var(--upf-button-primary-text)}.das-ui-button--tabs[data-v-9509d258] .ant-radio-group .ant-radio-button-wrapper-disabled{background:var(--upf-button-default-disabled-bg)!important;border-color:var(--upf-button-default-border)!important;color:var(--upf-button-default-disabled)!important}.das-ui-button--ghost[data-v-9509d258] .ant-btn{background:none;color:var(--upf-button-primary);border-color:var(--upf-button-primary)}.das-ui-button--ghost[data-v-9509d258] .ant-btn:hover,.das-ui-button--ghost[data-v-9509d258] .ant-btn:active{color:var(--upf-button-primary-text)}.das-ui-button--ghost[data-v-9509d258] .ant-btn[disabled]{color:var(--upf-button-default-disabled);background:var(--upf-button-default-disabled-bg);border-color:var(--upf-button-default-border)}.das-ui-button--block[data-v-9509d258] .ant-btn{min-width:unset;max-width:unset}.das-ui-button--icon[data-v-9509d258] .ant-btn{display:flex;align-items:center;gap:4px}.das-ui-button--icon[data-v-9509d258] .ant-btn .das-icon{font-size:16px!important}.das-ui-button[data-v-9509d258] .ant-dropdown{left:0!important;min-width:calc(100% + 8px)!important}.das-ui-button[data-v-9509d258] .ant-dropdown .ant-dropdown-menu-item{height:30px;line-height:30px;font-size:12px;color:var(--upf-button-default-text)}.das-ui-button[data-v-9509d258] .ant-dropdown .ant-dropdown-menu-item+.ant-dropdown-menu-item{border-top:1px solid var(--upf-divider-color)}.das-ui-button[data-v-9509d258] .ant-dropdown .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled{color:var(--upf-button-default-disabled)}.das-ui-button[data-v-9509d258] .ant-dropdown .ant-dropdown-menu-item:active,.das-ui-button[data-v-9509d258] .ant-dropdown .ant-dropdown-menu-submenu-title:active{background:var(--upf-bg-secondary)}.ant-dropdown.basicset-dropdown-wrap,.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu{padding:0}.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu .ant-dropdown-menu-item{height:30px;line-height:30px;font-size:12px;color:var(--upf-button-default-text)}.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu .ant-dropdown-menu-item+.ant-dropdown-menu-item{border-top:1px solid var(--upf-divider-color)}.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled{color:var(--upf-button-default-disabled)}.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu :deep(.ant-dropdown-menu-item:active),.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu :deep(.ant-dropdown-menu-submenu-title:active){background:var(--upf-bg-secondary)}

package/packages/components/calendar/index.js

@@ -1,17 +1,16 @@
 import '@das-fed/upf-ui/packages/components/calendar/style.css';
 import { withInstall as ee } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as Q, ref as W, computed as g, watch as ae, nextTick as I, openBlock as u, createElementBlock as f, normalizeClass as T, Fragment as Z, renderList as j, createElementVNode as b, toDisplayString as P, renderSlot as D, createCommentVNode as z, normalizeStyle as te, onMounted as ne, onBeforeUnmount as re, createVNode as se, createSlots as K, withCtx as R, normalizeProps as V, mergeProps as F, guardReactiveProps as J, createBlock as oe } from "vue";
-import { t as B, currentLang as U, setI18nRule as de } from "@das-fed/upf-web/packages/i18n/index";
+import { defineComponent as Q, ref as W, computed as g, watch as ae, nextTick as I, openBlock as u, createElementBlock as f, normalizeClass as x, Fragment as Z, renderList as j, createElementVNode as _, toDisplayString as P, renderSlot as D, createCommentVNode as C, normalizeStyle as te, onMounted as ne, onBeforeUnmount as re, createVNode as se, createSlots as U, withCtx as R, normalizeProps as V, mergeProps as F, guardReactiveProps as J, createBlock as oe } from "vue";
+import { t as A, currentLang as K, setI18nRule as de } from "@das-fed/upf-web/packages/i18n/index";
 import N from "dayjs";
 import { SizeWatcher as le } from "@das-fed/upf-utils/size-watcher";
-import { setThemeRule as he } from "@das-fed/upf-web/packages/theme/index";
-const ce = (a, i) => {
+const he = (a, i) => {
   const d = a.endOf("month"), h = i.startOf("month"), n = d.isSame(h, "week") ? h.add(1, "week") : h;
   return [
     [a, d],
     [n.startOf("week"), i]
   ];
-}, ie = (a, i) => {
+}, ce = (a, i) => {
   const d = a.endOf("month"), h = a.add(1, "month").startOf("month"), o = d.isSame(
     h,
     "week"
@@ -23,20 +22,20 @@ const ce = (a, i) => {
   ];
 }, q = (a, i) => {
   const d = a.startOf("week"), h = i.endOf("week"), o = d.get("month"), n = h.get("month");
-  return o === n ? [[d, h]] : (o + 1) % 12 === n ? ce(d, h) : o + 2 === n || (o + 1) % 11 === n ? ie(d, h) : [];
-}, $ = (a) => Array.from(Array.from({ length: a }).keys()), ue = (a, i) => {
+  return o === n ? [[d, h]] : (o + 1) % 12 === n ? he(d, h) : o + 2 === n || (o + 1) % 11 === n ? ce(d, h) : [];
+}, S = (a) => Array.from(Array.from({ length: a }).keys()), ie = (a, i) => {
   const d = a.subtract(1, "month").endOf("month").date();
-  return $(i).map((h, o) => d - (i - o - 1));
-}, me = (a) => {
+  return S(i).map((h, o) => d - (i - o - 1));
+}, ue = (a) => {
   const i = a.daysInMonth();
-  return $(i).map((d, h) => h + 1);
-}, fe = (a) => $(a.length / 7).map((i) => {
+  return S(i).map((d, h) => h + 1);
+}, me = (a) => S(a.length / 7).map((i) => {
   const d = i * 7;
   return a.slice(d, d + 7);
-}), pe = { key: 0 }, ye = { class: "das-calendar-header-box" }, ke = { class: "das-calendar-header-week-line" }, ge = ["onClick"], we = {
+}), fe = { key: 0 }, pe = { class: "das-calendar-header-box" }, ye = { class: "das-calendar-header-week-line" }, ke = ["onClick"], ge = {
   name: "calendar-table"
 }, G = /* @__PURE__ */ Q({
-  ...we,
+  ...ge,
   props: {
     selectedDay: {},
     date: {},
@@ -52,57 +51,57 @@ const ce = (a, i) => {
   },
   emits: ["pick"],
   setup(a, { expose: i, emit: d }) {
-    const h = d, o = N(), n = a, p = W("128px"), M = W(), A = 60, S = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], O = g(() => !!n.range && !!n.range.length), L = g(() => {
+    const h = d, o = N(), n = a, p = W("128px"), M = W(), Y = 60, $ = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], O = g(() => !!n.range && !!n.range.length), L = g(() => {
       const e = n.firstDayOfWeek, t = n.showZhou ? "das-calendar-weeks-zhou-" : "das-calendar-weeks-";
-      return e === 0 ? S.map((s) => B(`${t}${s}`)) : S.slice(e).concat(S.slice(0, e)).map((s) => B(`${t}${s}`));
+      return e === 0 ? $.map((s) => A(`${t}${s}`)) : $.slice(e).concat($.slice(0, e)).map((s) => A(`${t}${s}`));
     }), v = g(() => {
       let e = [];
       if (O.value) {
         const [t, s] = n.range;
         let c = [];
-        t.isSame(s, "month") ? c = $(s.date() - t.date() + 1).map((C) => ({
-          text: t.date() + C,
+        t.isSame(s, "month") ? c = S(s.date() - t.date() + 1).map((z) => ({
+          text: t.date() + z,
           type: "current"
-        })) : c = $(t.endOf("month").date() - t.date() + 1).map((C) => ({
-          text: t.date() + C,
+        })) : c = S(t.endOf("month").date() - t.date() + 1).map((z) => ({
+          text: t.date() + z,
           type: "current"
         }));
         let k = c.length % 7;
         k = k === 0 ? 0 : 7 - k;
-        const w = $(k).map((C, x) => ({
-          text: x + 1,
+        const w = S(k).map((z, T) => ({
+          text: T + 1,
           type: "next"
         }));
         e = c.concat(w);
       } else {
-        const t = n.date.startOf("month").day(), s = ue(
+        const t = n.date.startOf("month").day(), s = ie(
           n.date,
           (t - n.firstDayOfWeek + 7) % 7
-        ).map((C) => ({
-          text: C,
+        ).map((z) => ({
+          text: z,
           type: "prev"
-        })), c = me(n.date).map((C) => ({
-          text: C,
+        })), c = ue(n.date).map((z) => ({
+          text: z,
           type: "current"
         }));
         e = [...s, ...c];
-        const k = 7 - (e.length % 7 || 7), w = $(k).map((C, x) => ({
-          text: x + 1,
+        const k = 7 - (e.length % 7 || 7), w = S(k).map((z, T) => ({
+          text: T + 1,
           type: "next"
         }));
         if (e = e.concat(w), n.calendartType == "simple" && e.length / 7 < 6) {
-          const C = w.length ? w[w.length - 1].text : 0, x = $(7).map((_e, X) => ({
-            text: C + X + 1,
+          const z = w.length ? w[w.length - 1].text : 0, T = S(7).map(($e, X) => ({
+            text: z + X + 1,
             type: "next"
           }));
-          e = e.concat(x);
+          e = e.concat(T);
         }
       }
-      return fe(e);
+      return me(e);
     }), H = () => {
       var s;
       const e = (s = n.parent) == null ? void 0 : s.offsetHeight;
-      let t = Number(e) - A - 1;
+      let t = Number(e) - Y - 1;
       p.value = t / v.value.length - 1 + "px";
     };
     ae(
@@ -118,7 +117,7 @@ const ce = (a, i) => {
       },
       { immediate: !0 }
     );
-    const _ = () => {
+    const b = () => {
       if (n.cellHeight) {
         p.value = `${n.cellHeight}px`;
         return;
@@ -135,7 +134,7 @@ const ce = (a, i) => {
         case "current":
           return n.date.date(e);
       }
-    }, Y = ({ text: e, type: t }) => {
+    }, B = ({ text: e, type: t }) => {
       const s = [t], c = y(e, t);
       return c.isSame(n.selectedDay, "day") && s.push("is-selected"), c.isSame(o, "day") && s.push("is-today"), s;
     }, E = ({ text: e, type: t }) => {
@@ -181,19 +180,19 @@ const ce = (a, i) => {
       };
     };
     return i({
-      getHeight: _
+      getHeight: b
     }), (e, t) => v.value.length ? (u(), f(
       "table",
       {
         key: 0,
-        class: T(["das-calendar-table", { "is-range": O.value, "is-week": a.calendartType == "week", simple: a.calendartType == "simple" }]),
+        class: x(["das-calendar-table", { "is-range": O.value, "is-week": a.calendartType == "week", simple: a.calendartType == "simple" }]),
         cellspacing: "0",
         cellpadding: "0",
         ref_key: "tableRef",
         ref: M
       },
       [
-        a.hideHeader ? z("v-if", !0) : (u(), f("thead", pe, [
+        a.hideHeader ? C("v-if", !0) : (u(), f("thead", fe, [
           (u(!0), f(
             Z,
             null,
@@ -201,12 +200,12 @@ const ce = (a, i) => {
               class: "das-calendar-table-header",
               key: s
             }, [
-              b("div", ye, [
-                b("div", ke, [
-                  b(
+              _("div", pe, [
+                _("div", ye, [
+                  _(
                     "div",
                     {
-                      class: T(["das-calendar-header-week", { highlight: a.highlightWeek }])
+                      class: x(["das-calendar-header-week", { highlight: a.highlightWeek }])
                     },
                     P(s),
                     3
@@ -215,25 +214,25 @@ const ce = (a, i) => {
                   a.calendartType == "week" ? D(e.$slots, "week-type", {
                     key: 0,
                     data: m(c)
-                  }) : z("v-if", !0)
+                  }) : C("v-if", !0)
                 ]),
                 a.calendartType == "week" ? (u(), f(
                   "div",
                   {
                     key: 0,
-                    class: T(["das-calendar-header-day", { highlight: a.highlightDay }])
+                    class: x(["das-calendar-header-day", { highlight: a.highlightDay }])
                   },
                   P(r(c)),
                   3
                   /* TEXT, CLASS */
-                )) : z("v-if", !0)
+                )) : C("v-if", !0)
               ])
             ]))),
             128
             /* KEYED_FRAGMENT */
           ))
         ])),
-        b("tbody", null, [
+        _("tbody", null, [
           (u(!0), f(
             Z,
             null,
@@ -241,7 +240,7 @@ const ce = (a, i) => {
               "tr",
               {
                 key: c,
-                class: T({
+                class: x({
                   "das-calendar-table-row": !0,
                   "hide-border": c === 0 && a.hideHeader
                 })
@@ -252,12 +251,12 @@ const ce = (a, i) => {
                   null,
                   j(s, (k, w) => (u(), f("td", {
                     key: w,
-                    class: T(Y(k)),
-                    onClick: (C) => E(k)
+                    class: x(B(k)),
+                    onClick: (z) => E(k)
                   }, [
-                    z(" v-scrollbar "),
-                    z(' :style="{ height: trHeight }" '),
-                    b(
+                    C(" v-scrollbar "),
+                    C(' :style="{ height: trHeight }" '),
+                    _(
                       "div",
                       {
                         class: "das-calendar-day",
@@ -271,7 +270,7 @@ const ce = (a, i) => {
                       4
                       /* STYLE */
                     )
-                  ], 10, ge))),
+                  ], 10, ke))),
                   128
                   /* KEYED_FRAGMENT */
                 ))
@@ -286,30 +285,30 @@ const ce = (a, i) => {
       ],
       2
       /* CLASS */
-    )) : z("v-if", !0);
+    )) : C("v-if", !0);
   }
-}), ze = {
+}), we = {
   key: 0,
   class: "das-calendar-body 1"
 }, Ce = {
   key: 1,
   class: "das-calendar-cell-date"
-}, ve = {
+}, ze = {
   key: 2,
   class: "das-calendar-cell-cont"
-}, Me = {
+}, ve = {
   key: 1,
   class: "das-calendar-body 2"
-}, De = {
+}, Me = {
   key: 1,
   class: "das-calendar-cell-date"
-}, Oe = {
+}, De = {
   key: 2,
   class: "das-calendar-cell-cont"
-}, Ne = {
+}, Oe = {
   name: "test"
-}, $e = /* @__PURE__ */ Q({
-  ...Ne,
+}, Ne = /* @__PURE__ */ Q({
+  ...Oe,
   props: {
     modelValue: {},
     range: {},
@@ -324,7 +323,7 @@ const ce = (a, i) => {
   },
   emits: ["update:model-value", "itemClick"],
   setup(a, { expose: i, emit: d }) {
-    const h = g(() => U.value == "zh-CN" ? 1 : (U.value == "en", 0)), o = a, n = d, p = W(), M = W(), A = W(), S = g(() => o.firstDayOfWeek || h.value), O = W(), L = N(), v = g({
+    const h = g(() => K.value == "zh-CN" ? 1 : (K.value == "en-US", 0)), o = a, n = d, p = W(), M = W(), Y = W(), $ = g(() => o.firstDayOfWeek || h.value), O = W(), L = N(), v = g({
       get() {
         return o.modelValue ? (O.value = y.value, y.value) : O.value;
       },
@@ -337,27 +336,27 @@ const ce = (a, i) => {
     }), H = g(() => {
       if (o.type == "week") {
         if (o.range) return o.range;
-        const m = (N(o.modelValue).day() - S.value + 7) % 7, l = 7 - (m + 1), e = [];
+        const m = (N(o.modelValue).day() - $.value + 7) % 7, l = 7 - (m + 1), e = [];
         return e.push(N(o.modelValue).subtract(m, "day").toDate()), e.push(N(o.modelValue).add(l, "day").toDate()), e;
       } else
         return o.range ? o.range : void 0;
-    }), _ = g(() => {
+    }), b = g(() => {
       if (!H.value) return [];
       const r = H.value.map((e) => N(e)), [m, l] = r;
       return o.type == "week" ? [[m, l]] : m.isAfter(l) ? [] : m.isSame(l, "month") ? q(m, l) : m.add(1, "month").month() !== l.month() ? [] : q(m, l);
-    }), y = g(() => o.modelValue ? N(o.modelValue) : v.value || (_.value.length ? _.value[0][0] : L));
+    }), y = g(() => o.modelValue ? N(o.modelValue) : v.value || (b.value.length ? b.value[0][0] : L));
     g(() => y.value.subtract(1, "month").date(1)), g(() => y.value.add(1, "month").date(1)), g(() => y.value.subtract(1, "year").date(1)), g(() => y.value.add(1, "year").date(1)), g(() => {
       const r = `das-calendar-month${y.value.format("M")}`;
-      return `${y.value.year()} ${B("das-calendar-year")} ${B(r)}`;
+      return `${y.value.year()} ${A("das-calendar-year")} ${A(r)}`;
     }), ne(() => {
-      A.value = le(() => {
+      Y.value = le(() => {
         var r, m;
         Array.isArray(M.value) ? (r = M.value[0]) == null || r.getHeight() : (m = M.value) == null || m.getHeight();
       }, p.value);
     }), re(() => {
-      A.value.disconnect();
+      Y.value.disconnect();
     });
-    const Y = (r) => {
+    const B = (r) => {
       o.isSwitchSelection && (v.value = r), n("itemClick", r.toDate());
     };
     return i({
@@ -373,7 +372,7 @@ const ce = (a, i) => {
         class: "das-ui-calendar"
       },
       [
-        z(` <div class="das-calendar-header" >\r
+        C(` <div class="das-calendar-header" >\r
       <slot name="header" :date="i18nDate">\r
         <div class="das-calendar-title" >{{ i18nDate }}</div>\r
         <div class="das-calendar-button-group" v-if="validatedRange.length === 0" >\r
@@ -383,12 +382,12 @@ const ce = (a, i) => {
         </div>\r
       </slot>\r
     </div> `),
-        _.value.length === 0 ? (u(), f("div", ze, [
+        b.value.length === 0 ? (u(), f("div", we, [
           se(G, {
             ref_key: "$calendarTable",
             ref: M,
             date: y.value,
-            firstDayOfWeek: S.value,
+            firstDayOfWeek: $.value,
             parent: p.value,
             calendartType: a.type,
             highlightWeek: a.highlightWeek,
@@ -396,12 +395,12 @@ const ce = (a, i) => {
             showZhou: a.showZhou,
             cellHeight: a.cellHeight,
             "selected-day": O.value,
-            onPick: Y
-          }, K({
+            onPick: B
+          }, U({
             "date-cell": R((l) => [
-              r.$slots.custom ? D(r.$slots, "custom", V(F({ key: 0 }, l))) : z("v-if", !0),
+              r.$slots.custom ? D(r.$slots, "custom", V(F({ key: 0 }, l))) : C("v-if", !0),
               a.type != "week" && !r.$slots.custom ? (u(), f("p", Ce, [
-                b(
+                _(
                   "span",
                   null,
                   P(Number(l.data.day.split("-").slice(2)).toString()),
@@ -409,8 +408,8 @@ const ce = (a, i) => {
                   /* TEXT */
                 ),
                 D(r.$slots, "date-type", V(J(l)))
-              ])) : z("v-if", !0),
-              r.$slots.custom ? z("v-if", !0) : (u(), f("div", ve, [
+              ])) : C("v-if", !0),
+              r.$slots.custom ? C("v-if", !0) : (u(), f("div", ze, [
                 D(r.$slots, "date-cell", V(J(l)))
               ]))
             ]),
@@ -425,16 +424,16 @@ const ce = (a, i) => {
               key: "0"
             } : void 0
           ]), 1032, ["date", "firstDayOfWeek", "parent", "calendartType", "highlightWeek", "highlightDay", "showZhou", "cellHeight", "selected-day"])
-        ])) : (u(), f("div", Me, [
+        ])) : (u(), f("div", ve, [
           (u(!0), f(
             Z,
             null,
-            j(_.value, (l, e) => (u(), oe(G, {
+            j(b.value, (l, e) => (u(), oe(G, {
               ref_for: !0,
               ref_key: "$calendarTable",
               ref: M,
               key: e,
-              firstDayOfWeek: S.value,
+              firstDayOfWeek: $.value,
               date: l[0],
               calendartType: a.type,
               highlightWeek: a.highlightWeek,
@@ -445,23 +444,23 @@ const ce = (a, i) => {
               range: l,
               parent: p.value,
               "hide-header": e !== 0,
-              onPick: Y
-            }, K({
+              onPick: B
+            }, U({
               "date-cell": R((t) => [
                 r.$slots.custom ? D(r.$slots, "custom", F({
                   key: 0,
                   ref_for: !0
-                }, t)) : z("v-if", !0),
-                a.type != "week" && !r.$slots.custom ? (u(), f("p", De, [
-                  b(
+                }, t)) : C("v-if", !0),
+                a.type != "week" && !r.$slots.custom ? (u(), f("p", Me, [
+                  _(
                     "span",
                     null,
                     P(Number(t.data.day.split("-").slice(2)).toString()),
                     1
                     /* TEXT */
                   )
-                ])) : z("v-if", !0),
-                r.$slots.custom ? z("v-if", !0) : (u(), f("div", Oe, [
+                ])) : C("v-if", !0),
+                r.$slots.custom ? C("v-if", !0) : (u(), f("div", De, [
                   D(r.$slots, "date-cell", F({ ref_for: !0 }, t))
                 ]))
               ]),
@@ -486,25 +485,6 @@ const ce = (a, i) => {
     ));
   }
 }), Se = {
-  "--das-ui-calendar-color-primary": "#5582F3",
-  // 主题色
-  "--das-ui-calendar-color-text": "#212121",
-  // 常规字体色
-  "--das-ui-calendar-color-border": "#D9D9D9",
-  // 边框基础色
-  "--das-ui-calendar-size-text": "14px",
-  // 默认文字大小
-  "--das-ui-calendar-color-head-tip": "#999999",
-  // 表格头部提示文字颜色
-  "--das-ui-calendar-size-head-tip": "12px",
-  // 表格头部提示文字大小
-  "--das-ui-calendar-span-size": "28px",
-  // 日期高亮区域的宽高size
-  "--das-ui-calendar-color-pre-next": "#B2B2B2"
-  // 上/下一个月文字颜色
-  // '--das-ui-calendar-head-height': '60px', // 日历表头高度
-  // '--das-ui-calendar-cell-height': '128px', // 单元格高度
-}, be = {
   周: { "zh-CN": "周", en: "Week", "zh-MO": "周", _appCode: "framework" },
   日历: { "zh-CN": "日历", en: "Calendar", "zh-MO": "日曆", _appCode: "framework" },
   "das-calendar-prevMonth": { "zh-CN": "上个月", en: "Last Month", "zh-MO": "上個月", _appCode: "framework" },
@@ -552,10 +532,9 @@ const ce = (a, i) => {
   "das-calendar-months-nov": { "zh-CN": "十一月", en: "Nov", "zh-MO": "十一月", _appCode: "framework" },
   "das-calendar-months-dec": { "zh-CN": "十二月", en: "Dec", "zh-MO": "十二月", _appCode: "framework" }
 };
-de(be);
-he(Se);
-const Ye = ee($e), Re = { name: `calendar ${B("日历")}` };
+de(Se);
+const xe = ee(Ne), Ae = { name: `calendar ${A("日历")}` };
 export {
-  Ye as DasCalendar,
-  Re as default
+  xe as DasCalendar,
+  Ae as default
 };

package/packages/components/calendar/style.css

@@ -1 +1 @@
-.das-ui-calendar{width:100%;height:100%;box-sizing:border-box}.das-ui-calendar .das-calendar-body{width:100%;height:100%}.das-ui-calendar .das-calendar-table:not(.is-range) td.next,.das-ui-calendar .das-calendar-table:not(.is-range) td.prev{color:var(--das-ui-calendar-color-pre-next)}.das-ui-calendar .das-calendar-table{width:100%;height:100%;overflow:hidden;box-sizing:border-box;table-layout:fixed}.das-ui-calendar .das-calendar-table .das-calendar-table-header{box-sizing:border-box;color:var(--das-ui-calendar-color-text);position:relative;border-top:1px solid var(--das-ui-calendar-color-border);border-bottom:1px solid var(--das-ui-calendar-color-border);border-left:1px solid var(--das-ui-calendar-color-border);height:60px;font-size:var(--das-ui-calendar-size-text)}.das-ui-calendar .das-calendar-table .das-calendar-table-header:nth-last-child(1){border-right:1px solid var(--das-ui-calendar-color-border)}.das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line{width:100%}.das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week{font-size:14px;font-weight:600;line-height:21px;color:#212121}.das-ui-calendar .das-calendar-table .das-calendar-table-row td{border-bottom:1px solid var(--das-ui-calendar-color-border);border-right:1px solid var(--das-ui-calendar-color-border);vertical-align:top;transition:background-color .2s ease}.das-ui-calendar .das-calendar-table .das-calendar-table-row td:first-child{border-left:1px solid var(--das-ui-calendar-color-border)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td.is-selected .das-calendar-cell-date>span{color:#fff!important;background-color:var(--das-ui-calendar-color-primary)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td{color:var(--das-ui-calendar-color-text)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td.is-today .das-calendar-cell-date>span{color:var(--das-ui-calendar-color-primary)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day{box-sizing:border-box;height:100%;display:flex;flex-direction:column}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-cont{flex:1;overflow:hidden}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-date{padding:6px 6px 5px;display:flex;align-items:center}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-date>span{font-size:16px;display:flex;justify-content:center;align-items:center;border-radius:50%;width:var(--das-ui-calendar-span-size);height:var(--das-ui-calendar-span-size);line-height:var(--das-ui-calendar-span-size)}.das-ui-calendar .das-calendar-table.simple .das-calendar-table-header{height:auto;border:none}.das-ui-calendar .das-calendar-table.simple .das-calendar-table-row .das-calendar-day{height:auto!important}.das-ui-calendar .das-calendar-table.simple .das-calendar-table-row td{border:none}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week{font-size:12px;font-weight:400;line-height:18px;color:#999}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week.highlight{font-size:14px;font-weight:600;line-height:21px;color:#212121}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-week-line{display:flex;align-items:center;align-self:flex-start;padding-left:12px}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day{align-self:flex-start;padding-left:12px;margin-top:4px;font-size:12px;font-weight:400;line-height:18px;color:#999}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day.highlight{font-size:14px;font-weight:600;line-height:21px;color:#212121}
+.das-ui-calendar{width:100%;height:100%;box-sizing:border-box}.das-ui-calendar .das-calendar-body{width:100%;height:100%}.das-ui-calendar .das-calendar-table:not(.is-range) td.next,.das-ui-calendar .das-calendar-table:not(.is-range) td.prev{color:var(--upf-text-disabled)}.das-ui-calendar .das-calendar-table{width:100%;height:100%;overflow:hidden;box-sizing:border-box;table-layout:fixed}.das-ui-calendar .das-calendar-table .das-calendar-table-header{box-sizing:border-box;color:var(--upf-text-primary);position:relative;border-top:1px solid var(--upf-border-color);border-bottom:1px solid var(--upf-border-color);border-left:1px solid var(--upf-border-color);height:60px;font-size:14px}.das-ui-calendar .das-calendar-table .das-calendar-table-header:nth-last-child(1){border-right:1px solid var(--upf-border-color)}.das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line{width:100%}.das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week{font-size:14px;font-weight:600;line-height:21px;color:var(--upf-text-primary)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td{border-bottom:1px solid var(--upf-border-color);border-right:1px solid var(--upf-border-color);vertical-align:top;transition:background-color .2s ease}.das-ui-calendar .das-calendar-table .das-calendar-table-row td:first-child{border-left:1px solid var(--upf-border-color)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td.is-selected .das-calendar-cell-date>span{color:#fff!important;background-color:var(--upf-color-primary)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td{color:var(--upf-text-primary)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td.is-today .das-calendar-cell-date>span{color:var(--upf-color-primary)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day{box-sizing:border-box;height:100%;display:flex;flex-direction:column}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-cont{flex:1;overflow:hidden}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-date{padding:6px 6px 5px;display:flex;align-items:center}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-date>span{font-size:16px;display:flex;justify-content:center;align-items:center;border-radius:50%;width:28px;height:28px;line-height:28px}.das-ui-calendar .das-calendar-table.simple .das-calendar-table-header{height:auto;border:none}.das-ui-calendar .das-calendar-table.simple .das-calendar-table-row .das-calendar-day{height:auto!important}.das-ui-calendar .das-calendar-table.simple .das-calendar-table-row td{border:none}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week{font-size:12px;font-weight:400;line-height:18px;color:var(--upf-text-secondary)}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week.highlight{font-size:14px;font-weight:600;line-height:21px;color:var(--upf-text-primary)}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-week-line{display:flex;align-items:center;align-self:flex-start;padding-left:12px}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day{align-self:flex-start;padding-left:12px;margin-top:4px;font-size:12px;font-weight:400;line-height:18px;color:var(--upf-text-secondary)}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day.highlight{font-size:14px;font-weight:600;line-height:21px;color:var(--upf-text-primary)}