n8n-editor-ui 1.114.0 → 1.114.1

package/dist/assets/{index-CTgzCbB9.css → index-BlwIvpv7.css}

@@ -8121,6 +8121,973 @@ select {
   margin-bottom: 0;
 }
 
+.el-date-table {
+  font-size: 12px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.el-date-table.is-week-mode .el-date-table__row:hover div {
+  background-color: var(--border-color-light);
+}
+.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
+  color: var(--color-text-dark);
+}
+.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
+  margin-left: 5px;
+  border-top-left-radius: 15px;
+  border-bottom-left-radius: 15px;
+}
+.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
+  margin-right: 5px;
+  border-top-right-radius: 15px;
+  border-bottom-right-radius: 15px;
+}
+.el-date-table.is-week-mode .el-date-table__row.current div {
+  background-color: var(--border-color-light);
+}
+
+.el-date-table td {
+  width: 32px;
+  height: 30px;
+  padding: 4px 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  text-align: center;
+  cursor: pointer;
+  position: relative;
+}
+.el-date-table td div {
+  height: 30px;
+  padding: 3px 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.el-date-table td span {
+  width: 24px;
+  height: 24px;
+  display: block;
+  margin: 0 auto;
+  line-height: 24px;
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  border-radius: 50%;
+}
+.el-date-table td.next-month, .el-date-table td.prev-month {
+  color: var(--color-text-lighter);
+}
+.el-date-table td.today {
+  position: relative;
+}
+.el-date-table td.today span {
+  color: var(--color-primary);
+  font-weight: var(--font-weight-bold);
+}
+.el-date-table td.today.start-date span, .el-date-table td.today.end-date span {
+  color: var(--color-foreground-xlight);
+}
+.el-date-table td.available:hover {
+  color: var(--color-primary);
+}
+.el-date-table td.in-range div {
+  background-color: var(--border-color-light);
+}
+.el-date-table td.in-range div:hover {
+  background-color: var(--border-color-light);
+}
+.el-date-table td.current:not(.disabled) span {
+  color: var(--color-foreground-xlight);
+  background-color: var(--color-primary);
+}
+.el-date-table td.start-date div, .el-date-table td.end-date div {
+  color: var(--color-foreground-xlight);
+}
+.el-date-table td.start-date span, .el-date-table td.end-date span {
+  background-color: var(--color-primary);
+}
+.el-date-table td.start-date div {
+  margin-left: 5px;
+  border-top-left-radius: 15px;
+  border-bottom-left-radius: 15px;
+}
+.el-date-table td.end-date div {
+  margin-right: 5px;
+  border-top-right-radius: 15px;
+  border-bottom-right-radius: 15px;
+}
+.el-date-table td.disabled div {
+  background-color: var(--color-background-base);
+  opacity: 1;
+  cursor: not-allowed;
+  color: var(--color-text-lighter);
+}
+.el-date-table td.selected div {
+  margin-left: 5px;
+  margin-right: 5px;
+  background-color: var(--border-color-light);
+  border-radius: 15px;
+}
+.el-date-table td.selected div:hover {
+  background-color: var(--border-color-light);
+}
+.el-date-table td.selected span {
+  background-color: var(--color-primary);
+  color: var(--color-foreground-xlight);
+  border-radius: 15px;
+}
+.el-date-table td.week {
+  font-size: 80%;
+  color: var(--color-text-dark);
+}
+.el-date-table th {
+  padding: 5px;
+  color: var(--color-text-dark);
+  font-weight: var(--font-weight-regular);
+  border-bottom: solid 1px var(--border-color-light);
+}
+
+.el-month-table {
+  font-size: 12px;
+  margin: -1px;
+  border-collapse: collapse;
+}
+.el-month-table td {
+  text-align: center;
+  padding: 8px 0;
+  cursor: pointer;
+}
+.el-month-table td div {
+  height: 48px;
+  padding: 6px 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.el-month-table td.today .cell {
+  color: var(--color-primary);
+  font-weight: var(--font-weight-bold);
+}
+.el-month-table td.today.start-date .cell, .el-month-table td.today.end-date .cell {
+  color: var(--color-foreground-xlight);
+}
+.el-month-table td.disabled .cell {
+  background-color: var(--color-background-base);
+  cursor: not-allowed;
+  color: var(--color-text-lighter);
+}
+.el-month-table td.disabled .cell:hover {
+  color: var(--color-text-lighter);
+}
+.el-month-table td .cell {
+  width: 60px;
+  height: 36px;
+  display: block;
+  line-height: 36px;
+  color: var(--color-text-dark);
+  margin: 0 auto;
+  border-radius: 18px;
+}
+.el-month-table td .cell:hover {
+  color: var(--color-primary);
+}
+.el-month-table td.in-range div {
+  background-color: var(--border-color-light);
+}
+.el-month-table td.in-range div:hover {
+  background-color: var(--border-color-light);
+}
+.el-month-table td.start-date div, .el-month-table td.end-date div {
+  color: var(--color-foreground-xlight);
+}
+.el-month-table td.start-date .cell, .el-month-table td.end-date .cell {
+  color: var(--color-foreground-xlight);
+  background-color: var(--color-primary);
+}
+.el-month-table td.start-date div {
+  border-top-left-radius: 24px;
+  border-bottom-left-radius: 24px;
+}
+.el-month-table td.end-date div {
+  border-top-right-radius: 24px;
+  border-bottom-right-radius: 24px;
+}
+.el-month-table td.current:not(.disabled) .cell {
+  color: var(--color-primary);
+}
+
+.el-year-table {
+  font-size: 12px;
+  margin: -1px;
+  border-collapse: collapse;
+}
+.el-year-table .el-icon {
+  color: var(--color-text-dark);
+}
+.el-year-table td {
+  text-align: center;
+  padding: 20px 3px;
+  cursor: pointer;
+}
+.el-year-table td.today .cell {
+  color: var(--color-primary);
+  font-weight: var(--font-weight-bold);
+}
+.el-year-table td.disabled .cell {
+  background-color: var(--color-background-base);
+  cursor: not-allowed;
+  color: var(--color-text-lighter);
+}
+.el-year-table td.disabled .cell:hover {
+  color: var(--color-text-lighter);
+}
+.el-year-table td .cell {
+  width: 48px;
+  height: 32px;
+  display: block;
+  line-height: 32px;
+  color: var(--color-text-dark);
+  margin: 0 auto;
+}
+.el-year-table td .cell:hover {
+  color: var(--color-primary);
+}
+.el-year-table td.current:not(.disabled) .cell {
+  color: var(--color-primary);
+}
+
+.el-time-spinner.has-seconds .el-time-spinner__wrapper {
+  width: 33.3%;
+}
+.el-time-spinner__wrapper {
+  max-height: 190px;
+  display: inline-block;
+  width: 50%;
+  vertical-align: top;
+  position: relative;
+}
+.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
+  padding-bottom: 15px;
+}
+.el-time-spinner__wrapper.is-arrow {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  text-align: center;
+  overflow: hidden;
+}
+.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
+  -webkit-transform: translateY(-32px);
+          transform: translateY(-32px);
+}
+.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
+  background: var(--color-foreground-xlight);
+  cursor: default;
+}
+
+.el-time-spinner__arrow {
+  font-size: 12px;
+  color: var(--color-text-light);
+  position: absolute;
+  left: 0;
+  width: 100%;
+  z-index: 1;
+  text-align: center;
+  height: 30px;
+  line-height: 30px;
+  cursor: pointer;
+}
+.el-time-spinner__arrow:hover {
+  color: var(--color-primary);
+}
+.el-time-spinner__arrow.el-icon-arrow-up {
+  top: 10px;
+}
+.el-time-spinner__arrow.el-icon-arrow-down {
+  bottom: 10px;
+}
+
+.el-time-spinner__input.el-input {
+  width: 70%;
+}
+.el-time-spinner__input.el-input .el-input__inner {
+  padding: 0;
+  text-align: center;
+}
+
+.el-time-spinner__list {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  text-align: center;
+}
+.el-time-spinner__list::after, .el-time-spinner__list::before {
+  content: "";
+  display: block;
+  width: 100%;
+  height: 80px;
+}
+
+.el-time-spinner__item {
+  height: 32px;
+  line-height: 32px;
+  font-size: 12px;
+  color: var(--color-text-dark);
+}
+.el-time-spinner__item:hover:not(.disabled):not(.active) {
+  background: var(--color-background-base);
+  cursor: pointer;
+}
+.el-time-spinner__item.active:not(.disabled) {
+  color: var(--color-text-dark);
+  font-weight: var(--font-weight-bold);
+}
+.el-time-spinner__item.disabled {
+  color: var(--color-text-lighter);
+  cursor: not-allowed;
+}
+
+.el-date-editor {
+  position: relative;
+  display: inline-block;
+  text-align: left;
+}
+.el-date-editor.el-input, .el-date-editor.el-input__inner {
+  width: 100%;
+}
+.el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner {
+  width: 300px;
+}
+
+.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner {
+  width: 350px;
+}
+
+.el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
+  width: 400px;
+}
+
+.el-date-editor--dates .el-input__inner {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.el-date-editor .el-icon-circle-close {
+  cursor: pointer;
+}
+.el-date-editor .el-range__icon {
+  font-size: 14px;
+  margin-left: -5px;
+  color: var(--color-text-lighter);
+  float: left;
+  line-height: 32px;
+}
+.el-date-editor .el-range-input {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border: none;
+  outline: none;
+  display: inline-block;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  width: 39%;
+  text-align: center;
+  font-size: var(--font-size-s);
+  color: var(--color-text-dark);
+}
+.el-date-editor .el-range-input::-webkit-input-placeholder {
+  color: var(--color-text-lighter);
+}
+.el-date-editor .el-range-input::-moz-placeholder {
+  color: var(--color-text-lighter);
+}
+.el-date-editor .el-range-input:-ms-input-placeholder {
+  color: var(--color-text-lighter);
+}
+.el-date-editor .el-range-input::-ms-input-placeholder {
+  color: var(--color-text-lighter);
+}
+.el-date-editor .el-range-input::placeholder {
+  color: var(--color-text-lighter);
+}
+.el-date-editor .el-range-separator {
+  display: inline-block;
+  height: 100%;
+  padding: 0 5px;
+  margin: 0;
+  text-align: center;
+  line-height: 32px;
+  font-size: 14px;
+  width: 5%;
+  color: var(--color-text-dark);
+}
+.el-date-editor .el-range__close-icon {
+  font-size: 14px;
+  color: var(--color-text-lighter);
+  width: 25px;
+  display: inline-block;
+  float: right;
+  line-height: 32px;
+}
+
+.el-range-editor.el-input__inner {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 3px 10px;
+}
+.el-range-editor .el-range-input {
+  line-height: 1;
+}
+.el-range-editor.is-active {
+  border-color: var(--color-primary);
+}
+.el-range-editor.is-active:hover {
+  border-color: var(--color-primary);
+}
+
+.el-range-editor--medium.el-input__inner {
+  height: 36px;
+}
+.el-range-editor--medium .el-range-separator {
+  line-height: 28px;
+  font-size: var(--input-font-size, 14px);
+}
+.el-range-editor--medium .el-range-input {
+  font-size: var(--input-font-size, 14px);
+}
+.el-range-editor--medium .el-range__icon,
+.el-range-editor--medium .el-range__close-icon {
+  line-height: 28px;
+}
+
+.el-range-editor--small.el-input__inner {
+  height: 30px;
+}
+.el-range-editor--small .el-range-separator {
+  line-height: 24px;
+  font-size: 12px;
+}
+.el-range-editor--small .el-range-input {
+  font-size: 12px;
+}
+.el-range-editor--small .el-range__icon,
+.el-range-editor--small .el-range__close-icon {
+  line-height: 24px;
+}
+
+.el-range-editor--mini.el-input__inner {
+  height: 26px;
+}
+.el-range-editor--mini .el-range-separator {
+  line-height: 20px;
+  font-size: 12px;
+}
+.el-range-editor--mini .el-range-input {
+  font-size: 12px;
+}
+.el-range-editor--mini .el-range__icon,
+.el-range-editor--mini .el-range__close-icon {
+  line-height: 20px;
+}
+
+.el-range-editor.is-disabled {
+  background-color: var(--disabled-fill, var(--color-background-light));
+  border-color: var(--disabled-border, var(--border-color-base));
+  color: var(--disabled-color, var(--color-text-base));
+  cursor: not-allowed;
+}
+.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
+  border-color: var(--disabled-border, var(--border-color-base));
+}
+.el-range-editor.is-disabled input {
+  background-color: var(--disabled-fill, var(--color-background-light));
+  color: var(--disabled-color, var(--color-text-base));
+  cursor: not-allowed;
+}
+.el-range-editor.is-disabled input::-webkit-input-placeholder {
+  color: var(--color-text-lighter);
+}
+.el-range-editor.is-disabled input::-moz-placeholder {
+  color: var(--color-text-lighter);
+}
+.el-range-editor.is-disabled input:-ms-input-placeholder {
+  color: var(--color-text-lighter);
+}
+.el-range-editor.is-disabled input::-ms-input-placeholder {
+  color: var(--color-text-lighter);
+}
+.el-range-editor.is-disabled input::placeholder {
+  color: var(--color-text-lighter);
+}
+.el-range-editor.is-disabled .el-range-separator {
+  color: var(--disabled-color, var(--color-text-base));
+}
+
+.el-picker-panel {
+  color: var(--color-text-dark);
+  border: 1px solid var(--disabled-border, var(--border-color-base));
+  -webkit-box-shadow: var(--box-shadow-light);
+          box-shadow: var(--box-shadow-light);
+  background: var(--color-foreground-xlight);
+  border-radius: var(--border-radius-base);
+  line-height: 30px;
+  margin: 5px 0;
+}
+.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.el-picker-panel__content {
+  position: relative;
+  margin: 15px;
+}
+
+.el-picker-panel__footer {
+  border-top: 1px solid var(--color-foreground-base);
+  padding: 4px;
+  text-align: right;
+  background-color: var(--color-foreground-xlight);
+  position: relative;
+  font-size: 0;
+}
+
+.el-picker-panel__shortcut {
+  display: block;
+  width: 100%;
+  border: 0;
+  background-color: transparent;
+  line-height: 28px;
+  font-size: 14px;
+  color: var(--color-text-dark);
+  padding-left: 12px;
+  text-align: left;
+  outline: none;
+  cursor: pointer;
+}
+.el-picker-panel__shortcut:hover {
+  color: var(--color-primary);
+}
+.el-picker-panel__shortcut.active {
+  background-color: #e6f1fe;
+  color: var(--color-primary);
+}
+
+.el-picker-panel__btn {
+  border: 1px solid #dcdcdc;
+  color: #333;
+  line-height: 24px;
+  border-radius: 2px;
+  padding: 0 20px;
+  cursor: pointer;
+  background-color: transparent;
+  outline: none;
+  font-size: 12px;
+}
+.el-picker-panel__btn[disabled] {
+  color: var(--color-text-lighter);
+  cursor: not-allowed;
+}
+
+.el-picker-panel__icon-btn {
+  font-size: 12px;
+  color: var(--color-text-dark);
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+  outline: none;
+  margin-top: 8px;
+}
+.el-picker-panel__icon-btn:hover {
+  color: var(--color-primary);
+}
+.el-picker-panel__icon-btn.is-disabled {
+  color: var(--color-text-light);
+}
+.el-picker-panel__icon-btn.is-disabled:hover {
+  cursor: not-allowed;
+}
+
+.el-picker-panel__link-btn, .el-picker-panel__link-btn:focus, .el-picker-panel__link-btn:hover {
+  color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l));
+  background-color: var(--color-foreground-xlight);
+  border-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l));
+}
+.el-picker-panel__link-btn.is-loading {
+  color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + 10%));
+  background-color: var(--color-foreground-xlight);
+  border-color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + 10%));
+}
+
+.el-picker-panel__link-btn:active {
+  border-color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%));
+  background-color: var(--color-foreground-xlight);
+  color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%));
+  outline: none;
+}
+.el-picker-panel__link-btn.is-disabled, .el-picker-panel__link-btn.is-disabled:hover, .el-picker-panel__link-btn.is-disabled:focus, .el-picker-panel__link-btn.is-disabled:active {
+  color: var(--color-text-light);
+  background-color: var(--color-foreground-xlight);
+  border-color: var(--color-foreground-base);
+}
+.el-picker-panel__link-btn.is-round {
+  padding: var(--spacing-3xs) var(--spacing-xs);
+}
+.el-picker-panel__link-btn {
+  padding: var(--spacing-3xs) var(--spacing-xs);
+  font-size: var(--font-size-2xs);
+}
+.el-picker-panel__link-btn {
+  --button-border-radius: 20px;
+}
+.el-picker-panel__link-btn.is-plain {
+  color: var(--button-font-color, var(--color-button-primary-font));
+  background-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l));
+  border-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l));
+}
+.el-picker-panel__link-btn.is-plain:active {
+  background: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%));
+  border-color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%));
+  color: var(--button-font-color, var(--color-button-primary-font));
+  outline: none;
+}
+.el-picker-panel__link-btn.is-plain.is-active {
+  background: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%));
+  border-color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%));
+  color: var(--button-font-color, var(--color-button-primary-font));
+}
+.el-picker-panel__link-btn.is-plain.is-light {
+  color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l));
+  background-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-tint-2-l));
+  border-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-tint-2-l));
+}
+.el-picker-panel__link-btn.is-plain.is-disabled, .el-picker-panel__link-btn.is-plain.is-disabled:hover, .el-picker-panel__link-btn.is-plain.is-disabled:focus, .el-picker-panel__link-btn.is-plain.is-disabled:active {
+  color: var(--color-text-light);
+  background-color: var(--color-foreground-base);
+  border-color: var(--color-foreground-base);
+}
+.el-picker-panel__link-btn {
+  vertical-align: middle;
+  margin-left: var(--spacing-2xs);
+}
+
+.el-picker-panel *[slot=sidebar],
+.el-picker-panel__sidebar {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 110px;
+  border-right: 1px solid var(--color-foreground-base);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding-top: 6px;
+  background-color: var(--color-foreground-xlight);
+  overflow: auto;
+}
+
+.el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
+.el-picker-panel__sidebar + .el-picker-panel__body {
+  margin-left: 110px;
+}
+
+.el-date-picker {
+  width: 322px;
+}
+.el-date-picker.has-sidebar.has-time {
+  width: 434px;
+}
+.el-date-picker.has-sidebar {
+  width: 438px;
+}
+.el-date-picker.has-time .el-picker-panel__body-wrapper {
+  position: relative;
+}
+.el-date-picker .el-picker-panel__content {
+  width: 292px;
+}
+.el-date-picker table {
+  table-layout: fixed;
+  width: 100%;
+}
+.el-date-picker__editor-wrap {
+  position: relative;
+  display: table-cell;
+  padding: 0 5px;
+}
+
+.el-date-picker__time-header {
+  position: relative;
+  border-bottom: 1px solid var(--color-foreground-base);
+  font-size: 12px;
+  padding: 8px 5px 5px;
+  display: table;
+  width: 100%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+.el-date-picker__header {
+  margin: 12px;
+  text-align: center;
+}
+.el-date-picker__header--bordered {
+  margin-bottom: 0;
+  padding-bottom: 12px;
+  border-bottom: solid 1px var(--border-color-light);
+}
+.el-date-picker__header--bordered + .el-picker-panel__content {
+  margin-top: 0;
+}
+
+.el-date-picker__header-label {
+  font-size: 16px;
+  font-weight: var(--font-weight-medium);
+  padding: 0 5px;
+  line-height: 22px;
+  text-align: center;
+  cursor: pointer;
+  color: var(--color-text-dark);
+}
+.el-date-picker__header-label:hover {
+  color: var(--color-primary);
+}
+.el-date-picker__header-label.active {
+  color: var(--color-primary);
+}
+
+.el-date-picker__prev-btn {
+  float: left;
+}
+
+.el-date-picker__next-btn {
+  float: right;
+}
+
+.el-date-picker__time-wrap {
+  padding: 10px;
+  text-align: center;
+}
+
+.el-date-picker__time-label {
+  float: left;
+  cursor: pointer;
+  line-height: 30px;
+  margin-left: 10px;
+}
+
+.el-date-range-picker {
+  width: 646px;
+}
+.el-date-range-picker.has-sidebar {
+  width: 756px;
+}
+.el-date-range-picker table {
+  table-layout: fixed;
+  width: 100%;
+}
+.el-date-range-picker .el-picker-panel__body {
+  min-width: 513px;
+}
+.el-date-range-picker .el-picker-panel__content {
+  margin: 0;
+}
+.el-date-range-picker__header {
+  position: relative;
+  text-align: center;
+  height: 28px;
+}
+.el-date-range-picker__header [class*=arrow-left] {
+  float: left;
+}
+.el-date-range-picker__header [class*=arrow-right] {
+  float: right;
+}
+.el-date-range-picker__header div {
+  font-size: 16px;
+  font-weight: var(--font-weight-medium);
+  margin-right: 50px;
+}
+
+.el-date-range-picker__content {
+  float: left;
+  width: 50%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 16px;
+}
+.el-date-range-picker__content.is-left {
+  border-right: 1px solid var(--color-foreground-base);
+}
+
+.el-date-range-picker__content .el-date-range-picker__header div {
+  margin-left: 50px;
+  margin-right: 50px;
+}
+
+.el-date-range-picker__editors-wrap {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  display: table-cell;
+}
+.el-date-range-picker__editors-wrap.is-right {
+  text-align: right;
+}
+
+.el-date-range-picker__time-header {
+  position: relative;
+  border-bottom: 1px solid var(--color-foreground-base);
+  font-size: 12px;
+  padding: 8px 5px 5px;
+  display: table;
+  width: 100%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.el-date-range-picker__time-header > .el-icon-arrow-right {
+  font-size: 20px;
+  vertical-align: middle;
+  display: table-cell;
+  color: var(--color-text-dark);
+}
+
+.el-date-range-picker__time-picker-wrap {
+  position: relative;
+  display: table-cell;
+  padding: 0 5px;
+}
+.el-date-range-picker__time-picker-wrap .el-picker-panel {
+  position: absolute;
+  top: 13px;
+  right: 0;
+  z-index: 1;
+  background: var(--color-foreground-xlight);
+}
+
+.el-time-range-picker {
+  width: 354px;
+  overflow: visible;
+}
+.el-time-range-picker__content {
+  position: relative;
+  text-align: center;
+  padding: 10px;
+}
+
+.el-time-range-picker__cell {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 4px 7px 7px;
+  width: 50%;
+  display: inline-block;
+}
+
+.el-time-range-picker__header {
+  margin-bottom: 5px;
+  text-align: center;
+  font-size: 14px;
+}
+
+.el-time-range-picker__body {
+  border-radius: 2px;
+  border: 1px solid var(--disabled-border, var(--border-color-base));
+}
+
+.el-time-panel {
+  margin: 5px 0;
+  border: solid 1px var(--disabled-border, var(--border-color-base));
+  background-color: var(--color-foreground-xlight);
+  -webkit-box-shadow: var(--box-shadow-light);
+          box-shadow: var(--box-shadow-light);
+  border-radius: 2px;
+  position: absolute;
+  width: 180px;
+  left: 0;
+  z-index: 1000;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+}
+.el-time-panel__content {
+  font-size: 0;
+  position: relative;
+  overflow: hidden;
+}
+.el-time-panel__content::after, .el-time-panel__content::before {
+  content: "";
+  top: 50%;
+  position: absolute;
+  margin-top: -15px;
+  height: 32px;
+  z-index: -1;
+  left: 0;
+  right: 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding-top: 6px;
+  text-align: left;
+  border-top: 1px solid var(--border-color-base);
+  border-bottom: 1px solid var(--border-color-base);
+}
+.el-time-panel__content::after {
+  left: 50%;
+  margin-left: 12%;
+  margin-right: 12%;
+}
+.el-time-panel__content::before {
+  padding-left: 50%;
+  margin-right: 12%;
+  margin-left: 12%;
+}
+.el-time-panel__content.has-seconds::after {
+  left: 66.6666666667%;
+}
+.el-time-panel__content.has-seconds::before {
+  padding-left: 33.3333333333%;
+}
+
+.el-time-panel__footer {
+  border-top: 1px solid var(--color-foreground-base);
+  padding: 4px;
+  height: 36px;
+  line-height: 25px;
+  text-align: right;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+.el-time-panel__btn {
+  border: none;
+  line-height: 28px;
+  padding: 0 5px;
+  margin: 0 5px;
+  cursor: pointer;
+  background-color: transparent;
+  outline: none;
+  font-size: 12px;
+  color: var(--color-text-dark);
+}
+.el-time-panel__btn.confirm {
+  font-weight: var(--font-weight-bold);
+  color: var(--color-primary);
+}
+
+.el-picker-panel__footer .el-picker-panel__link-btn:last-child {
+  background: var(--color-primary);
+  color: var(--color-foreground-xlight);
+}
+
 .el-popover {
   position: absolute;
   background: var(--color-foreground-xlight);