acud
Version:
acg react 组件库
1,500 lines • 51.5 kB
CSS
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-picker {
margin: 0;
padding: 0;
height: 32px;
padding: 0 12px;
position: relative;
display: inline-flex;
align-items: center;
background-color: #FFFFFF;
border-color: #E8E9EB;
border-width: 1px;
border-style: solid;
border-radius: 4px;
transition: border 0.3s, box-shadow 0.3s;
}
.acud-picker input {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
}
.acud-picker:hover {
background-color: #FFFFFF;
}
.acud-picker:focus,
.acud-picker:active {
background-color: #FFFFFF;
}
.acud-picker[disabled],
.acud-picker[aria-disabled="true"],
.acud-picker[disabled]:hover,
.acud-picker[aria-disabled="true"]:hover,
.acud-picker[disabled]:focus,
.acud-picker[aria-disabled="true"]:focus,
.acud-picker[disabled]:active,
.acud-picker[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-picker:hover {
border-color: #2468F2;
}
.acud-picker:focus,
.acud-picker:active {
border-color: #144BCC;
}
.acud-picker[disabled],
.acud-picker[aria-disabled="true"],
.acud-picker[disabled]:hover,
.acud-picker[aria-disabled="true"]:hover,
.acud-picker[disabled]:focus,
.acud-picker[aria-disabled="true"]:focus,
.acud-picker[disabled]:active,
.acud-picker[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-picker-focused {
border-color: #2468F2;
}
.acud-picker.acud-picker-disabled {
background: #F7F7F9;
border-color: #E8E9EB;
cursor: not-allowed;
}
.acud-picker.acud-picker-disabled.acud-picker-range-has-value:hover .acud-picker-suffix,
.acud-picker.acud-picker-disabled .acud-picker-input-has-value:hover .acud-picker-suffix {
opacity: 1;
}
.acud-picker-status-error {
border-color: #F33E3E;
}
.acud-picker-status-error:hover {
border-color: #F33E3E;
}
.acud-picker.acud-picker-disabled .acud-picker-suffix {
color: #B8BABF;
}
.acud-picker.acud-picker-borderless {
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.acud-picker-input {
position: relative;
display: inline-flex;
align-items: center;
width: 100%;
height: 32px;
}
.acud-picker-input > input {
width: 100%;
outline: none;
display: flex;
position: relative;
align-items: center;
box-sizing: border-box;
font-weight: 400;
border-width: 1px;
border-style: solid;
overflow: hidden;
height: 32px;
line-height: 32px;
border-radius: 4px;
flex: auto;
min-width: 1px;
font-size: 12px;
font-weight: #FFECD4;
height: 100%;
padding: 0;
background: transparent;
border: 0;
color: #151B26;
}
.acud-picker-input > input input {
min-width: 0;
padding: 0 12px;
border: none;
height: 100%;
flex-grow: 1;
color: inherit;
font-size: 12px;
}
.acud-picker-input > input input:-webkit-autofill {
box-shadow: 0 0 0px 1000px white inset !important;
}
.acud-picker-input > input input:focus {
outline: none;
}
.acud-picker-input > input-prefix {
display: flex;
padding: 0 8px 0 0;
}
.acud-picker-input > input-suffix {
display: flex;
padding: 0 0 0 4px;
word-break: keep-all;
}
.acud-picker-input > input-prefix,
.acud-picker-input > input-suffix {
color: #84868C;
}
.acud-picker-input > input-prefix:hover,
.acud-picker-input > input-suffix:hover {
color: #84868C;
}
.acud-picker-input > input-prefix:focus,
.acud-picker-input > input-suffix:focus,
.acud-picker-input > input-prefix:active,
.acud-picker-input > input-suffix:active {
color: #84868C;
}
.acud-picker-input > input-prefix[disabled],
.acud-picker-input > input-suffix[disabled],
.acud-picker-input > input-prefix[aria-disabled="true"],
.acud-picker-input > input-suffix[aria-disabled="true"],
.acud-picker-input > input-prefix[disabled]:hover,
.acud-picker-input > input-suffix[disabled]:hover,
.acud-picker-input > input-prefix[aria-disabled="true"]:hover,
.acud-picker-input > input-suffix[aria-disabled="true"]:hover,
.acud-picker-input > input-prefix[disabled]:focus,
.acud-picker-input > input-suffix[disabled]:focus,
.acud-picker-input > input-prefix[aria-disabled="true"]:focus,
.acud-picker-input > input-suffix[aria-disabled="true"]:focus,
.acud-picker-input > input-prefix[disabled]:active,
.acud-picker-input > input-suffix[disabled]:active,
.acud-picker-input > input-prefix[aria-disabled="true"]:active,
.acud-picker-input > input-suffix[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-input > input-lg {
font-size: 14px;
height: 40px;
line-height: 40px;
border-radius: 4px;
}
.acud-picker-input > input-lg input {
font-size: 14px;
}
.acud-picker-input > input-sm {
font-size: 12px;
height: 24px;
line-height: 24px;
border-radius: 2px;
}
.acud-picker-input > input-sm input {
padding: 0 8px;
}
.acud-picker-input > input-sm input input {
font-size: 12px;
}
.acud-picker-input > input-has-prefix input {
padding: 0;
}
.acud-picker-input > input-has-prefix {
padding-left: 12px;
}
.acud-picker-input > input-has-addon-before {
padding-left: 0;
}
.acud-picker-input > input-has-suffix {
padding-right: 12px;
}
.acud-picker-input > input-has-addon-after {
padding-right: 0;
}
.acud-picker-input > input-has-prefix.acud-picker-input > input-sm {
padding-right: 8px;
padding-left: 8px;
}
.acud-picker-input > input-has-prefix.acud-picker-input > input-sm input {
padding: 0px;
}
.acud-picker-input > input-has-suffix.acud-picker-input > input-sm {
padding-right: 8px;
padding-left: 8px;
}
.acud-picker-input > input-has-suffix.acud-picker-input > input-sm input {
padding: 0px;
}
.acud-picker-input > input-has-suffix .acud-input-clear-wrapper {
margin-right: 0px;
}
.acud-picker-input > input-has-limit .acud-input-clear-wrapper {
margin-right: 0px;
}
.acud-picker-input > input-has-addon-before .acud-input-addon {
margin-left: -1px;
}
.acud-picker-input > input-has-addon-before input {
padding: 0 8px 0 12px;
}
.acud-picker-input > input-has-addon-after .acud-input-addon {
margin-right: -1px;
}
.acud-picker-input > input-has-addon-after input {
padding: 0 8px 0 12px;
}
.acud-picker-input > input-has-addon-before.acud-picker-input > input-has-addon-after input {
padding: 0 8px 0 12px;
}
.acud-picker-input > input-addonOnlyText {
padding: 0 12px 0 12px;
color: #151B26;
background-color: #F7F7F9;
border-color: transparent;
}
.acud-picker-input > input-addonOnlyText:hover {
color: #151B26;
}
.acud-picker-input > input-addonOnlyText:focus,
.acud-picker-input > input-addonOnlyText:active {
color: #151B26;
}
.acud-picker-input > input-addonOnlyText[disabled],
.acud-picker-input > input-addonOnlyText[aria-disabled="true"],
.acud-picker-input > input-addonOnlyText[disabled]:hover,
.acud-picker-input > input-addonOnlyText[aria-disabled="true"]:hover,
.acud-picker-input > input-addonOnlyText[disabled]:focus,
.acud-picker-input > input-addonOnlyText[aria-disabled="true"]:focus,
.acud-picker-input > input-addonOnlyText[disabled]:active,
.acud-picker-input > input-addonOnlyText[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-input > input-addonOnlyText:hover {
background-color: #F2F2F4;
}
.acud-picker-input > input-addonOnlyText:focus,
.acud-picker-input > input-addonOnlyText:active {
background-color: #F2F2F4;
}
.acud-picker-input > input-addonOnlyText[disabled],
.acud-picker-input > input-addonOnlyText[aria-disabled="true"],
.acud-picker-input > input-addonOnlyText[disabled]:hover,
.acud-picker-input > input-addonOnlyText[aria-disabled="true"]:hover,
.acud-picker-input > input-addonOnlyText[disabled]:focus,
.acud-picker-input > input-addonOnlyText[aria-disabled="true"]:focus,
.acud-picker-input > input-addonOnlyText[disabled]:active,
.acud-picker-input > input-addonOnlyText[aria-disabled="true"]:active {
background-color: #F2F2F4;
}
.acud-picker-input > input-addonOnlyText:hover {
border-color: transparent;
}
.acud-picker-input > input-addonOnlyText:focus,
.acud-picker-input > input-addonOnlyText:active {
border-color: transparent;
}
.acud-picker-input > input-addonOnlyText[disabled],
.acud-picker-input > input-addonOnlyText[aria-disabled="true"],
.acud-picker-input > input-addonOnlyText[disabled]:hover,
.acud-picker-input > input-addonOnlyText[aria-disabled="true"]:hover,
.acud-picker-input > input-addonOnlyText[disabled]:focus,
.acud-picker-input > input-addonOnlyText[aria-disabled="true"]:focus,
.acud-picker-input > input-addonOnlyText[disabled]:active,
.acud-picker-input > input-addonOnlyText[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-picker-input > input-addon {
height: 100%;
display: flex;
align-items: center;
overflow: hidden;
}
.acud-picker-input > input:hover {
color: #151B26;
}
.acud-picker-input > input:focus,
.acud-picker-input > input:active {
color: #151B26;
}
.acud-picker-input > input[disabled],
.acud-picker-input > input[aria-disabled="true"],
.acud-picker-input > input[disabled]:hover,
.acud-picker-input > input[aria-disabled="true"]:hover,
.acud-picker-input > input[disabled]:focus,
.acud-picker-input > input[aria-disabled="true"]:focus,
.acud-picker-input > input[disabled]:active,
.acud-picker-input > input[aria-disabled="true"]:active {
color: #84868C;
}
.acud-picker-input > input::-webkit-input-placeholder {
color: #B8BABF;
}
.acud-picker-input > input::-webkit-input-placeholder:hover {
color: #B8BABF;
}
.acud-picker-input > input::-webkit-input-placeholder:focus,
.acud-picker-input > input::-webkit-input-placeholder:active {
color: #B8BABF;
}
.acud-picker-input > input::-webkit-input-placeholder[disabled],
.acud-picker-input > input::-webkit-input-placeholder[aria-disabled="true"],
.acud-picker-input > input::-webkit-input-placeholder[disabled]:hover,
.acud-picker-input > input::-webkit-input-placeholder[aria-disabled="true"]:hover,
.acud-picker-input > input::-webkit-input-placeholder[disabled]:focus,
.acud-picker-input > input::-webkit-input-placeholder[aria-disabled="true"]:focus,
.acud-picker-input > input::-webkit-input-placeholder[disabled]:active,
.acud-picker-input > input::-webkit-input-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-input > input:-moz-placeholder {
color: #B8BABF;
}
.acud-picker-input > input:-moz-placeholder:hover {
color: #B8BABF;
}
.acud-picker-input > input:-moz-placeholder:focus,
.acud-picker-input > input:-moz-placeholder:active {
color: #B8BABF;
}
.acud-picker-input > input:-moz-placeholder[disabled],
.acud-picker-input > input:-moz-placeholder[aria-disabled="true"],
.acud-picker-input > input:-moz-placeholder[disabled]:hover,
.acud-picker-input > input:-moz-placeholder[aria-disabled="true"]:hover,
.acud-picker-input > input:-moz-placeholder[disabled]:focus,
.acud-picker-input > input:-moz-placeholder[aria-disabled="true"]:focus,
.acud-picker-input > input:-moz-placeholder[disabled]:active,
.acud-picker-input > input:-moz-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-input > input::-moz-placeholder {
color: #B8BABF;
}
.acud-picker-input > input::-moz-placeholder:hover {
color: #B8BABF;
}
.acud-picker-input > input::-moz-placeholder:focus,
.acud-picker-input > input::-moz-placeholder:active {
color: #B8BABF;
}
.acud-picker-input > input::-moz-placeholder[disabled],
.acud-picker-input > input::-moz-placeholder[aria-disabled="true"],
.acud-picker-input > input::-moz-placeholder[disabled]:hover,
.acud-picker-input > input::-moz-placeholder[aria-disabled="true"]:hover,
.acud-picker-input > input::-moz-placeholder[disabled]:focus,
.acud-picker-input > input::-moz-placeholder[aria-disabled="true"]:focus,
.acud-picker-input > input::-moz-placeholder[disabled]:active,
.acud-picker-input > input::-moz-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-input > input:-ms-input-placeholder {
color: #B8BABF;
}
.acud-picker-input > input:-ms-input-placeholder:hover {
color: #B8BABF;
}
.acud-picker-input > input:-ms-input-placeholder:focus,
.acud-picker-input > input:-ms-input-placeholder:active {
color: #B8BABF;
}
.acud-picker-input > input:-ms-input-placeholder[disabled],
.acud-picker-input > input:-ms-input-placeholder[aria-disabled="true"],
.acud-picker-input > input:-ms-input-placeholder[disabled]:hover,
.acud-picker-input > input:-ms-input-placeholder[aria-disabled="true"]:hover,
.acud-picker-input > input:-ms-input-placeholder[disabled]:focus,
.acud-picker-input > input:-ms-input-placeholder[aria-disabled="true"]:focus,
.acud-picker-input > input:-ms-input-placeholder[disabled]:active,
.acud-picker-input > input:-ms-input-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-input > input[disabled] {
color: #5C5F66;
}
.acud-picker-input > input[disabled]::-moz-placeholder {
color: #5C5F66;
}
.acud-picker-input > input[disabled]::placeholder {
color: #5C5F66;
}
.acud-picker-input:hover .acud-picker-clear {
opacity: 1;
}
.acud-picker-input-has-value:not(.acud-picker-clear-disabled):hover .acud-picker-clear + .acud-picker-suffix {
opacity: 0;
}
.acud-picker-suffix {
align-self: center;
margin-left: 6px;
color: #151B26;
line-height: 1;
pointer-events: none;
}
.acud-picker-suffix:hover {
color: #151B26;
}
.acud-picker-suffix:focus,
.acud-picker-suffix:active {
color: #151B26;
}
.acud-picker-suffix[disabled],
.acud-picker-suffix[aria-disabled="true"],
.acud-picker-suffix[disabled]:hover,
.acud-picker-suffix[aria-disabled="true"]:hover,
.acud-picker-suffix[disabled]:focus,
.acud-picker-suffix[aria-disabled="true"]:focus,
.acud-picker-suffix[disabled]:active,
.acud-picker-suffix[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-suffix > * {
vertical-align: top;
}
.acud-picker-suffix > .acudicon {
width: 16px;
height: 16px;
}
.acud-picker-suffix > .acudicon svg {
width: 100%;
}
.acud-picker-clear {
position: absolute;
top: 49%;
right: 0;
line-height: 1;
transform: translateY(-50%);
cursor: pointer;
opacity: 0;
transition: opacity 0.3s, color 0.3s;
}
.acud-picker-clear > * {
vertical-align: top;
}
.acud-picker-clear:hover {
color: #B8BABF;
}
.acud-picker-clear > .acudicon {
width: 16px;
height: 16px;
}
.acud-picker-clear > .acudicon svg {
width: 100%;
}
.acud-picker-separator {
position: relative;
display: inline-block;
width: 1em;
height: 14px;
font-size: 14px;
vertical-align: top;
cursor: default;
}
.acud-picker-focused .acud-picker-separator {
color: #B8BABF;
}
.acud-picker-range-separator .acud-picker-separator {
color: #B8BABF;
}
.acud-picker-disabled .acud-picker-range-separator .acud-picker-separator {
cursor: not-allowed;
}
.acud-picker-range {
position: relative;
display: inline-flex;
}
.acud-picker-range:hover .acud-picker-clear {
opacity: 1;
}
.acud-picker-range .acud-picker-clear {
right: 12px;
}
.acud-picker-range .acud-picker-active-bar {
bottom: -1px;
height: 2px;
opacity: 0;
transition: all 0.3s ease-out;
pointer-events: none;
}
.acud-picker-range.acud-picker-focused .acud-picker-active-bar {
opacity: 1;
}
.acud-picker-range-separator {
align-items: center;
padding: 0 12px;
line-height: 1;
}
.acud-picker-range-has-value:not(.acud-picker-clear-disabled):hover .acud-picker-clear + .acud-picker-suffix {
opacity: 0;
}
.acud-picker-dropdown {
margin: 0;
padding: 0;
position: absolute;
z-index: 1050;
}
.acud-picker-dropdown-hidden {
display: none;
}
.acud-picker-dropdown-placement-bottomLeft .acud-picker-range-arrow {
top: 1.66666667px;
display: block;
transform: rotate(-45deg);
}
.acud-picker-dropdown-placement-topLeft .acud-picker-range-arrow {
bottom: 1.66666667px;
display: block;
transform: rotate(135deg);
}
.acud-picker-dropdown.slide-up-enter.slide-up-enter-active.acud-picker-dropdown-placement-topLeft,
.acud-picker-dropdown.slide-up-enter.slide-up-enter-active.acud-picker-dropdown-placement-topRight,
.acud-picker-dropdown.slide-up-appear.slide-up-appear-active.acud-picker-dropdown-placement-topLeft,
.acud-picker-dropdown.slide-up-appear.slide-up-appear-active.acud-picker-dropdown-placement-topRight {
animation-name: antSlideDownIn;
}
.acud-picker-dropdown.slide-up-enter.slide-up-enter-active.acud-picker-dropdown-placement-bottomLeft,
.acud-picker-dropdown.slide-up-enter.slide-up-enter-active.acud-picker-dropdown-placement-bottomRight,
.acud-picker-dropdown.slide-up-appear.slide-up-appear-active.acud-picker-dropdown-placement-bottomLeft,
.acud-picker-dropdown.slide-up-appear.slide-up-appear-active.acud-picker-dropdown-placement-bottomRight {
animation-name: antSlideUpIn;
}
.acud-picker-dropdown.slide-up-leave.slide-up-leave-active.acud-picker-dropdown-placement-topLeft,
.acud-picker-dropdown.slide-up-leave.slide-up-leave-active.acud-picker-dropdown-placement-topRight {
animation-name: antSlideDownOut;
}
.acud-picker-dropdown.slide-up-leave.slide-up-leave-active.acud-picker-dropdown-placement-bottomLeft,
.acud-picker-dropdown.slide-up-leave.slide-up-leave-active.acud-picker-dropdown-placement-bottomRight {
animation-name: antSlideUpOut;
}
.acud-picker-dropdown-range {
padding: 4px 0;
}
.acud-picker-dropdown-range-hidden {
display: none;
}
.acud-picker-dropdown .acud-picker-panel > .acud-picker-time-panel {
padding-top: 6px;
}
.acud-picker-ranges {
margin-bottom: 0;
padding: 0 12px 8px;
overflow: hidden;
text-align: left;
list-style: none;
}
.acud-picker-ranges > li {
display: inline-block;
}
.acud-picker-ranges .acud-picker-preset > .acud-tag-blue {
cursor: pointer;
}
.acud-picker-ranges .acud-picker-now {
float: left;
cursor: pointer;
margin-top: 10px;
}
.acud-picker-ranges .acud-picker-now a {
color: #2468F2;
}
.acud-picker-ranges .acud-picker-now a:hover {
color: #528EFF;
}
.acud-picker-ranges .acud-picker-now a:focus,
.acud-picker-ranges .acud-picker-now a:active {
color: #144BCC;
}
.acud-picker-ranges .acud-picker-now a[disabled],
.acud-picker-ranges .acud-picker-now a[aria-disabled="true"],
.acud-picker-ranges .acud-picker-now a[disabled]:hover,
.acud-picker-ranges .acud-picker-now a[aria-disabled="true"]:hover,
.acud-picker-ranges .acud-picker-now a[disabled]:focus,
.acud-picker-ranges .acud-picker-now a[aria-disabled="true"]:focus,
.acud-picker-ranges .acud-picker-now a[disabled]:active,
.acud-picker-ranges .acud-picker-now a[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-ranges .acud-picker-ok {
float: right;
margin-left: 12px;
margin-top: 8px;
}
.acud-picker-ranges .acud-btn-sm-text-limited {
min-width: 48px;
}
.acud-picker-range-wrapper {
display: flex;
}
.acud-picker-panel-container {
overflow: hidden;
vertical-align: top;
background: #FFF;
border-radius: 6px;
box-shadow: 0px 6px 16px 2px rgba(7, 12, 20, 0.12);
transition: margin 0.3s;
}
.acud-picker-panel-container .acud-picker-panels {
display: inline-flex;
flex-wrap: nowrap;
direction: ltr;
}
.acud-picker-panel-container .acud-picker-panels .acud-picker-panel .acud-picker-header,
.acud-picker-panel-container .acud-picker-panels .acud-picker-panel .acud-picker-body {
padding-right: 6px;
}
.acud-picker-panel-container .acud-picker-panels .acud-picker-panel:last-child .acud-picker-year-panel .acud-picker-header,
.acud-picker-panel-container .acud-picker-panels .acud-picker-panel:last-child .acud-picker-month-panel .acud-picker-header,
.acud-picker-panel-container .acud-picker-panels .acud-picker-panel:last-child .acud-picker-year-panel .acud-picker-body,
.acud-picker-panel-container .acud-picker-panels .acud-picker-panel:last-child .acud-picker-month-panel .acud-picker-body {
padding-right: 12px;
}
.acud-picker-panel-container .acud-picker-panels .acud-picker-panel:not(:first-child) .acud-picker-header,
.acud-picker-panel-container .acud-picker-panels .acud-picker-panel:not(:first-child) .acud-picker-body {
padding-left: 6px;
padding-right: 12px;
}
.acud-picker-panel-container .acud-picker-panel {
vertical-align: top;
background: transparent;
border-width: 0 0 1px 0;
border-radius: 0;
}
.acud-picker-panel {
display: inline-flex;
flex-direction: column;
text-align: center;
border-radius: 0px;
outline: none;
}
.acud-picker-panel-header {
height: 32px;
padding: 0 12px;
background-color: #F7F7F9;
font-size: 12px;
line-height: 32px;
color: #151B26;
}
.acud-picker-panel-header > li {
color: #151B26;
margin-right: 24px;
display: inline-block;
cursor: pointer;
}
.acud-picker-panel-header > li:hover {
color: #2468F2;
}
.acud-picker-panel-header > li:focus,
.acud-picker-panel-header > li:active {
color: #144BCC;
}
.acud-picker-panel-header > li[disabled],
.acud-picker-panel-header > li[aria-disabled="true"],
.acud-picker-panel-header > li[disabled]:hover,
.acud-picker-panel-header > li[aria-disabled="true"]:hover,
.acud-picker-panel-header > li[disabled]:focus,
.acud-picker-panel-header > li[aria-disabled="true"]:focus,
.acud-picker-panel-header > li[disabled]:active,
.acud-picker-panel-header > li[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-panel.acud-picker-panel-has-range .acud-picker-date-panel .acud-picker-content td:not(.acud-picker-cell-range-hover-start):not(.acud-picker-cell-range-hover-end):not(.acud-picker-cell-range-start):not(.acud-picker-cell-range-end):not(.acud-picker-cell-today):hover .acud-picker-cell-inner {
background-color: #F7F7F9 !important;
}
.acud-picker-date-panel,
.acud-picker-decade-panel,
.acud-picker-year-panel,
.acud-picker-quarter-panel,
.acud-picker-month-panel,
.acud-picker-week-panel,
.acud-picker-date-panel,
.acud-picker-time-panel {
display: flex;
flex-direction: column;
width: 240px;
}
.acud-picker-decade-panel {
width: 286px;
}
.acud-picker-month-panel .acud-picker-cell-in-range:not(:first-child)::before,
.acud-picker-year-panel .acud-picker-cell-in-range:not(:first-child)::before,
.acud-picker-month-panel .acud-picker-cell-range-hover:not(:first-child)::before,
.acud-picker-year-panel .acud-picker-cell-range-hover:not(:first-child)::before {
width: 12px;
left: -12px;
background: #E6F0FF;
}
.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end:hover .acud-picker-cell-inner,
.acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end:hover .acud-picker-cell-inner,
.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start:hover .acud-picker-cell-inner,
.acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start:hover .acud-picker-cell-inner {
background-color: #D4E5FF;
}
.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner,
.acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner,
.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner,
.acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner {
background: #E6F0FF;
}
.acud-picker-month-panel .acud-picker-cell-disabled:not(:first-child)::before,
.acud-picker-year-panel .acud-picker-cell-disabled:not(:first-child)::before {
left: -12px;
}
.acud-picker-header {
display: flex;
padding: 0 12px;
color: #151B26;
border-bottom: 1px solid #E8E9EB;
}
.acud-picker-header:hover {
color: #151B26;
}
.acud-picker-header:focus,
.acud-picker-header:active {
color: #FFFFFF;
}
.acud-picker-header[disabled],
.acud-picker-header[aria-disabled="true"],
.acud-picker-header[disabled]:hover,
.acud-picker-header[aria-disabled="true"]:hover,
.acud-picker-header[disabled]:focus,
.acud-picker-header[aria-disabled="true"]:focus,
.acud-picker-header[disabled]:active,
.acud-picker-header[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-header > * {
flex: none;
}
.acud-picker-header button {
padding: 0;
color: #84868C;
background: transparent;
border: 0;
cursor: pointer;
transition: color 0.3s;
}
.acud-picker-header button:hover {
color: #5C5F66;
}
.acud-picker-header button:focus,
.acud-picker-header button:active {
color: #303540;
}
.acud-picker-header button[disabled],
.acud-picker-header button[aria-disabled="true"],
.acud-picker-header button[disabled]:hover,
.acud-picker-header button[aria-disabled="true"]:hover,
.acud-picker-header button[disabled]:focus,
.acud-picker-header button[aria-disabled="true"]:focus,
.acud-picker-header button[disabled]:active,
.acud-picker-header button[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-header > button {
min-width: 8px;
font-size: 16px;
}
.acud-picker-header-super-prev-btn,
.acud-picker-header-next-btn {
margin-right: 4px;
}
.acud-picker-header-view {
flex: auto;
font-size: 12px;
line-height: 40px;
color: #151B26;
}
.acud-picker-header-view:hover {
color: #151B26;
}
.acud-picker-header-view:focus,
.acud-picker-header-view:active {
color: #FFFFFF;
}
.acud-picker-header-view[disabled],
.acud-picker-header-view[aria-disabled="true"],
.acud-picker-header-view[disabled]:hover,
.acud-picker-header-view[aria-disabled="true"]:hover,
.acud-picker-header-view[disabled]:focus,
.acud-picker-header-view[aria-disabled="true"]:focus,
.acud-picker-header-view[disabled]:active,
.acud-picker-header-view[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-header-view button {
font-size: 12px;
color: inherit;
font-weight: 400;
color: #151B26;
}
.acud-picker-header-view button:hover {
color: #2468F2;
}
.acud-picker-header-view button:focus,
.acud-picker-header-view button:active {
color: #144BCC;
}
.acud-picker-header-view button[disabled],
.acud-picker-header-view button[aria-disabled="true"],
.acud-picker-header-view button[disabled]:hover,
.acud-picker-header-view button[aria-disabled="true"]:hover,
.acud-picker-header-view button[disabled]:focus,
.acud-picker-header-view button[aria-disabled="true"]:focus,
.acud-picker-header-view button[disabled]:active,
.acud-picker-header-view button[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-header-view button:not(:first-child) {
margin-left: 8px;
}
.acud-picker-prev-icon,
.acud-picker-next-icon,
.acud-picker-super-prev-icon,
.acud-picker-super-next-icon {
position: relative;
display: inline-block;
width: 7px;
height: 7px;
}
.acud-picker-prev-icon::before,
.acud-picker-next-icon::before,
.acud-picker-super-prev-icon::before,
.acud-picker-super-next-icon::before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 7px;
height: 7px;
border: 0 solid currentColor;
border-width: 1px 0 0 1px;
content: '';
}
.acud-picker-super-prev-icon::after,
.acud-picker-super-next-icon::after {
position: absolute;
top: 3px;
left: 3px;
display: inline-block;
width: 7px;
height: 7px;
border: 0 solid currentColor;
border-width: 1px 0 0 1px;
content: '';
}
.acud-picker-prev-icon,
.acud-picker-super-prev-icon {
transform: rotate(-45deg);
}
.acud-picker-next-icon,
.acud-picker-super-next-icon {
transform: rotate(135deg);
}
.acud-picker-content {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.acud-picker-content > div {
width: 32px;
margin-right: 16px;
height: 26px;
overflow: visible;
}
.acud-picker-content > div:after {
content: ':';
display: block;
position: relative;
top: -28px;
left: 24px;
}
.acud-picker-content > div input {
width: 100%;
outline-style: none;
line-height: 24px;
text-align: center;
height: 24px;
box-sizing: border-box;
border: 1px solid;
background-color: #FFFFFF;
border-color: #E8E9EB;
}
.acud-picker-content > div input:hover {
background-color: #FFFFFF;
}
.acud-picker-content > div input:focus,
.acud-picker-content > div input:active {
background-color: #FFFFFF;
}
.acud-picker-content > div input[disabled],
.acud-picker-content > div input[aria-disabled="true"],
.acud-picker-content > div input[disabled]:hover,
.acud-picker-content > div input[aria-disabled="true"]:hover,
.acud-picker-content > div input[disabled]:focus,
.acud-picker-content > div input[aria-disabled="true"]:focus,
.acud-picker-content > div input[disabled]:active,
.acud-picker-content > div input[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-picker-content > div input:hover {
border-color: #2468F2;
}
.acud-picker-content > div input:focus,
.acud-picker-content > div input:active {
border-color: #144BCC;
}
.acud-picker-content > div input[disabled],
.acud-picker-content > div input[aria-disabled="true"],
.acud-picker-content > div input[disabled]:hover,
.acud-picker-content > div input[aria-disabled="true"]:hover,
.acud-picker-content > div input[disabled]:focus,
.acud-picker-content > div input[aria-disabled="true"]:focus,
.acud-picker-content > div input[disabled]:active,
.acud-picker-content > div input[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-picker-content > div:last-child:after {
display: none;
}
.acud-picker-content th,
.acud-picker-content td {
position: relative;
font-weight: 400;
font-size: 12px;
}
.acud-picker-cell {
cursor: pointer;
color: #B8BABF;
}
.acud-picker-cell-in-view {
color: #151B26;
}
.acud-picker-cell-disabled {
cursor: not-allowed;
}
.acud-picker-cell::before {
position: absolute;
top: 50%;
right: 0;
left: 0;
z-index: 1;
height: 24px;
transform: translateY(-50%);
content: '';
}
.acud-picker-cell .acud-picker-cell-inner {
position: relative;
z-index: 2;
display: inline-block;
min-width: 24px;
height: 24px;
line-height: 24px;
border-radius: 2px;
transition: background 0.3s, border 0.3s;
}
.acud-picker-cell:hover:not(.acud-picker-cell-in-view) .acud-picker-cell-inner,
.acud-picker-cell:hover:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-hover-start):not(.acud-picker-cell-range-hover-end) .acud-picker-cell-inner {
background: #F7F7F9;
border-radius: 2px;
}
.acud-picker-cell-in-view.acud-picker-cell-today .acud-picker-cell-inner::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
border: 1px solid #2468F2;
content: '';
border-radius: 2px;
}
.acud-picker-cell-today:not(.acud-picker-cell-in-range):not(.acud-picker-cell-range-hover):not(.acud-picker-cell-range-end):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-disabled) {
background-color: transparent;
}
.acud-picker-cell-today:not(.acud-picker-cell-in-range):not(.acud-picker-cell-range-hover):not(.acud-picker-cell-range-end):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-disabled) .acud-picker-cell-inner {
background-color: transparent;
}
.acud-picker-cell-in-view.acud-picker-cell-in-range,
.acud-picker-cell-in-view.acud-picker-cell-range-hover {
position: relative;
background: #E6F0FF;
}
.acud-picker-cell-in-view.acud-picker-cell-in-range:not(:first-child)::before,
.acud-picker-cell-in-view.acud-picker-cell-range-hover:not(:first-child)::before {
width: 12px;
left: -12px;
background: #E6F0FF;
}
.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-start::before,
.acud-picker-cell-in-view.acud-picker-cell-range-hover.acud-picker-cell-start::before {
background: transparent;
}
.acud-picker-cell-start.acud-picker-cell-in-view.acud-picker-cell-range-end.acud-picker-cell-selected::before {
width: 0 !important;
background: transparent !important;
}
.acud-picker-cell-in-view.acud-picker-cell-range-end:not(:first-child)::before,
.acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(:first-child)::before {
width: 12px;
left: -12px;
background: #E6F0FF;
}
.acud-picker-cell-in-view.acud-picker-cell-range-hover-end.acud-picker-cell-range-hover-edge-start:not(:first-child)::before {
background-color: transparent;
}
.acud-picker-cell-in-view.acud-picker-cell-selected .acud-picker-cell-inner,
.acud-picker-cell-in-view.acud-picker-cell-range-start .acud-picker-cell-inner,
.acud-picker-cell-in-view.acud-picker-cell-range-end .acud-picker-cell-inner {
color: #FFFFFF;
background-color: #2468F2;
}
.acud-picker-cell-in-view.acud-picker-cell-range-start .acud-picker-cell-inner,
.acud-picker-cell-in-view.acud-picker-cell-range-end .acud-picker-cell-inner {
border-radius: 2px;
}
.acud-picker-cell-in-view.acud-picker-cell-range-start:not(.acud-picker-cell-range-start-single)::before,
.acud-picker-cell-in-view.acud-picker-cell-range-end:not(.acud-picker-cell-range-end-single)::before {
background: #E6F0FF;
}
.acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-end::before {
background: transparent;
}
.acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-end.acud-picker-cell-selected::before,
.acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-hover-start.acud-picker-cell-range-hover-end::before {
background: transparent !important;
}
.acud-picker-cell-range-end-single:not(.acud-picker-cell-range-hover-end)::before {
background: transparent !important;
}
.acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-hover-start::before {
background-color: #E6F0FF;
}
.acud-picker-cell-in-view.acud-picker-cell-range-start::before {
left: 50%;
}
.acud-picker-cell-in-view.acud-picker-cell-range-end::before {
right: 50%;
}
.acud-picker-cell-range-hover-start::after,
.acud-picker-cell-range-hover-end::after,
.acud-picker-cell-range-hover::after {
right: 0;
left: 2px;
}
.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start .acud-picker-cell-inner::after,
.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end .acud-picker-cell-inner::after {
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
background: #D4E5FF;
content: '';
border-radius: 2px;
}
.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start .acud-picker-cell-inner::after {
right: 0;
left: 0;
}
.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end .acud-picker-cell-inner::after {
right: 0;
left: 0;
}
.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover:not(:first-child)::before {
left: -9px;
}
.acud-picker-cell-range-hover.acud-picker-cell-range-start::after {
right: 50%;
}
.acud-picker-cell-range-hover.acud-picker-cell-range-end::after {
left: 50%;
}
tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover:first-child::after,
tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:first-child::after,
.acud-picker-cell-in-view.acud-picker-cell-start.acud-picker-cell-range-hover-edge-start.acud-picker-cell-range-hover-edge-start-near-range::after,
.acud-picker-cell-in-view.acud-picker-cell-range-hover-edge-start:not(.acud-picker-cell-range-hover-edge-start-near-range)::after,
.acud-picker-cell-in-view.acud-picker-cell-range-hover-start::after {
left: 0;
border-left: 1px dashed #A8CAFF;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover:last-child::after,
tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::after,
.acud-picker-cell-in-view.acud-picker-cell-end.acud-picker-cell-range-hover-edge-end.acud-picker-cell-range-hover-edge-end-near-range::after,
.acud-picker-cell-in-view.acud-picker-cell-range-hover-edge-end:not(.acud-picker-cell-range-hover-edge-end-near-range)::after,
.acud-picker-cell-in-view.acud-picker-cell-range-hover-end::after {
right: 0;
border-right: 1px dashed #A8CAFF;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.acud-picker-cell-disabled {
pointer-events: none;
}
.acud-picker-cell-disabled .acud-picker-cell-inner {
color: #B8BABF;
background: #F7F7F9;
}
.acud-picker-cell-disabled:not(:first-child)::before {
width: 12px;
left: -10px;
background: #F7F7F9;
}
.acud-picker-cell-disabled.acud-picker-cell-today .acud-picker-cell-inner::before {
border-color: #B8BABF;
}
.acud-picker-decade-panel .acud-picker-body,
.acud-picker-year-panel .acud-picker-body,
.acud-picker-quarter-panel .acud-picker-body,
.acud-picker-month-panel .acud-picker-body {
padding: 0 12px;
}
.acud-picker-quarter-panel .acud-picker-content {
height: 56px;
}
.acud-picker-quarter-panel .acud-picker-content tr td:last-child {
margin-right: 12px;
}
.acud-picker-date-panel tr .acud-picker-cell:first-child::before {
display: none;
}
.acud-picker-date-panel .acud-picker-cell-range-end:not(:first-child)::before {
left: -8px;
}
.acud-picker-date-panel .acud-picker-content thead th {
width: 24px;
line-height: 24px;
color: #151B26;
}
.acud-picker-date-panel .acud-picker-content tbody tr {
margin-top: 8px;
}
.acud-picker-date-panel .acud-picker-content tr {
display: flex;
justify-content: space-between;
width: 216px;
}
.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):hover .acud-picker-cell-inner,
.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner {
background-color: #E6F0FF;
}
.acud-picker-footer {
width: -moz-min-content;
width: min-content;
min-width: 100%;
text-align: center;
border-top: 1px solid #E8E9EB;
font-size: 12px;
line-height: 24px;
cursor: pointer;
}
.acud-picker-footer-extra {
padding: 0 8px;
text-align: left;
}
.acud-picker-now {
text-align: left;
}
.acud-picker-today-btn.acud-picker-today-btn-disabled {
cursor: not-allowed;
}
.acud-picker-decade-panel tr {
display: block;
margin: 12px 0;
}
.acud-picker-decade-panel tr td {
display: inline-block;
margin-right: 12px;
width: 79px;
}
.acud-picker-decade-panel tr td:last-child {
margin-right: 0;
}
.acud-picker-decade-panel tr .acud-picker-cell-inner {
width: 100%;
}
.acud-picker-decade-panel .acud-picker-cell::before {
display: none;
}
.acud-picker-year-panel,
.acud-picker-quarter-panel,
.acud-picker-month-panel {
width: 192px;
}
.acud-picker-year-panel tr,
.acud-picker-quarter-panel tr,
.acud-picker-month-panel tr {
display: block;
margin: 12px 0;
}
.acud-picker-year-panel tr td,
.acud-picker-quarter-panel tr td,
.acud-picker-month-panel tr td {
display: inline-block;
margin-right: 12px;
}
.acud-picker-year-panel tr td:last-child,
.acud-picker-quarter-panel tr td:last-child,
.acud-picker-month-panel tr td:last-child {
margin-right: 0;
}
.acud-picker-year-panel .acud-picker-cell-inner,
.acud-picker-quarter-panel .acud-picker-cell-inner,
.acud-picker-month-panel .acud-picker-cell-inner {
width: 48px;
}
.acud-picker-year-panel .acud-picker-cell-range-hover-start::after,
.acud-picker-quarter-panel .acud-picker-cell-range-hover-start::after,
.acud-picker-month-panel .acud-picker-cell-range-hover-start::after {
border-radius: 0px 0 0 0px;
}
.acud-picker-panel-rtl .acud-picker-year-panel .acud-picker-cell-range-hover-start::after,
.acud-picker-panel-rtl .acud-picker-quarter-panel .acud-picker-cell-range-hover-start::after,
.acud-picker-panel-rtl .acud-picker-month-panel .acud-picker-cell-range-hover-start::after {
border-radius: 0 0px 0px 0;
}
.acud-picker-year-panel .acud-picker-cell-range-hover-end::after,
.acud-picker-quarter-panel .acud-picker-cell-range-hover-end::after,
.acud-picker-month-panel .acud-picker-cell-range-hover-end::after {
border-radius: 0 0px 0px 0;
}
.acud-picker-panel-rtl .acud-picker-year-panel .acud-picker-cell-range-hover-end::after,
.acud-picker-panel-rtl .acud-picker-quarter-panel .acud-picker-cell-range-hover-end::after,
.acud-picker-panel-rtl .acud-picker-month-panel .acud-picker-cell-range-hover-end::after {
border-radius: 0px 0 0 0px;
}
.acud-picker-panels:last-child.acud-picker-month-panel {
width: 186px;
}
.acud-picker-panels .acud-picker-date-panel {
width: 234px;
}
.acud-picker-panels .acud-picker-decade-panel {
width: 285px;
}
.acud-picker-panels .acud-picker-decade-panel .acud-picker-header,
.acud-picker-panels .acud-picker-decade-panel .acud-picker-body {
padding-right: 12px !important;
}
.acud-picker-week-panel .acud-picker-body {
padding: 12px 8px;
}
.acud-picker-week-panel .acud-picker-cell:hover .acud-picker-cell-inner,
.acud-picker-week-panel .acud-picker-cell .acud-picker-cell-inner {
background: transparent !important;
}
.acud-picker-week-panel .acud-picker-cell-disabled::before {
width: 100%;
left: 0;
}
.acud-picker-week-panel-row td {
transition: background 0.3s;
}
.acud-picker-week-panel-row:hover td {
background: #E6F0FF;
}
.acud-picker-week-panel-row-selected td,
.acud-picker-week-panel-row-selected:hover td {
background-color: #2468F2 !important;
color: #FFFFFF;
}
.acud-picker-week-panel-row-selected td.acud-picker-cell-today .acud-picker-cell-inner::before,
.acud-picker-week-panel-row-selected:hover td.acud-picker-cell-today .acud-picker-cell-inner::before {
border-color: #2468F2;
}
.acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:first-child,
.acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:first-child,
.acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:first-child,
.acud-picker-date-panel tr td.acud-picker-cell-range-hover:first-child,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover:first-child,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover:first-child {
border-radius: 2px 0 0 2px;
}
.acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:last-child,
.acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:last-child,
.acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:last-child,
.acud-picker-date-panel tr td.acud-picker-cell-range-hover:last-child,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover:last-child,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover:last-child {
border-radius: 0 2px 2px 0;
}
.acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-end,
.acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-end,
.acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-end,
.acud-picker-date-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-end,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-end,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-end {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-start,
.acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-start,
.acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-start,
.acud-picker-date-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-start,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-start,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-start {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner {
border-radius: 0 2px 2px 0;
}
.acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range):first-child .acud-picker-cell-inner,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range):first-child .acud-picker-cell-inner,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range):first-child .acud-picker-cell-inner,
.acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner {
border-radius: 2px;
}
.acud-picker-date-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range) .acud-picker-cell-inner {
border-radius: 2px 0 0 2px;
}
.acud-picker-date-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range):last-child .acud-picker-cell-inner,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range):last-child .acud-picker-cell-inner,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range):last-child .acud-picker-cell-inner,
.acud-picker-date-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner {
border-radius: 2px;
}
.acud-picker-date-panel .acud-picker-body {
padding: 12px;
}
.acud-picker-datetime-panel {
display: flex;
}
.acud-picker-datetime-panel .acud-picker-time-panel {
border-left: 1px solid #E8E9EB;
}
.acud-picker-datetime-panel .acud-picker-date-panel,
.acud-picker-datetime-panel .acud-picker-time-panel {
transition: opacity 0.3s;
}
.acud-picker-datetime-panel-active .acud-picker-date-panel,
.acud-picker-datetime-panel-active .acud-picker-time-panel {
opacity: 0.3;
}
.acud-picker-datetime-panel-active .acud-picker-date-panel-active,
.acud-picker-datetime-panel-active .acud-picker-time-panel-active {
opacity: 1;
}
.acud-picker-time-panel {
width: auto;
min-width: auto;
}
.acud-picker-time-panel .acud-picker-content {
display: flex;
flex: auto;
height: 196px;
}
.acud-picker-time-panel-column {
flex: 1 0 auto;
width: 64px;
margin: 0;
padding: 0;
overflow-y: hidden;
text-align: left;
list-style: none;
transition: background 0.3s;
}
.acud-picker-time-panel-column::after {
display: block;
height: 168px;
content: '';
}
.acud-picker-datetime-panel .acud-picker-time-panel-column::after {
height: 170px;
}
.acud-picker-time-panel-column:not(:first-child) {
border-left: 1px solid #E8E9EB;
}
.acud-picker-time-panel-column:hover {
overflow-y: auto;
overflow-y: overlay;
}
.acud-picker-time-panel-column > li {
margin: 0;
padding: 0;
}
.acud-picker-time-panel-column > li.acud-picker-time-panel-cell .acud-picker-time-panel-cell-inner {
display: block;
width: 100%;
height: 28px;
margin: 0;
color: #151B26;
font-size: 12px;
line-height: 28px;
text-align: center;
border-radius: 0;
cursor: pointer;
transition: background 0.3s;
}
.acud-picker-time-panel-column > li.acud-picker-time-panel-cell .acud-picker-time-panel-cell-inner:hover {
background: #F7F7F9;
}
.acud-picker-time-panel-column > li.acud-picker-time-panel-cell-selected .acud-picker-time-panel-cell-inner {
background: #E6F0FF;
}
.acud-picker-time-panel-column > li.acud-picker-time-panel-cell-disabled .acud-picker-time-panel-cell-inner {
color: #B8BABF;
background: transparent;
cursor: not-allowed;
}
/* stylelint-disable-next-line */
_:-ms-fullscreen .acud-picker-range-wrapper .acud-picker-month-panel .acud-picker-cell,
:root .acud-picker-range-wrapper .acud-picker-month-panel .acud-picker-cell,
_:-ms-fullscreen .acud-picker-range-wrapper .acud-picker-year-panel .acud-picker-cell,
:root .acud-picker-range-wrapper .acud-picker-year-panel .acud-picker-cell {
padding: 21px 0;
}
.acud-picker-rtl {
direction: rtl;
}
.acud-picker-rtl .acud-picker-suffix {
margin-right: 6px;
margin-left: 0;
}
.acud-picker-rtl .acud-picker-clear {
right: auto;
left: 0;
}
.acud-picker-rtl .acud-picker-separator {
transform: rotate(180deg);
}
.acud-picker-panel-rtl .acud-picker-header-view button:not(:first-child) {
margin-right: 12px;
margin-left: 0;
}
.acud-picker-rtl.acud-picker-range .acud-picker-clear {
right: auto;
}
.acud-picker-rtl.acud-picker-range .acud-picker-active-bar {
margin-left: 0;
}
.acud-picker-dropdown-rtl .acud-picker-ranges {
text-align: right;
}
.acud-picker-dropdown-rtl .acud-picker-ranges .acud-picker-ok {
float: left;
margin-right: 12px;
margin-left: 0;
}
.acud-picker-panel-rtl {
direction: rtl;
}
.acud-picker-panel-rtl .acud-picker-prev-icon,
.acud-picker-panel-rtl .acud-picker-super-prev-icon {
transform: rotate(135deg);
}
.acud-picker-panel-rtl .acud-picker-next-icon,
.acud-picker-panel-rtl .acud-picker-super-next-icon {
transform: rotate(-45deg);
}
.acud-picker-dropdown-rtl .acud-picker-footer-extra {
direction: rtl;
text-align: right;
}
.acud-picker-panel-rtl .acud-picker-time-panel {
direction: ltr;
}