adui/es/date-picker/style/index.css

<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>

.adui-date-dateBase.adui-date-mini{width:108px}.adui-date-dateBase.adui-date-small{width:118px}.adui-date-dateBase.adui-date-medium{width:130px}.adui-date-dateBase.adui-date-large{width:150px}.adui-date-rangeBase.adui-date-mini{width:190px}.adui-date-rangeBase.adui-date-small{width:204px}.adui-date-rangeBase.adui-date-medium{width:224px}.adui-date-rangeBase.adui-date-large{width:256px}.adui-date-wrapper{position:relative}.adui-date-wrapper:focus{outline:none}.adui-date-navBar{position:absolute;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;height:48px;box-shadow:0 -1px 0 var(--gray-300) inset}.adui-date-outside{color:var(--gray-600)}.adui-date-day,.adui-date-today{position:relative;display:table-cell;width:30px;height:30px;vertical-align:middle;text-align:center;font-size:var(--font-size-small);border-radius:4px;overflow:hidden}.adui-date-day::after,.adui-date-today::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.adui-date-day:not(.adui-date-outside),.adui-date-today:not(.adui-date-outside){cursor:pointer}.adui-date-day:not(.adui-date-outside):not(.adui-date-disabled):hover::after,.adui-date-today:not(.adui-date-outside):not(.adui-date-disabled):hover::after{background-color:var(--gray-300)}.adui-date-day:not(.adui-date-outside):not(.adui-date-disabled):focus,.adui-date-today:not(.adui-date-outside):not(.adui-date-disabled):focus{outline:none}.adui-date-day:not(.adui-date-outside):not(.adui-date-disabled):focus::after,.adui-date-today:not(.adui-date-outside):not(.adui-date-disabled):focus::after{background-color:var(--gray-300)}.adui-date-day:not(.adui-date-outside):not(.adui-date-disabled).adui-date-selected,.adui-date-today:not(.adui-date-outside):not(.adui-date-disabled).adui-date-selected{color:#fff;font-weight:600}.adui-date-day:not(.adui-date-outside):not(.adui-date-disabled).adui-date-selected::after,.adui-date-today:not(.adui-date-outside):not(.adui-date-disabled).adui-date-selected::after{background-color:var(--primary-color)}.adui-date-day:not(.adui-date-outside):not(.adui-date-disabled).adui-date-selectedRange,.adui-date-today:not(.adui-date-outside):not(.adui-date-disabled).adui-date-selectedRange{color:var(--gray-900);font-weight:400;border-radius:0}.adui-date-day:not(.adui-date-outside):not(.adui-date-disabled).adui-date-selectedRange::after,.adui-date-today:not(.adui-date-outside):not(.adui-date-disabled).adui-date-selectedRange::after{background-color:var(--primary-color);opacity:.1}.adui-date-day:not(.adui-date-outside):not(.adui-date-disabled).adui-date-selectedRange:hover::after,.adui-date-today:not(.adui-date-outside):not(.adui-date-disabled).adui-date-selectedRange:hover::after{opacity:.2}.adui-date-day:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeStartHover,.adui-date-day:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeEndHover,.adui-date-today:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeStartHover,.adui-date-today:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeEndHover{color:var(--gray-900);font-weight:400}.adui-date-day:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeStartHover::after,.adui-date-day:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeEndHover::after,.adui-date-today:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeStartHover::after,.adui-date-today:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeEndHover::after{background-color:var(--primary-color);opacity:.2}.adui-date-day:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeStartHover:active::after,.adui-date-day:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeEndHover:active::after,.adui-date-today:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeStartHover:active::after,.adui-date-today:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeEndHover:active::after{opacity:.3}.adui-date-day:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeStart:not(.adui-date-rangeEnd),.adui-date-day:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeStartHover:not(.adui-date-rangeEnd),.adui-date-today:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeStart:not(.adui-date-rangeEnd),.adui-date-today:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeStartHover:not(.adui-date-rangeEnd){border-top-right-radius:0;border-bottom-right-radius:0}.adui-date-day:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeEnd:not(.adui-date-rangeStart),.adui-date-day:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeEndHover:not(.adui-date-rangeStart),.adui-date-today:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeEnd:not(.adui-date-rangeStart),.adui-date-today:not(.adui-date-outside):not(.adui-date-disabled).adui-date-rangeEndHover:not(.adui-date-rangeStart){border-top-left-radius:0;border-bottom-left-radius:0}.adui-date-day.adui-date-disabled,.adui-date-today.adui-date-disabled{color:var(--gray-600) !important;cursor:not-allowed;pointer-events:none}.adui-date-cell{position:relative;z-index:1}.adui-date-disabled .adui-date-day{cursor:default}.adui-date-navButtonPrev{transform:rotate(90deg)}.adui-date-navButtonNext{transform:rotate(-90deg)}.adui-date-caption{margin-bottom:8px;height:38px}.adui-date-selects{position:relative;z-index:1;display:flex;margin:8px 37px;height:30px}.adui-date-selects svg{position:absolute;top:6px;right:3px;fill:var(--gray-800)}.adui-date-selects select{position:relative;z-index:1;padding-left:11px;width:100%;font-size:var(--font-size-small);font-weight:600;background-color:rgba(0,0,0,0);border:none;border-radius:4px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.adui-date-selects select:focus{outline:none}.adui-date-selectYear,.adui-date-selectMonth{position:relative;display:inline-flex;vertical-align:middle;cursor:pointer}.adui-date-selectYear::after,.adui-date-selectMonth::after{opacity:0;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--gray-800);border-radius:4px;transform:scale(0.92);transition:all var(--ease-in-out) var(--motion-duration-base)}.adui-date-selectYear:hover::after,.adui-date-selectMonth:hover::after{opacity:.1;transform:scale(1)}.adui-date-selectYear:active::after,.adui-date-selectMonth:active::after{opacity:.2;transform:scale(1)}.adui-date-selectYear{width:80px}.adui-date-selectMonth{width:55px}.adui-date-selectMonth select{letter-spacing:-1px}.adui-date-months{display:flex;justify-content:space-between;padding-right:16px;padding-bottom:16px;padding-left:16px}.adui-date-month{-webkit-user-select:none;-moz-user-select:none;user-select:none}.adui-date-weekday{display:table-cell;width:30px;height:34px;vertical-align:middle;text-align:center}.adui-date-weekday abbr{display:inline-block;padding-bottom:4px;font-size:var(--font-size-small);font-weight:600;text-decoration:none !important;border-bottom:none !important}.adui-date-popup{display:flex}.adui-date-popup>div:last-child{flex:1}.adui-date-shortcuts{flex:none;padding-top:8px;padding-bottom:8px;width:100px;box-shadow:1px 0 0 0 #ebebeb}.adui-date-shortcut{padding-left:12px;padding-right:8px;max-width:100%;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:all var(--motion-duration-fast) var(--ease-in-out)}.adui-date-shortcut:hover{background-color:var(--gray-200)}.adui-date-shortcut:active{background-color:var(--gray-400)}.adui-date-shortcut:focus{outline:none}.adui-date-shortcutActive{color:var(--primary-color);font-weight:500}