@opentiny/vue-theme/date-range/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-date-range-picker{--tv-DateRange-font-size:var(--tv-font-size-default, 14px);--tv-DateRange-line-height:var(--tv-line-height-number, 1.5);--tv-DateRange-icon-size:var(--tv-icon-size, 16px);--tv-DateRange-icon-color:var(--tv-color-icon, #808080);--tv-DateRange-header-padding:0 var(--tv-space-xl, 16px) var(--tv-space-lg, 12px) var(--tv-space-xl, 16px);--tv-DateRange-header-border-color:var(--tv-color-border-divider, #f0f0f0);--tv-DateRange-left-content-margin-right:var(--tv-space-sm, 8px);--tv-DateRange-left-content-padding-right:var(--tv-space-sm, 8px);--tv-DateRange-right-content-margin-left:var(--tv-space-sm, 8px);--tv-DateRange-right-content-padding-left:var(--tv-space-sm, 8px);--tv-DateRange-time-header-padding:var(--tv-space-lg, 12px) var(--tv-space-xl, 16px);--tv-DateRange-time-picker-padding-right:var(--tv-space-xl, 16px);--tv-DateRange-editors-wrap-padding-left:var(--tv-space-xl, 16px)}.tiny-date-range-picker.tiny-picker-panel{width:558px}.tiny-date-range-picker.has-sidebar{width:668px}.tiny-date-range-picker table{table-layout:fixed;width:100%}.tiny-date-range-picker__header{position:relative;text-align:center;padding:var(--tv-DateRange-header-padding);line-height:var(--tv-DateRange-line-height);border-bottom:1px solid var(--tv-DateRange-header-border-color);margin-bottom:12px}.tiny-date-range-picker__header [class*=arrow-left]{float:left}.tiny-date-range-picker__header [class*=arrow-right]{float:right}.tiny-date-range-picker__header div{font-size:var(--tv-DateRange-font-size);font-weight:500;margin-right:50px}.tiny-date-range-picker__content{float:left;width:calc(50% - var(--tv-DateRange-left-content-margin-right))}.tiny-date-range-picker__content.is-left{margin-right:var(--tv-DateRange-left-content-margin-right);padding-right:var(--tv-DateRange-left-content-padding-right)}.tiny-date-range-picker__content.is-left .tiny-date-range-picker__table{padding-left:16px}.tiny-date-range-picker__content.is-right{margin-left:var(--tv-DateRange-right-content-margin-left);padding-left:var(--tv-DateRange-right-content-padding-left)}.tiny-date-range-picker__content.is-right .tiny-date-range-picker__table{padding-right:16px}.tiny-date-range-picker__content .tiny-date-range-picker__header div{margin-left:50px}.tiny-date-range-picker__editors-wrap{display:table-cell}.tiny-date-range-picker__editors-wrap.is-right{text-align:right;padding-left:var(--tv-DateRange-editors-wrap-padding-left)}.tiny-date-range-picker__time-header{position:relative;font-size:var(--tv-DateRange-font-size);padding:var(--tv-DateRange-time-header-padding);display:table;width:100%}.tiny-date-range-picker__time-header>.tiny-icon-arrow-right{font-size:var(--tv-DateRange-icon-size);vertical-align:middle;display:table-cell;color:var(--tv-DateRange-icon-color)}.tiny-date-range-picker__time-picker-wrap{position:relative;display:table-cell}.tiny-date-range-picker__time-picker-wrap:first-of-type{padding-right:var(--tv-DateRange-time-picker-padding-right)}